web-design-guidelines

这玩意儿干嘛的？

让 AI 当你的 Web 设计评审员。每次写完 UI 代码后，用它对照 Vercel 官方的 Web Interface Guidelines 进行审查，检查可访问性、响应式布局、字体排版、颜色对比度等设计质量指标。25,160 颗星。

为什么值得装？

设计师太少，代码写得丑没人 review。web-design-guidelines 让 AI 自动对照最佳实践检查你的代码，从对比度不足到键盘导航缺失，都能一一指出来。

怎么用？

告诉 AI「帮我 review 这个页面的 UI」或「检查可访问性问题」，AI 会自动拉取最新设计规范并逐条对照检查。

核心功能

功能	说明
可访问性审查	检查对比度、ARIA标签、键盘导航
响应式检查	移动端适配、视口设置
字体排版	行高、字号、间距规范
颜色系统	语义化颜色 token 检查
设计一致性	组件库规范遵循检查