web-design-guidelines

Analyze HTML, CSS, and JS UI code against Web Interface Guidelines.

Updated May 12, 2026

Search Tags:#ui #accessibility #audit #review #web #design-guidelines

Ready to run

npx skills add https://github.com/YeomanYe/skills --skill web-design-guidelines-yeomanye

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/YeomanYe/skills/tree/main/web-design-guidelines
Command: npx skills add https://github.com/YeomanYe/skills --skill web-design-guidelines-yeomanye

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web interfaces often fail to meet established guidelines, leading to accessibility and UX gaps. This Skill provides automated checks against the latest Web Interface Guidelines to surface issues quickly.

Core Features & Use Cases

Guideline-driven review: Assess HTML/CSS/JS and design assets against the current rules to surface violations.
Comprehensive coverage: Checks accessibility, usability, and visual consistency across common web interfaces.
Use Case: When reviewing a new UI, run the skill to identify contrast, keyboard navigation, and semantic markup issues that impact accessibility.

Quick Start

Provide the UI files or patterns to be checked and run a quick compliance assessment 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 run an accessibility audit on my HTML code?▼

You can audit accessibility by providing your UI files to check HTML, CSS, and JS code against the latest Web Interface Guidelines, surfacing issues in a terse file:line format.

What is the best way to check web design guidelines for visual consistency?▼

The best way to check visual consistency is by analyzing your UI code and design assets against current Web Interface Guidelines to automatically surface compliance issues across your web interfaces.

Can I use this to review keyboard navigation and semantic markup issues?▼

Yes, you can review keyboard navigation and semantic markup by running a compliance assessment on your UI files to identify accessibility and usability gaps based on current guidelines.

Does the UI review work with CSS and JavaScript files?▼

Yes, the UI review works with CSS and JavaScript files, analyzing web projects across HTML, CSS, JS, and design assets to surface accessibility, usability, and visual consistency issues.

How do I identify contrast issues in my web interface?▼

You identify contrast issues by running an automated check against the latest Web Interface Guidelines, which assesses your UI code and surfaces accessibility violations in a terse file:line output format.