web-design-guidelines

Installation
Summary

Audit UI code against Web Interface Guidelines with automated compliance checking.

  • Fetches the latest guidelines from a remote source before each review, ensuring rules stay current
  • Accepts file paths or patterns to review, or prompts the user if none are specified
  • Outputs findings in a concise file:line format for quick issue identification
  • Covers all rules defined in the fetched guidelines, including design, accessibility, and UX patterns
SKILL.md

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

  1. Fetch the latest guidelines from the source URL below
  2. Read the specified files (or prompt user for files/pattern)
  3. Check against all rules in the fetched guidelines
  4. Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument:

  1. Fetch guidelines from the source URL above
  2. Read the specified files
  3. Apply all rules from the fetched guidelines
  4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

When to Use

This skill is applicable to execute the workflow or actions described in the overview.

Limitations

  • Use this skill only when the task clearly matches the scope described above.
  • Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
  • Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Weekly Installs
476
GitHub Stars
34.4K
First Seen
Jan 19, 2026
Installed on
gemini-cli407
opencode405
antigravity375
codex368
cursor353
claude-code350