web-design-guidelines

Identify UI code compliance issues against the latest Web Interface Guidelines.

Updated Nov 15, 2025

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

Ready to run

npx skills add https://github.com/billh93/snchz --skill web-design-guidelines-billh93

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The skill helps teams ensure UI code complies with Web Interface Guidelines by identifying accessibility, usability, and visual-consistency issues early in the development process.

Core Features & Use Cases

Automated guideline-based UI review: fetches the latest web interface guidelines and analyzes target UI files.
Accessibility and UX conformance checks: flags violations and suggests fixes.
Use Case: When you want to validate a new UI build against industry guidelines before deployment.

Quick Start

Provide the UI files or a file pattern to review, and the skill will fetch the latest guidelines and report 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 UI code for accessibility and web design guideline compliance?▼

You can check UI code compliance by fetching the latest web interface guidelines and applying them to your target UI files, flagging accessibility and usability deviations in a terse file:line format.

What is automated guideline-based UI review and how does it work?▼

Automated UI review fetches current web interface guidelines and analyzes targeted UI files, identifying accessibility, usability, and visual-consistency issues early in the development process.

Can I validate a specific file pattern against web interface guidelines?▼

Yes, you can validate specific file patterns by providing them to the skill, which applies fetched rules across the project and flags deviations while handling missing files and fetch errors.

Does the web design audit check for UX conformance and suggest fixes?▼

Yes, the web design audit performs UX conformance checks that flag accessibility and usability violations against web interface guidelines and suggests actionable fixes for identified deviations.

How are UI compliance issues reported when a design review is performed?▼

UI compliance issues are reported in a terse file:line format, providing clear and actionable output that flags deviations from web interface guidelines across targeted project files.