web-design-guidelines

编程

检查 Web 界面指南的 UI 代码。当被要求"审查我的 UI"、"检查可访问性"、"审核设计"、"审查用户体验"或"对照最佳实践检查我的网站"时使用。

热度6245Star21.6kUpdate2026-01-16
暂无实践

SKILL.md

前往 Source
namedescription
web-design-guidelinesReview 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".

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.

常见问题

web-design-guidelines 是什么?
web-design-guidelines 是一个 AI Agent Skill(智能体技能)。检查 Web 界面指南的 UI 代码。当被要求"审查我的 UI"、"检查可访问性"、"审核设计"、"审查用户体验"或"对照最佳实践检查我的网站"时使用。
web-design-guidelines 怎么用?
你可以在 Skill Hub 中国下载 web-design-guidelines 的 SKILL.md 文件,放入你的项目目录中。AI Agent(如 Claude Code)会自动识别并加载该 Skill,按照其中定义的规则和流程来辅助你完成任务。目前已有 3 篇实践案例可供参考。
web-design-guidelines 有哪些实践案例?
目前 Skill Hub 中国收录了 3 篇 web-design-guidelines 的实践案例,涵盖真实项目中的使用场景、操作步骤和踩坑记录。你可以在本页面的「热门实践」区域查看完整列表。
web-design-guidelines 和 skill-creator 有什么区别?
web-design-guidelines 和 skill-creator 都属于「编程」类别的 AI Skill。web-design-guidelines 主要用于检查 Web 界面指南的 UI 代码。当被要求"审查我的 UI"、"检查可访问性"、"审核设计"、"审查用户体验"或"对。skill-creator 则侧重于指导用户如何创建、组织和打包高效的 Skills。你可以根据具体场景选择最合适的 Skill。