用途:visual-auditor 用于设计或实现完成后的截图视觉 QA,读取截图并对照产品意图(persona、route intent、purpose)与设计规范(tokens、mockup-brief、层级),在同一轮中直接修复 Vue/CSS 问题并记录每次变更,而非只输出问题清单。
主要能力:提供 load_visual_context(加载规范路径、截图与对比度摘要,--write-review 生成评审文档)、capture_screenshots(输出 PNG 到 .heyeddi/audits/visual/screenshots/,支持 --preset fast|done)、audit_contrast(WCAG 与文字上动画检查)、append_fix_log(记录每次修复及规范引用与文件)、finalize_visual_review(按 done 宽度重新截图、对比度 --check 并关闭评审)。
使用方式:默认在 @heyeddi-handoff、@design-handoff-flutter 与实现流程后自动运行。宽度预设 fast 为 375/768/1440,done/flagship 为 375/430/768/1024/1440/1920。示例命令:capture_screenshots --route / --preset fast;capture_screenshots --route / --preset done;finalize_visual_review --route / --check。环境变量 DEV_SERVER_URL 默认 http://localhost:5173,Flutter web 用 FLUTTER_WEB_URL。
适用场景:营销页与应用旗舰页的视觉评审、绿对绿、文字不可读、布局偏离 brief、合并前视觉门禁;也可配合 @heyeddi-product 的可读性研究,由本技能修复。
限制:默认必须修复可操作的视觉问题,仅当用户明确说 audit-only / 不改代码时才允许只报告。资料未提供具体收费、平台支持范围与效果保证。