Web Design Guidelines
对照 Vercel《Web Interface Guidelines》审计 UI 的设计与无障碍。
Cursor Claude Grok 无障碍规范审计
这是什么
Frontend Design 讲品味，这个技能讲合规：焦点态、对比度、点击热区、表单标签，以及不会把内容藏起来的动效。营销页上线前跑一遍。
何时使用
在访客会点击、输入或用手机阅读的页面上，作为上线前检查使用。
如何安装
把 web-design-guidelines/SKILL.md 和 frontend-design 放在一起，两个技能可以叠用。
# Claude Code
.claude/skills/web-design-guidelines/SKILL.md
# Grok Build
.grok/skills/web-design-guidelines/SKILL.md
# Codex
.agents/skills/web-design-guidelines/SKILL.md示例提示
用 Web Design Guidelines 检查这个落地页，按文件路径列出不合格项。
来源： Vercel