web-design-guidelines

Audits UI files for compliance with the latest Web Interface Guidelines.

Updated Feb 1, 2026

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

Ready to run

npx skills add https://github.com/EricJamesCrow/smartpockets --skill web-design-guidelines-ericjamescrow

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manual UI reviews are time-consuming and error-prone; teams often miss accessibility and consistency issues across web interfaces.

Core Features & Use Cases

Automated UI guideline checks against the latest Web Interface Guidelines to ensure accessibility, contrast, and semantic markup.
On-demand audits for design reviews, code reviews, and ongoing development across multiple projects.
Guidance and consolidation of findings into a concise report for fast remediation.

Quick Start

Review the UI files against the latest Web Interface Guidelines and report any violations.

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 web UI code against accessibility and design guidelines?▼

To audit web UI code, the Skill fetches fresh Web Interface Guidelines from its source URL, reads your specified UI files, applies all accessibility and consistency rules, and outputs findings in a file:line format.

What is the best way to automate accessibility checks during a UI code review?▼

Automating accessibility checks during a UI code review is handled by applying the Skill across UI code and assets, consolidating violations into a concise report highlighting semantic markup and contrast issues.

Can I check my web interface for compliance without manually reading the guidelines?▼

Yes, you can check web interface compliance without manual reading because the Skill automatically fetches fresh guidelines from the source URL and applies the rules directly to your files.

How do I identify contrast and semantic markup violations in my web interface?▼

To identify contrast and semantic markup violations, the Skill evaluates your UI files against the Web Interface Guidelines, applying checks across UI code and assets to locate accessibility issues.

Does this UI audit work with any web development framework or only specific file types?▼

The UI audit works by reading specified UI files and applying rules to UI code and assets, evaluating any file types you provide in the input rather than relying on a specific framework.

Why should I use an automated UI guideline audit instead of manual design reviews?▼

You should use an automated UI guideline audit instead of manual design reviews because manual reviews are time-consuming and error-prone, often missing accessibility and consistency issues across web interfaces.