skills.rest
eyepyon
eyepyonCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Analyze UI code against Web Interface Guidelines for accessibility and usability gaps.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams verify that user interfaces comply with published Web Interface Guidelines, catching accessibility, usability, and consistency gaps early in the design process.

Core Features & Use Cases

  • Fetch latest Web Interface Guidelines and apply them to project files or patterns
  • Scan HTML/CSS/JS components for accessibility issues, semantic correctness, and visual consistency
  • Use Case: Run an audit on a component library to ensure keyboard navigation, color contrast, and responsive behavior meet the guidelines

Quick Start

Run the web-design-guidelines skill on your UI repository to produce a compliance report against the latest guidelines.

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 usability gaps?▼

To audit UI code for accessibility gaps, fetch the latest Web Interface Guidelines and apply their rules against your HTML, CSS, and JavaScript files to produce a structured compliance report of findings.

What does a web interface accessibility check look for in component libraries?▼

An accessibility check scans component libraries for keyboard navigation faults, color contrast issues, semantic correctness, and responsive behavior mismatches against established web design guidelines.

Can I review single-page apps for visual consistency using design guidelines?▼

Yes, you can review single-page apps by fetching published Web Interface Guidelines and applying them to your project files to identify visual consistency and usability gaps early in the design process.

How do I check HTML and CSS components against web design guidelines?▼

You check HTML and CSS components by specifying target files or patterns for the audit, which fetches the guideline rules and returns a structured set of findings detailing compliance gaps.

When do I need to run a UI accessibility audit on my web project?▼

You need to run a UI accessibility audit when updating your web project or component library to verify that user interfaces comply with published Web Interface Guidelines before deployment.

Related Skills

Explore More Design & Creative Skills→
PageAI-ProPageAI-Pro
286

web-design-guidelines

Fetch official Web Interface Guidelines and report deviations in UI files.

Official
Intermediate
zebbernzebbern
5

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability.

Community
Intermediate
jamesrochabrunjamesrochabrun
194

frontend-designer

Automate accessible, responsive frontend UI component design and implementation.

Community
Advanced
LuisUrrutiaLuisUrrutia

web-design-guidelines

Audit HTML/CSS/JS UI code against Web Interface Guidelines for accessibility and design consistency.

Community
Intermediate