skills.rest
dashkan
dashkanCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

1|Updated Mar 21, 2026
Search Tags:#automation#accessibility#compliance#review#web-design#ui-guidelines
One-click install
npx skills add https://github.com/dashkan/pivox-server --skill web-design-guidelines-dashkan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/dashkan/pivox-server/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/dashkan/pivox-server --skill web-design-guidelines-dashkan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Help developers audit UI code to ensure compliance with Web Interface Guidelines, reducing accessibility gaps and design inconsistencies.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL before each review.
  • Read the specified files or file patterns to evaluate.
  • Output findings in the terse file:line format to guide fixes.
  • Use Case: QA teams can scan a React or HTML project to surface accessibility violations and guideline breaches.

Quick Start

Run the review on your UI files by providing a file pattern or path to check against the latest guidelines.

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

To audit UI code for accessibility and visual consistency, provide a file path or pattern to review against the latest Web Interface Guidelines. The tool fetches live rules and reports violations in a concise file:line format for immediate remediation.

What is the best way to check a React project for web design guideline breaches?▼

Checking a React project for web design guideline breaches involves scanning specified UI files against a live source of Web Interface Guidelines. It outputs terse file:line format findings to guide developer fixes and support design-review workflows.

Can I scan HTML files for responsive design and accessibility compliance?▼

Yes, you can scan HTML files for responsive design and accessibility compliance by passing the file pattern to the review process. It evaluates the code against fetched UI guidelines and highlights specific violations for developer remediation.

Does the UI guideline review fetch current accessibility rules before scanning?▼

Yes, the UI guideline review fetches the latest accessibility rules from the source URL before each evaluation. This ensures that compliance checks always apply the most current Web Interface Guidelines to your code.

How do I fix UI code violations reported during an accessibility review?▼

To fix UI code violations reported during an accessibility review, navigate to the specific file and line number provided in the terse output. This format directly guides developers to the exact locations requiring remediation for compliance.

Related Skills

Explore More Design & Creative Skills→
danielkhigaydanielkhigay

web-design-guidelines

Compare project files against Web Interface Guidelines and report UI non-conformance in file:line format.

Community
Intermediate
woody1234567woody1234567
1

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and visual compliance.

Community
Intermediate
ShauryaUdayMisraShauryaUdayMisra

web-design-guidelines

Check UI code compliance against Web Interface Guidelines.

Community
Advanced
mauricioacpmauricioacp
1

web-design-guidelines

Fetch Web Interface Guidelines and validate UI code with file:line findings.

Community
Intermediate