109376★6517★impeccable:给编码智能体的设计词汇与评审工具

Impeccable 是为编程代理打造的设计词汇系统。你可以用 polish 和 bolder 引导设计方向,用 critique 和 audit 完成审查,并在 AI 生成的粗糙设计(AI slop)上线之前将其拦下。

pbakaus/impeccable 项目截图

在项目根目录执行以下命令即可安装,然后重新加载你的编程工具,并在代理中运行 /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

100T高转存免费网盘资源精选【持续更中~~~~】:点击查看

0 0 投票
文章评级
订阅
提醒
guest
0 评论
内线反馈
查看所有评论
0
希望你的想法,请评论。x