核心功能与用法
Web Design Guidelines 是一个自动化设计审计技能，专门用于检查 Web 界面是否符合 Vercel Labs 制定的 Web Interface Guidelines。其核心工作流程包括：
1. 动态获取最新规范：每次审查前从官方源实时拉取最新规则，确保审查标准与时俱进
2. 多维度代码扫描：覆盖布局（card 宽度、grid、间距）、排版（字号、行高、字重）、色彩（对比度、色板、强调色）、版式（对齐、留白、视觉层级）等关键设计维度
3. 精准定位问题：以 file:line 格式输出 findings，便于开发者快速定位修复
显著优点
- 权威性高：直接基于 Vercel Labs 官方维护的设计规范，代表业界前沿的 Web 界面最佳实践
- 自动化程度高：无需手动对照文档，一键完成全面审计
- 实时更新：每次审查获取最新规则，避免本地规则过期
- 输出格式专业：采用开发者友好的
file:line格式，便于集成到 CI/CD 流程 - 覆盖全面：从 CSS 调试到 Dashboard UI 工作流，涵盖前端开发的典型场景
潜在局限与风险
- 网络依赖：必须能访问 GitHub raw 内容，离线或网络受限环境无法使用
- 规则黑盒：具体评分权重和规则细节完全依赖远程源，用户无法自定义规则集
- 静态分析限制：仅能基于代码静态检查，无法评估实际运行时的动态交互体验
- 英文规范：指南源为英文，中文项目可能存在语义适配问题
适合人群
- 前端开发者需要快速审计 UI 代码质量
- 设计系统维护者确保组件库一致性
- 技术负责人建立团队代码审查标准
- 独立开发者自学现代 Web 界面最佳实践
常规风险提示
- 远程代码执行风险：从外部 URL 获取并执行规则，需信任 Vercel Labs 源
- 敏感代码外泄：审查时会读取用户代码文件，注意不要在公共环境中审查涉密项目