设计与多媒体

web-design-guidelines

vercel-labs/agent-skills

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".

  • 80.2万 次安装
  • 3.3万 星标
  • 收录于

安装命令

npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

要点

Audit UI code against Vercel's Web Interface Guidelines for design and accessibility compliance.

  • Fetches the latest guidelines from a remote source before each review, ensuring rules stay current
  • Accepts file paths or patterns as arguments; prompts for files if none provided
  • Outputs findings in a terse file:line format for quick scanning and remediation
  • Covers design, accessibility, and UX best practices as defined in the guidelines repository

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