skills.rest
billh93
billh93COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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

Related Skills

Explore More Design & Creative Skills→
jorgeasaurusjorgeasaurus
12

web-design-guidelines

Validates UI code against the Web Interface Guidelines.

Community
Intermediate
vuminhieuvuminhieu

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
lootloglootlog
7

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility, design, and usability issues.

Official
Intermediate
angelriera-devangelriera-dev

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Intermediate