web-design-guidelines
UI 代码审计规则层：用在生成之后——UI 做完后拿这套规则再过一遍。
来源：github.com/vercel-labs/agent-skillsstar 等数据核实于 2026-10-07
推荐理由
与生成侧 skill 互补：一个负责产出，一个负责验收，形成 UI 质量闭环。
安装
npx skills add vercel-labs/agent-skills --skill web-design-guidelines -g -y使用步骤
触发方式有三种：Claude Code 等客户端把 skill 挂进斜杠菜单，输入/web-design-guidelines直接调用；与任务相关时 Agent 会按语义自动加载；任何客户端都可在消息里点名「使用web-design-guidelines skill」。以下示例均为可直接粘贴的第一条消息。
页面写完后，让它拿规则清单过一遍 UI 代码（先要报告，确认后再改）
按 web-design-guidelines 审计 src/app/(site)/page.tsx 的 UI 代码， 输出问题清单与修改建议，先不要改代码。
注意事项与建议
- 与 taste-skill 形成「生成 + 审计」闭环：先让 taste-skill 出方案，再用本 skill 做合规检查
相关条目
- vercel-react-best-practices
同出 vercel-labs/agent-skills 的「Vercel 双规则集」：本条管 UI 验收，对方管写码性能