skills.rest
leogomez74
leogomez74COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Aug 27, 2026
Search Tags:#accessibility#frontend#guidelines#ui-testing#web-design#design-review#ui-audit
One-click install
npx skills add https://github.com/leogomez74/studio --skill web-design-guidelines-leogomez74
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/leogomez74/studio/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/leogomez74/studio --skill web-design-guidelines-leogomez74

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reviews UI code for Web Interface Guidelines compliance to help ensure accessible, usable, and consistent interfaces across products.

Core Features & Use Cases

  • Fetch the latest guidelines from the specified source.
  • Read target UI files or patterns and evaluate conformance against the guidelines.
  • Output findings in the terse file:line format.

Quick Start

Provide the UI files or a pattern to review, and I will fetch the latest guidelines and return findings.

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 visual consistency?▼

Automate a UI audit by providing target UI files or patterns for evaluation against fetched Web Interface Guidelines, receiving deviation findings in a terse file:line format.

What is a UI audit for web interface guidelines?▼

A UI audit for web interface guidelines is an automated review of UI code to identify deviations from best practices, ensuring accessible, usable, and consistent interfaces across products.

Can I use this to check responsive behavior across design system components?▼

Yes, you can evaluate responsive behavior across design system components by reading target UI files and evaluating their conformance against fetched guideline rules for accessibility and visual consistency.

How do I get started with a frontend design review?▼

Provide the UI files or a pattern to review, and the tool will fetch the latest guidelines and return findings in a terse file:line format to start your frontend design review.

What format are UI testing and audit findings reported in?▼

UI testing and audit findings are reported in a terse file:line format, pinpointing exact locations of accessibility, responsive behavior, and visual consistency deviations in your codebase.

Does this accessibility audit require any specific dependencies or components?▼

No specific dependencies or components are required to run this accessibility audit; it fetches guideline rules directly from a specified source and evaluates your provided UI files.

Related Skills

Explore More Design & Creative Skills→
staticWagomUstaticWagomU
6

web-design-guidelines

Evaluate UI files against Web Interface Guidelines accessibility rules in file:line format.

Community
Intermediate
jewbetchajewbetcha
115

web-design-guidelines

Automate UI compliance checks against Web Interface Guidelines.

Community
Basic
artofrawrartofrawr
1

ui-testing

Detect visual UI issues across web and mobile components.

Community
Intermediate
quanphung1120quanphung1120

web-design-guidelines

Review UI files against Web Interface Guidelines with file:line findings.

Community
Intermediate