SuperAPI AI 工具集

visual-auditor

设计与创作

查看项目

更新于 10-15 22:13

技能介绍

用途:在设计与实现交接后做截图质量检查,把界面与产品意图、设计规范、mockup 简报逐项比对,并直接修复可执行的视觉问题。适用触发:@heyeddi-design craft、@heyeddi-handoff、@design-handoff-flutter 及实现通过后自动运行。主要能力:按宽度预设截图(fast 为 375/768/1440,done/flagship 为 375/430/768/1024/1440/1920);WCAG 对比度与文字动效审计;对照 design.md 令牌、mockup-brief 区域与线框图;修复 Vue/CSS;用 append_fix_log 记录每次修复;finalize_visual_review 复核关闭。默认直接修复,不提交纯问题清单(除非用户明确 audit-only)。常用命令:capture_screenshots --route / --preset fast|done;audit_contrast --route /;load_visual_context --route /path --write-review;finalize_visual_review --route / --check(默认 done)。产物位于 .heyeddi/audits/visual/:screenshots/、reviews/<feature>-review-<date>.md、fix-log.md/jsonl、<feature>-contrast-<date>.md。环境变量:DEV_SERVER_URL(Vue 默认 http://localhost:5173)、FLUTTER_WEB_URL。限制:主要面向 Vue/CSS 与 Flutter web 工作流,依赖上述技能与脚本;未提供的信息(如收费、许可、平台细节)暂未提供。完成后可运行 python .agents/skills/heyeddi/scripts/suggest_next_skill.py --current-skill visual-auditor --project-root . 获取下一步建议。