skills.rest
AbrahamX3
AbrahamX3COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Check HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

1|Updated Jan 15, 2026
Search Tags:#accessibility#web-design#design-audit#ui-guidelines#ux-review#frontend-quality
One-click install
npx skills add https://github.com/AbrahamX3/hivio --skill web-design-guidelines-abrahamx3
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/AbrahamX3/hivio/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/AbrahamX3/hivio --skill web-design-guidelines-abrahamx3

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL below
  • Read the specified files (or prompt user for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format

Quick Start

Fetch the latest guidelines from the provided source URL and apply them to your UI files to generate a compliance report.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my UI code for accessibility and UX compliance?▼

To audit UI code for accessibility and UX compliance, this Skill fetches the latest Web Interface Guidelines, reads your target HTML, CSS, and JavaScript files, applies all rules, and outputs findings in a file:line format.

What is a design audit for web projects?▼

A design audit for web projects identifies the conformance of UI code to established Web Interface Guidelines, checking HTML, CSS, and JavaScript for accessibility and frontend quality issues.

How do I check HTML and CSS files against web interface guidelines?▼

You check HTML and CSS files by providing them as input, which the Skill reads and evaluates against all rules fetched from the source URL, reporting any UX or frontend quality findings.

Does this design audit tool require any dependencies to run?▼

No dependencies are required to run this design audit tool, as it operates independently to fetch guidelines, read your specified files, and generate a compliance report.

What format are the UX review findings reported in?▼

The UX review findings are reported in a terse file:line format, pinpointing exact locations in your HTML, CSS, and JavaScript code where Web Interface Guidelines conformance fails.

Related Skills

Explore More Design & Creative Skills→
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
honki12345honki12345

web-design-guidelines

Audits HTML, CSS, and component code against Web Interface Guidelines.

Community
Intermediate
PatkikPatkik

web-design-guidelines

Analyze UI code against Web Interface Guidelines and report violations.

Community
Intermediate
45black-Limited45black-Limited
1

ui-review

Audit live UIs and codebases for WCAG accessibility, design-system conformance, and legaltech patterns.

Official
Advanced