（8446期）Web Design Guidelines – Vercel 官方 UI 设计规范审查工具

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