web-design-guidelines

Review UI code files against Web Interface Guidelines and report findings by line number.

1|Updated Aug 28, 2026
One-click install
npx skills add https://github.com/mooch10/mochiptos --skill web-design-guidelines-mooch10
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mooch10/mochiptos/tree/main/frontend/.agents/web-design-guidelines
Command: npx skills add https://github.com/mooch10/mochiptos --skill web-design-guidelines-mooch10

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Manually auditing UI code for accessibility and design best practices is slow and inconsistent. This Skill automates the review by fetching the latest Web Interface Guidelines and checking your files against every rule. ## Core Features & Use Cases - Guideline Compliance Review: Fetches the latest rules from the vercel-labs web-interface-guidelines repository and applies them to your UI code. - Precise Findings Output: Reports violations in a terse file:line format so issues are easy to locate and fix. - Use Case: Before shipping a new React page, ask for a review of your component files to catch accessibility and UX issues against current best practices. ## Quick Start Ask the assistant to review my UI files in the components directory against the web interface 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 review my UI code for accessibility issues?▼

Provide the file paths or a pattern of UI files to review. The Skill fetches the latest Web Interface Guidelines, checks your code against every rule, and reports violations in a file:line format.

What guidelines does this UI review use?▼

It fetches the latest rules from the vercel-labs web-interface-guidelines repository on GitHub before each review. This ensures the audit always uses the most current version of the guidelines rather than a cached copy.

Can I review multiple UI files at once?▼

Yes, you can pass a file pattern or list of files as an argument. If you do not specify any files, the Skill will ask which files you want reviewed before proceeding.

What output format does the UI audit produce?▼

Findings are reported in a terse file:line format as specified by the fetched guidelines. Each finding points directly to the location of the violation so you can navigate to and fix it quickly.

Does the UI review work offline?▼

No, the review requires network access because it fetches the latest guidelines from a remote GitHub URL before each run. Without connectivity, the rules cannot be retrieved and the review cannot proceed.