skills.rest
quanngynx
quanngynxCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review web interface source files for compliance with Web Interface Guidelines.

Updated Mar 27, 2026
Search Tags:#code review#accessibility#web ui#design guidelines#ui audit#ux compliance
One-click install
npx skills add https://github.com/quanngynx/GDGO-2026.Servexa-Warranty-AI --skill web-design-guidelines-quanngynx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/quanngynx/GDGO-2026.Servexa-Warranty-AI/tree/main/servexa-warranty-ai/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/quanngynx/GDGO-2026.Servexa-Warranty-AI --skill web-design-guidelines-quanngynx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you catch UI and accessibility issues early by checking your web interface against a trusted set of Web Interface Guidelines.

Core Features & Use Cases

  • Guideline-driven UI review: Fetches the latest guidelines and applies all rules consistently.
  • Targeted file/pattern auditing: Reviews the files you specify to find compliance problems.
  • Actionable findings: Reports issues in a concise file:line format that’s easy to fix.

Use case: You want to review a React/Next.js or static site’s UI code before release to ensure it aligns with current best practices and accessibility requirements.

Quick Start

Ask the assistant to run a UI audit by reviewing the files matching your pattern, for example all files under src/.

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 web UI code for accessibility compliance before release?▼

To audit web UI accessibility, you can review your source files against Web Interface Guidelines. This process checks single-file or glob-pattern targets, fetches the latest rules, and reports findings in a file:line format to fix UI regressions.

Can I run an accessibility check on specific files matching a pattern in my project?▼

Yes, you can run an accessibility check on specific files by using glob or pattern-based targets. The audit reviews the web interface source files you specify, applying Web Interface Guidelines consistently to identify compliance issues.

What is a UI audit against web interface guidelines and how does it work?▼

A UI audit against web interface guidelines is a review process that fetches the latest compliance rules and applies them to your source files. It identifies UI and accessibility regressions, reporting all findings using a precise file:line format for easy fixes.

Does this UI review process work with React and Next.js projects?▼

Yes, this UI review process works with React and Next.js projects. You can review your web interface source files before release to ensure the UI code aligns with current best practices and web accessibility requirements.

What format are the accessibility findings reported in?▼

Accessibility findings are reported in a concise file:line format. This actionable output maps each UI and accessibility compliance issue directly to its location in your web interface source files, making them easy to locate and fix.

When do I need to run a UX compliance check on my web interface?▼

You need to run a UX compliance check on your web interface before release to catch UI and accessibility regressions early. Reviewing source files against Web Interface Guidelines ensures your code aligns with current accessibility requirements.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

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

Official
Intermediate
darthlinuxerdarthlinuxer

web-design-guidelines

Audit web frontend files against Web Interface Guidelines and output file:line findings.

Community
Intermediate
tsuji-tomonoritsuji-tomonori

a11y-ci-gating

Automate accessibility testing in CI/CD pipelines with quality gates.

Community
Advanced
zeronx798zeronx798

dogfood

Navigate web pages and interact with DOM elements to detect functional, visual, accessibility issues via browser snapshots and console error monitoring, producing structured bug reports.

Community
Advanced