用途：design-review 是一个前端设计审查技能，用于 PR 审查、UI 审计和界面质量检查。它采用受 Stripe、Airbnb、Linear 启发的 7 阶段系统化审查方法，状态为生产可用，最后更新于 2025-11-20。
主要能力：按阶段覆盖准备、交互与用户流、响应式测试、视觉打磨、无障碍（WCAG 2.1 AA）、健壮性、代码健康、内容与控制台检查。交互阶段测试默认、悬停、激活、聚焦、禁用五种状态；响应式阶段测试桌面 1440px、平板 768px、移动 375px 三种视口；无障碍阶段检查可感知、可操作、可理解、健壮四项原则，包括键盘导航、对比度、语义 HTML 与 ARIA；健壮性阶段覆盖表单校验、内容溢出、加载与错误状态；代码健康关注组件复用、设计令牌与模式一致性；最后检查文案与控制台错误。
使用方式：需先准备浏览器自动化工具，可选 Playwright MCP（推荐）或 Puppeteer CLI，后者可用 npm install -g puppeteer 安装。PR 审查可用 git diff --name-only origin/main...HEAD 与 git diff origin/main...HEAD 分析范围。测试时可用 mcp__playwright__browser_resize(width: 1440, height: 900) 等命令调整视口，用 mcp__playwright__browser_take_screenshot(fullPage: true) 截图，用 mcp__playwright__browser_console_messages() 读取控制台。
适用场景：PR 合并前审查、UI 审计、无障碍合规检查、响应式与交互测试。
限制：依赖浏览器自动化工具；具体安装与配置细节需参考对应技能或参考文件；资料未提供收费、价格与平台支持信息。