skills.rest
NoManPlay
NoManPlayCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review web interface code against Web Interface Guidelines for accessibility and usability issues.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you evaluate a web UI against up-to-date Web Interface Guidelines so accessibility and usability issues don’t slip into your product.

Core Features & Use Cases

  • Guideline-based audits: Fetches the latest Web Interface Guidelines rules before each review and applies them consistently.
  • File and pattern targeting: Reviews specific files you provide or asks you which files to scan when none are specified.
  • Actionable output: Reports issues in the concise file:line format to speed up fixes.

Quick Start

Use the skill to review your UI files by passing a file path or glob pattern (for example, run it against your React component files) to get a file:line list of guideline compliance findings.

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

To audit web UI code for accessibility compliance, you review specific files or glob patterns against Web Interface Guidelines. This process fetches the latest rules, scans your targeted code, and outputs actionable findings in a concise file:line format to speed up fixes.

What is a UX review for web interface files?▼

A UX review for web interface files evaluates your UI code against established design guidelines to surface usability issues. It applies consistent rules to targeted files and produces an actionable list of findings formatted by file and line number.

Can I scan specific React component files for usability issues?▼

Yes, you can scan specific React component files by passing the file path or glob pattern directly. The review targets the files you specify, asking you to provide files when none are initially supplied.

How do I get actionable output from a web accessibility code audit?▼

You get actionable output from a web accessibility code audit by running guideline rules against your UI files. Results are reported in a concise file:line format, directly identifying where compliance issues exist to speed up developer fixes.

Do I need to manually update the design guidelines for a UI audit?▼

No, you do not need to manually update design guidelines for a UI audit. The system automatically fetches the latest command.md guidelines from the configured source URL before each review to ensure checks apply consistently.

Related Skills

Explore More Design & Creative Skills→
KaranKathur06KaranKathur06

web-design-guidelines

Review web UI source files against fetched Web Interface Guidelines.

Community
Intermediate
maraxenmaraxen
4

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate
superpollo02superpollo02

shadcn

Generate shadcn/ui-inspired component guidance with token-first rules and WCAG 2.2 AA constraints.

Community
Intermediate
dachentdachent
18

frontend-design-codex

Validate frontend UI components through browser rendering and screenshot analysis.

Community
Advanced