Impeccable 是什么:把设计指导放进 AI 编程流程
Impeccable 是什么:把设计指导放进 AI 编程流程
区分技能、命令与检测器的作用,并保留人工审查。
Impeccable 是什么:把设计指导放进 AI 编程流程知识学习CN编辑简报更新 2026-09-29
你将学会
- 看清三个工作界面
- 了解检测器能看到什么
- 保留审查边界
开始前需要
- 一个页面及其用户任务
- 检查 Agent 技能与项目钩子的权限
产出有依据的设计修改,让另一位审阅者可以接受或拒绝。
先看结论
- 技能与检测器承担不同工作。
- 产品事实应与页面样式分开。
- 检测通过不等于设计获批。
看清三个工作界面
Impeccable 将设计指导打包为 Agent 技能,提供命名命令,并用确定性规则检查前端。固定版本 README 列出 24 个命令和 61 条检测规则;数量是项目自述,不是质量评分。
`init` 会把受众、用途、约束与证据写入 PRODUCT.md。单个页面的视觉方向则可记录在 DESIGN.md。把持久的产品事实与阶段性样式分开,能减少 Agent 从截图猜测产品战略。
了解检测器能看到什么
CLI 和浏览器扩展可以在没有 LLM 密钥的情况下运行规则检查。Agent 的设计评论可能提供判断,但检测结果全绿并不能证明页面符合受众需求或无障碍要求。
先选一个现有页面,写下用户任务、约束和设计系统,再把一条检测结果与实际渲染效果对照。接受或拒绝建议都应给出具体理由。
保留审查边界
技能可以影响 Agent 的修改,钩子可以在编辑时反馈问题。它们不应直接批准生产发布;文案、交互、响应式表现与用户证据仍需人来复核。
本系列只审阅了固定提交,没有运行二进制程序、浏览器扩展或用户研究。文中的命令和集成行为均按上游文件描述。
如何选择
| 比较维度 | 方案 A | 方案 B |
|---|---|---|
| Best when | You need predictable behavior and easy auditing | You need adaptive optimization and have reliable telemetry |
| Main risk | May leave performance on the table | Can become difficult to explain or debug |
实施步骤
- 1
选一个页面,把用户任务记入 PRODUCT.md。
- 2
先核对现有视觉规范,再调用命令。
- 3
将一条检测结果与真实页面对照。
可复制示例
text
产品事实:受众 + 任务 + 约束
页面方向:排版 + 字体 + 交互
复核:检测证据 + 渲染结果 + 人工决定常见问题
它是一套设计系统吗?
它提供指导和检查,产品仍需自行决定视觉与交互规范。
需要模型 API 密钥吗?
README 表示确定性检测不需要;Agent 评论则取决于所用宿主。
资料来源
- Impeccable / README.md来源核查 2026-09-29
- Impeccable / .agents/skills/impeccable/SKILL.md来源核查 2026-09-29