Impeccable 设计词汇
面向编码智能体的设计词汇与审查工具,提供 24 个命令,用于引导、评审与收尾界面设计,并用 62 条确定性规则检测 AI 生成页面的套路化问题。
过去 7 天收获 109 颗 Star
爱鲜报评分
0 人评分
93k
星数
否
中文
Rust
主语言
是
活跃
61
贡献者
人工分析
EDITORIAL推荐理由
Impeccable 把「设计品味」拆成可调用的命令和可执行的规则,让 Claude Code、Cursor、Codex 等智能体在写 UI 时不再只产出紫色渐变加圆角卡片这类默认风格。它同时提供 critique、audit 等评审命令和无需 LLM 的 slop 检测器,适合希望提升 AI 生成界面质量的团队。
适用场景
- 用 AI 智能体生成或迭代前端页面时约束视觉风格
- 对已有页面做 UX 评分与技术质量审查
- 在 CI 中自动检测 AI 生成界面的套路化设计
- 在浏览器中实时挑选元素并切换设计变体
- 为项目沉淀 PRODUCT.md 与 DESIGN.md 设计上下文
优点
- 24 个命令覆盖引导、评审、收尾、实时迭代全流程
- 62 条确定性规则检测 AI slop,无需 LLM 和 API 密钥
- 支持 Claude Code、Cursor、Codex 等大量主流编码工具
- 可在终端、CI、浏览器扩展三种方式运行检测
- Apache-2.0 开源,社区热度高
缺点
- 主要面向英文界面与英文文档,中文体验有限
- 对已存在界面的迭代效果优于从零生成新页面
- Live 模式仅适用于本地开发环境,不能用于生产站点
- 需要 Node/npx 环境并重新加载编码工具
Impeccable 设计词汇
Impeccable 是给编码智能体用的「设计词汇表」。它把模糊的「让它好看点」拆成一组可调用的命令,让 AI 在生成或修改界面时能按明确方向调整,并在交付前用规则检测出套路化的 AI 设计。
核心思路
没有额外引导时,智能体往往反复产出同一套默认风格:全站 Inter 字体、紫蓝渐变、卡片套卡片、彩色背景上的灰字。Impeccable 提供两件事:
- 表达意图的词:用
bolder、quieter、polish等命令指向具体目标,而不是让模型猜。 - 审查与检测:
critique按可用性启发式打分,audit检查可访问性、性能、主题与响应式,detect用 62 条确定性规则标记 slop。
命令分类
| 类别 | 代表命令 |
|---|---|
| 引导 | bolder、quieter、distill、colorize、typeset、layout、animate、delight、overdrive |
| 评审 | critique、audit |
| 收尾 | polish、harden、clarify、adapt、optimize、onboard |
| 实时迭代 | live、generate |
| 规划与配置 | shape、init、document、extract |
使用方式
在项目根目录安装后,于智能体中初始化:
npx impeccable install
随后在智能体中运行 /impeccable init(Codex 中为 $impeccable init),它会读取代码并生成 PRODUCT.md 作为后续命令的上下文。
典型调用是「命令 + 目标」:
/impeccable critique the pricing cards
/impeccable polish settings
/impeccable harden checkout
目标越具体,效果越好。
检测器
检测器不依赖智能体,可单独运行:
npx impeccable detect src/
npx impeccable detect https://example.com
npx impeccable detect --json .
源码文件只跑模式类规则,需要渲染页面的规则(如低对比度、过小字号)需扫描 URL。退出码 2 表示发现问题,1 表示目标无法扫描。
适用与注意
Impeccable 在「已有界面」上最强:指向某个页面或组件反复迭代。它也能生成新页面,但难度更高。Live 模式只修改本地代码,不应注入已部署站点或削弱生产环境 CSP。
评论
- 暂无评论,来写第一条吧。