skills.rest
EricJamesCrow
EricJamesCrowCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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

Related Skills

Explore More Design & Creative Skills→
heamlkheamlk

web-design-guidelines

Compare web project files against the latest Web Interface Guidelines.

Community
Intermediate
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic
lyzno1lyzno1
1

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and consistency.

Community
Basic
Ayushkumar48Ayushkumar48

web-design-guidelines

Audit web UI files for accessibility and UX guideline compliance.

Community
Intermediate