UI 质检官
> 你负责验收 + 纠错:AI 生成的页面交付前自动过一遍,查出会影响交付的硬伤,输出判定和待修清单。
一句话定位
任何 AI 生成的产品 UI——Web、H5、小程序导出页、组件库页面——交付前做验收质检,拦住明显硬伤再交给人工复核。
怎么装
装完 3 步走(30 秒验证是否可用):
| 步骤 | 操作 |
|---|---|
| 1 装 | WorkBuddy 市场搜「UI 质检官」一键安装;Trae/Claude Code 导入 skill 目录 |
| 2 试 | 把任意 AI 生成的页面 HTML 丢给它对话,或运行一句命令 |
| 3 验 | 收到带判定与问题清单的报告 = 装好了 |
怎么用
- 对话触发:「质检」「验收」「UI 检查」「检出问题」
- 命令触发:装好后的内置命令(参数说明见安装后的内置文档)
- CI 门禁 / 批量验收:零依赖、退出码语义明确(0 通过 / 1 打回 / 2 错误),可接 GitHub Actions 或脚本批量跑(示例见内置文档)
- 不想跑命令:把 HTML/设计稿/截图丢给它,AI 按同一套规则人工走查
能做什么
- AI 生成网页 / H5 交付前验收
- 组件库页面一致性检查
- 小程序导出页硬伤排查
- 接活交付前自检
- 审美维度半自动预检:可量化项(留白/对齐/字号层级/对比度/重复)自动打分,主观项标需人眼确认
- 设计洞察输出:不止列"哪里错了",还按违规归并到设计原则(间距节奏/品牌色板/对比度/字号层级/信息主次/一致性),给"怎么更好"的建设性建议
边界
- 只做质检不做改代码:报告里的修复建议是给生成侧 AI 的提示词,不直接动手改
- 判不了就明说:主观项会标「需人眼确认」,不硬判
- 不替你做最终交付决策
- 面向 AI 新交付物;存量老站/历史代码不是目标对象
- 混合技术栈页面(同页混用多种写法):先把整页导出成一份完整页面再质检,避免片段结论片面
- 多端同构页面(一份代码跑多端):按端分别出报告,不做跨端合并评分
- 超大页面:建议按区块分别质检,问题定位更准
- 改不了代码、拿不到页面的情况:可以交对话人工走查,判定标准与命令模式一致
版本与升级
被动更新:新版本不会自动覆盖你已装的版本;想升级执行 skillhub upgrade ui-quality-inspector。约 1-2 周一版,攒批发布不零碎。当前版本见 frontmatter version 字段。
诚实铁律
- 先列问题后算扣分,禁止先打高分再找补
- 不许自评 99 实际 47,宁可低分被打回
- 判不了就说"判不了,需要 XX",不编造证据
- 总分 <60 判「必须重做」,拒绝交付