web-design-guidelines

编程

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

已收录 3 篇关联实践,包括:Skill菜单全是英文记不住?改一行配置就行!顺带懒人一键提示词!、76.4K 装机量,skills.sh 新晋探花技能:web-design-guidelines 如何让你的网页设计更专业?、AI编程助手现在也能帮你审查UI了!100+ Web界面最佳实践规则,自动检查无障碍、性能和用户体验问题。

热度7591Star30.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 和 ecc-agent-harness-os 有什么区别?
web-design-guidelines 和 ecc-agent-harness-os 都属于「编程」类别的 AI Skill。web-design-guidelines 主要用于检查 Web 界面指南的 UI 代码。当被要求"审查我的 UI"、"检查可访问性"、"审核设计"、"审查用户体验"或"对。ecc-agent-harness-os 则侧重于ECC 是一个跨 Claude Code、Codex、Cursor、OpenCode、Gemini 等 harness 。你可以根据具体场景选择最合适的 Skill。