web-design-guidelines

Review UI files against Web Interface Guidelines with file:line findings.

Updated Jan 21, 2026
One-click install
npx skills add https://github.com/quanphung1120/better-rag --skill web-design-guidelines-quanphung1120
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/quanphung1120/better-rag/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/quanphung1120/better-rag --skill web-design-guidelines-quanphung1120

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Core Features & Use Cases

  • Fetch fresh guidelines from the official source: https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
  • Read the specified files (or prompt user for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format

Quick Start

Provide the UI files you want reviewed, and I will assess them against the latest 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 audit my UI code for web design guidelines compliance?

You can audit UI code by providing the frontend files and prompting a review; the tool fetches the latest Web Interface Guidelines and returns accessibility, UX consistency, and visual design findings in a concise file:line format.

How do I check my frontend accessibility and UX consistency?

Checking frontend accessibility and UX consistency involves evaluating your UI files against established web interface guidelines to identify specific code paths that need alignment, yielding a detailed file:line report for remediation.

Can I review my website design against best practices automatically?

You can review your website against best practices by providing your UI files; the tool fetches fresh guidelines from the official source and evaluates your code paths for accessibility and visual design compliance.

What is a UI audit against web interface guidelines?

A UI audit against web interface guidelines is the process of identifying frontend files that need alignment with established rules, evaluating accessibility, UX consistency, and visual design across specified code paths.

Do I need to specify files for a UX review?

You need to specify files or patterns for a UX review, or you will be prompted to provide them, so the tool can read and evaluate those exact code paths against the fetched web design guidelines.

What format do UI audit findings return in?

UI audit findings return in a terse file:line precise format suitable for review and remediation, pinpointing exactly where your UI code needs alignment with accessibility and visual design guidelines.