web-design-guidelines 网页设计走查

Vercel 官方 Web UI 设计走查清单：可访问性、交互细节、视觉一致性逐项检查。

中文点评

和 react-best-practices 同门的「设计检查表」：把资深设计师看页面的关注点变成 agent 可执行的走查项。发版前跑一遍，能抓到焦点态缺失、对比度不足这类高频低级问题。

亮点

• 检查项具体，覆盖可访问性
• 适合当发版前的固定关卡

局限

• 清单式技能，偏检查而非创造

适用场景

• 上线前 UI 走查
• 可访问性问题排查

装完试试这些提示词

• 按 web-design-guidelines 走查这个页面并列出问题
• 重点检查表单的可访问性细节

安装

npx skills add vercel-labs/agent-skills --skill web-design-guidelines