skills.rest
umairinayat
umairinayatCOMMUNITY
Explore all skills by this author →
𝕏@umairstuffGitHub

web-design-guidelines

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

5|2|Updated Mar 1, 2026
Search Tags:#accessibility#frontend#audit#guidelines#code-review#web-design
One-click install
npx skills add https://github.com/umairinayat/Specter-AI --skill web-design-guidelines-umairinayat
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/umairinayat/Specter-AI/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/umairinayat/Specter-AI --skill web-design-guidelines-umairinayat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audit UI code for conformance to Web Interface Guidelines, helping teams deliver accessible, consistent interfaces.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL
  • Read specified files or patterns
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format
  • Use during design reviews, accessibility audits, and UI QA for web projects

Quick Start

Provide your UI source files to the skill and it will fetch the latest guidelines, compare your code, and output a file:line style audit.

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 frontend code for accessibility and UI consistency?▼

To audit frontend code for accessibility and UI consistency, provide your UI source files to the skill, which fetches the latest web interface guidelines, compares your code against all rules, and outputs findings in a file:line format.

Can I use this for design verification of specific web components?▼

Yes, you can use this for design verification of specific web components by applying it to targeted file patterns during your frontend code reviews to ensure they meet accessibility and usability standards.

How does the accessibility audit process work for web projects?▼

The accessibility audit process works by fetching web interface guidelines from a remote source, reading your specified target files, applying all fetched rules, and generating a terse report of any conformance issues found.

Do I need to manually input web design guidelines for a code review?▼

No, you do not need to manually input web design guidelines for a code review because the skill automatically fetches the latest guidelines from its remote source URL before analyzing your target files.

What is the output format for accessibility audit findings?▼

The output format for accessibility audit findings is a terse file:line format, allowing you to quickly locate and fix UI code that fails to conform to web interface guidelines.

When should I run an accessibility audit during web development?▼

You should run an accessibility audit during design reviews, UI QA, and frontend code reviews to verify that components and pages conform to web interface guidelines before delivery.

Related Skills

Explore More Design & Creative Skills→
cagdotincagdotin
36

web-design-guidelines

Evaluate frontend UI code against Web Interface Guidelines for accessibility and usability gaps.

Community
Intermediate
kimmyxpowkimmyxpow

web-design-guidelines

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

Community
Intermediate
Lev-itLev-it

web-design-guidelines

Automate UI code review against the Web Interface Guidelines.

Official
Advanced
proven-xyzproven-xyz
2

web-design-guidelines

Audits UI code for accessibility and UX quality using Web Interface Guidelines.

Official
Advanced