skills.rest
JuanGarciaFuture
JuanGarciaFutureCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report nonconformities in file:line format.

Updated Aug 23, 2026
Search Tags:#automation#accessibility#guidelines#web-design#ui-review#design-audit#web-standards
One-click install
npx skills add https://github.com/JuanGarciaFuture/mobile-practice --skill web-design-guidelines-juangarciafuture
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/JuanGarciaFuture/mobile-practice/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/JuanGarciaFuture/mobile-practice --skill web-design-guidelines-juangarciafuture

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams verify web interfaces against current Web Interface Guidelines by automatically fetching the latest rules, inspecting the chosen files or patterns, and reporting nonconformities in a concise, actionable format.

Core Features & Use Cases

  • Fetches the latest guidelines from a central source, ensuring reviews align with up-to-date standards.
  • Reads and evaluates the specified files or patterns, applying all guidelines to detect accessibility and UX issues.
  • Outputs findings in a terse file:line format suitable for quick triage; use cases include reviews prompted by requests like "review my UI" or "check accessibility".

Quick Start

Provide the target files or patterns, and the tool will fetch guidelines and report UI compliance results.

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 standards compliance?▼

To audit UI code for accessibility and web standards, provide your target files or patterns to the tool. It fetches the latest web interface guidelines, evaluates the code against all rules, and reports nonconformities in a terse file:line format for quick triage.

What is the best way to automatically check web design guidelines across multiple files?▼

Automatically checking web design guidelines across files requires specifying the target file patterns for inspection. The tool then applies current UX consistency and visual quality rules to the matched code, outputting a concise list of compliance issues by file and line number.

Does this web design audit tool fetch the latest accessibility rules automatically?▼

Yes, this web design audit fetches the latest accessibility and UX rules automatically from a central source. It ensures your UI review aligns with up-to-date web standards without requiring manual guideline updates or local rule configuration.

Can I use this for a quick UX consistency review on existing web projects?▼

Yes, you can use this for a quick UX consistency review on existing web projects. By inspecting the specified source files against fetched web interface guidelines, it identifies visual quality and accessibility issues suitable for rapid triage.

What format are the UI review findings reported in?▼

UI review findings are reported in a terse file:line format. This concise output structure directly maps identified accessibility and web standard nonconformities to their exact locations in your code, making them actionable for quick triage.

When do I need an automated design audit for my web interface?▼

You need an automated design audit when verifying web interfaces against current web standards. It is ideal when you want to detect accessibility issues and evaluate UX consistency across specified project files without manually cross-referencing design rules.

Related Skills

Explore More Design & Creative Skills→
FlorianBruniauxFlorianBruniaux
77

web-design-guidelines

Audit UI code against web interface guidelines and report violations.

Community
Intermediate
elophantoelophanto
116

web-design-guidelines

Fetch web interface guidelines and report UI code compliance in file:line format.

Community
Intermediate
NoobyGainsNoobyGains
78

quality-enforcement

Enforce code quality standards across pre-commit, pre-merge, and CI pipeline stages.

Community
Advanced
dachentdachent
18

frontend-design-codex

Validate frontend UI components through browser rendering and screenshot analysis.

Community
Advanced