skills.rest
markky21
markky21COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review HTML, CSS, and JS files against Web Interface Guidelines.

Updated Jan 16, 2026
Search Tags:#accessibility#UI#review#guidelines#report#web-design
One-click install
npx skills add https://github.com/markky21/claude-skills --skill web-design-guidelines-markky21
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/markky21/claude-skills/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/markky21/claude-skills --skill web-design-guidelines-markky21

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI code adheres to the Web Interface Guidelines, enabling accessible, consistent, and high-quality web interfaces.

Core Features & Use Cases

  • Fetches the latest guidelines and applies them to UI files.
  • Reads specified files or patterns and validates against all rules.
  • Outputs findings in a terse file:line format for quick triage.

Quick Start

Provide the files or patterns you want reviewed. The skill fetches the latest guidelines, applies them, and returns findings in the file:line format.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check my HTML and CSS code for web accessibility compliance?▼

To check web accessibility compliance, this skill reviews your HTML, CSS, and JS files against the latest Web Interface Guidelines. It fetches current rules and outputs findings in a terse file:line format for quick triage.

What is the best way to automate UI code review for visual consistency?▼

Automating a UI code review for visual consistency involves fetching the latest web design guidelines and applying them to your project files. This skill validates specified file patterns and returns a concise report of any best-practice violations.

Can I review an entire web project for UI guideline conformance at once?▼

Yes, you can review an entire web project for UI guideline conformance by providing file patterns to this skill. It reads the specified files, validates them against all fetched rules, and produces a triage report detailing accessibility and visual issues.

Does this UI review tool require any specific dependencies or components to run?▼

No, this UI review tool does not require any specific dependencies or components to run. It operates independently by fetching the latest guidelines from its source and applying them directly to your codebase.

How does the web design guidelines report format look for triaging issues?▼

The web design guidelines report format is a terse file:line output designed for quick triage. It directly maps each accessibility check and visual consistency violation to its exact location in your HTML, CSS, or JS files.

Related Skills

Explore More Design & Creative Skills→
pradyumnasagarpradyumnasagar
6

roadmap-author

Guide authors through creating and validating ORS SKILL.md files.

Community
Intermediate
aayushsharma141aayushsharma141

web-design-guidelines

Identify UI elements violating Web Interface Guidelines in frontend codebases.

Community
Intermediate
pradyumnasagarpradyumnasagar
6

agent-handoff

Automate inter-skill data transfer and provenance capture via JSON Material Passports.

Community
Advanced
NVIDIANVIDIA
33

accessibility

Automate accessibility audits for web components using ESLint and axe-core.

Official
Advanced