Impeccable 给编码智能体装上设计词汇:同一模型同一需求,页面从默认奶油风改为围绕一张夜景图
核心概要
Impeccable 是一套面向编码智能体的设计命令集,用 polish、bolder 等词下达设计意图,用 critique、audit 审查界面,并用 62 条确定性规则在交付前标记模板化设计痕迹。同一模型 Fable 5.1 在同一个十四间客房家庭旅馆需求下,未使用时产出奶油底色、细衬线、胶囊按钮的默认风格,使用时页面围绕一张从水面看夜景的房子图片组织。它最擅长对已有页面或组件迭代,新建页面是更难的用法。
深度剖析
编码智能体在缺少设计指导时,会反复产出同一批模板化界面:Inter 字体、紫蓝渐变、卡片套卡片、彩色底上的灰字、每个标题上方一个圆角方形图标块。 此前让智能体做页面而不给其他指导,这些样式会跨模型、跨项目反复出现。 同一模型 Fable 5.1、同一份十四间客房海岸家庭旅馆需求下,不使用 Impeccable 时得到奶油页面、细衬线、斜体点缀和胶囊按钮的默认方案。
装上 Impeccable 后,同一需求产出的页面围绕一张从水面看房子的夜景图来组织。 对照的是上面那份未使用时的默认方案,模型与需求均未改变。 这一对照来自该家庭旅馆需求下的两次生成,属于发布方给出的示例,而非跨任务统计。
使用方式是先运行一次初始化,让工具读取代码并只询问无法推断的信息,写出 PRODUCT.md,之后每条命令都读取它。 此前设计意图只能靠“让它更抓眼”这类模糊说法传达,智能体只能自行猜测。 初始化每个项目运行一次;document 命令把现有视觉系统记录进 DESIGN.md,使后续改动保持品牌一致。
命令按目标细分:bolder 加载针对某一具体动作的剧本并指向一个目标,critique 按可用性启发式打分并排序修复项,audit 检查无障碍、性能、主题与响应式行为并按 P0 到 P3 排序。 审查不再是一次笼统的整页扫视,而是针对单个组件或流程。 发布方建议先选一个组件,例如对定价卡片运行 critique;范围越窄结果越好,一个区块细看胜过整页粗看。
启示与展望
发布方说明 Impeccable 在已经存在的界面和组件上最强,新建页面虽然也支持,但属于更难的用法;live 模式只编辑本地检出,不应注入已部署站点或为使其工作而削弱生产环境 CSP。
62 条规则被描述为确定性检测、不使用大模型也不需要 API 密钥,但材料未给出这些规则在真实项目上的误报或漏报情况;使用与不使用 Impeccable 的页面差异来自发布方给出的单个示例。
