design-critique 用于系统评估现有设计并给出具体可执行的改进建议和代码。它要求先看渲染结果，绝不只看源码。
用途与前提：判断“符合品牌”需先读 .agents/design-context.md（品牌色、字体、风格、受众、语气），缺失时明确说明一致性/美学评分未基于品牌上下文；同时理解项目目的、受众和设计要驱动的核心动作。
使用方式：先捕获产物。HTML/本地服务/URL 用 node <design-critique>/scripts/audit.mjs <url-or-html-file> audit/，可加 --widths 390,1280，输出 mobile/tablet/desktop-fold.png、*-full.png、desktop-dark-fold.png 和 report.json；截图/图片用 Read 读取，细节用 Pillow 裁剪放大；Figma 用 MCP get_screenshot 和 get_variable_defs，未连接则要导出；React/Vue 在 dev server 或 Storybook 渲染后按 URL 处理。脚本需 Playwright 与 Chromium，npm i -D axe-core 可离线跑无障碍检查。
主要能力：按固定顺序执行——5 秒第一印象、Step 1-7 检查（视觉层级、颜色、排版、间距、无障碍、响应式、性能），每条发现必须引用截图区域、测量值或 axe 规则号；随后分配严重程度（Critical/High/Medium/Low）和评分（层级、一致性、美学、可用性各 25%），并给出包含证据、问题、修复代码、影响的标准建议格式。应用修复后重新捕获并对比前后截图再复评。
适用场景与限制：适用于网页、组件、截图、海报、生成图、Figma 帧的评审。静态图片无 DOM，跳过键盘/性能检查，用像素采样估计对比度并考虑实际展示尺寸；修复生成图应给图像生成指令而非 CSS。脚本输出数字仅作证据，需自行判断适用性；未提供具体价格、平台或效果信息。