skills.rest
vuminhieu
vuminhieuCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Feb 2, 2026
Search Tags:#accessibility#UI#audit#guidelines#ux#web-design#design-review
One-click install
npx skills add https://github.com/vuminhieu/spexor-client --skill web-design-guidelines-vuminhieu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/vuminhieu/spexor-client/tree/main/.agent/skills/skills/web-design-guidelines
Command: npx skills add https://github.com/vuminhieu/spexor-client --skill web-design-guidelines-vuminhieu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill audits UI code against Web Interface Guidelines to identify accessibility gaps, responsive issues, and UX inconsistencies, enabling teams to bring interfaces up to current standards.

Core Features & Use Cases

  • Guideline-driven audit: Validates UI code against the latest Web Interface Guidelines.
  • Scope-aware checks: Applicable to frontend codebases, components, and design assets during reviews.
  • Use Case: When you want to ensure a landing page is accessible and responsive, run this skill against your UI files to surface violations and actionable fixes.

Quick Start

Use the web-design-guidelines skill to audit your project's UI files against the latest guidelines. The guidelines source is fetched prior to each review, and results are reported in a concise file:line format.

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 frontend code for accessibility and UX inconsistencies?▼

To audit frontend code for accessibility and UX inconsistencies, run this skill against your UI files. It fetches the latest Web Interface Guidelines, evaluates the specified code, and reports violations in a concise file:line format.

Can I use this skill to check if my landing page is responsive and accessible?▼

Yes, you can use this skill to check if a landing page is responsive and accessible. It evaluates UI code against current Web Interface Guidelines to surface violations and provide actionable fixes.

What is the best way to validate UI components against modern web design guidelines?▼

The best way to validate UI components against modern web design guidelines is using a guideline-driven audit. This skill fetches the latest rules and evaluates your code to identify accessibility gaps and interaction pattern issues.

Does this UI audit require any external dependencies or components to run?▼

No, this UI audit does not require external dependencies or components to run. It fetches the latest rules directly from the guidelines source prior to each review and evaluates the specified files independently.

How are UI code violations reported when auditing for web interface compliance?▼

UI code violations are reported in a concise file:line format when auditing for web interface compliance. This format surfaces specific accessibility gaps and visual inconsistencies directly within your frontend codebase.

Related Skills

Explore More Design & Creative Skills→
jewbetchajewbetcha
115

web-design-guidelines

Automate UI compliance checks against Web Interface Guidelines.

Community
Basic
quranquran
1.9k

web-design-guidelines

Audit web UI code against Web Interface Guidelines for accessibility and usability.

Official
Intermediate
alangebalangeb

code-review-workflow

Run pyscan, pyanalyze, ruff, and black to generate a unified markdown report.

Community
Intermediate
levnikolaevichlevnikolaevich
534

ln-633-test-value-auditor

Compute Usefulness Scores and classify tests as KEEP, REVIEW, or REMOVE.

Community
Advanced