本技能用于审查设计研究转化为组件后的“转换判断”质量。code-review 看 diff,visual-verify 看像素,它看的是屏幕渲染正确、所有机械门禁(lint、类型检查、模块边界、设计 token 检查、story 测试)都已通过时仍可能存在的组件化错误:无依据地抽取块、用内部 id 命名组件、父级重述子区域已有状态。这类判断只有在从未见过该转换的新上下文中审查才有效,因此技能要求把评判交给全新上下文。
适用条件:某设计研究刚完成组件化(已定稿屏幕、清单、抽取的组件),或用户要求审查。假定机械门禁已通过,未通过应先运行它们。
使用方式分三步:一、只收集工件并运行时推导路径,包括定稿研究 HTML 与基础样板、清单和 snap/promote 表(作为待审主张而非事实)、构建代码(组装屏幕 View、各抽取组件及其 stories)、仓库 UI 规则;不提供对话与选择理由,清单或表缺失则视为转换未完成,应回到 componentize-design。二、用新眼睛评判,交给未见转换的新上下文(Claude Code 用 Agent 工具另起代理,其他框架开新会话),只给上述输入与规则,评判四件事:按证据抽取、层级与命名、snap 与 promote、上层不得二次讲述;返回结构化结论:通过/失败及每条发现,注明文件、争议判断与所引规则或研究行。若无法获得新上下文应停止并说明。三、处理结论,可修可驳:要么在代码或清单中修复并重渲染重评,要么用一条引用规则的理由驳回;静默忽略与盲从同样视为失败,最多两轮,未解决项与驳回理由写入 PR。完成标准是每条发现已修复重评或带规则驳回,且结论与未解决项记录在 PR。