skills.rest
YeomanYe
YeomanYeCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/YeomanYe/skills --skill web-design-guidelines-yeomanye
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
trungtnmtrungtnm

web-design-guidelines

Audits frontend HTML, CSS and JS files for UI compliance gaps using Web Interface Guidelines.

Community
Intermediate
jewbetchajewbetcha
115

web-design-guidelines

Automate UI compliance checks against Web Interface Guidelines.

Community
Basic
AnthonyPAliceaAnthonyPAlicea
84

de-div

Refactor non-semantic div and span elements into HTML5 semantic tags.

Community
Advanced
mgiffordmgifford

module-testing

Analyze Drupal module impact on accessibility violations via automated testing.

Community
Advanced