109376★6517★impeccable:给编码智能体的设计词汇与评审工具
Impeccable 是为编程代理打造的设计词汇系统。你可以用 polish 和 bolder 引导设计方向,用 critique 和 audit 完成审查,并在 AI 生成的粗糙设计(AI slop)上线之前将其拦下。

在项目根目录执行以下命令即可安装,然后重新加载你的编程工具,并在代理中运行 /impeccable init(Codex 上为 $impeccable init):
npx impeccable install
Impeccable 支持 Claude Code、Cursor、Codex CLI、GitHub Copilot、Devin、Replit Agent、Gemini CLI、Grok Build、OpenCode、Google Antigravity、Kiro、Trae、Rovo Dev、Qoder、Mistral Vibe、Pi、Hermes Agent、DeepSeek Harness 和 Veto 等工具。完整文档见 impeccable.style/docs。
README 中展示了一个对比案例:同一个模型、同一份需求——利古里亚海岸的一间十四室家庭旅馆。没有 Impeccable 时,代理生成的是「得体的默认设计」:奶油色背景、细衬线标题、斜体点缀、胶囊按钮;加上 Impeccable 后,整页围绕一张图片构建——从水面上望去的夜晚宅邸。
主要特点
- 为你要的东西提供词汇。「Make it pop」只能让代理去猜,而
/impeccable bolder the pricing cards会加载专为这一动作编写的 playbook,并精确指向一个目标。 - 审查者。
critique依据可用性启发式给设计打分并排出修复优先级;audit检查可访问性、性能、主题和响应式行为,发现按 P0(阻断)到 P3(润色)分级。 - 粗糙设计检测器。62 条确定性规则标记典型问题,以及拥挤的内边距、跳过标题等质量问题,无需 LLM,无需 API key。
- 24 个命令。涵盖引导(
bolder、quieter、distill、colorize、typeset、layout等)、审查(critique、audit)、收尾(polish、harden、clarify、adapt、optimize、onboard)、实时迭代(live、generate)以及规划与设置(shape、init、document、extract)。 - 上下文文件。运行
/impeccable init会读取你的代码并写入PRODUCT.md,之后每条命令都会读取它;/impeccable document则把现有视觉体系记录到DESIGN.md,让后续修改保持品牌一致。 - 三种检测运行方式。可在代理中通过设计钩子自动扫描、在 CI 或终端通过
npx impeccable detect扫描目录或已渲染页面、以及通过 Chrome 扩展在浏览器中叠加显示同样的发现。
快速开始
npx impeccable install
# 安装后在代理中初始化
/impeccable init
# 示例命令
/impeccable critique the onboarding flow
/impeccable quieter the landing page
/impeccable polish settings
/impeccable harden checkout
# 终端检测
npx impeccable detect src/
npx impeccable detect https://example.com
npx impeccable detect --json .
npx impeccable detect --github src/
📊 本项目 GitHub 星标数:109376。最后更新:2026-11-13,发布:2026-11-13。项目地址:https://github.com/pbakaus/impeccable
