AX 爱鲜报

Impeccable 设计词汇

面向编码智能体的设计词汇与审查工具,提供 24 个命令,用于引导、评审与收尾界面设计,并用 62 条确定性规则检测 AI 生成页面的套路化问题。

过去 7 天收获 109 颗 Star

爱鲜报评分

0.0

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。

评论

登录后才可评论与评分

0 条评论

  • 暂无评论,来写第一条吧。