Viking说这是他觉得目前最好的 Design Skills——Impeccable刚刚升级到2.0版。

核心定位:anti AI slop。AI生成的设计有个共同毛病:嵌套卡片、平铺等宽卡片网格、渐变文字、居中一切、70字符行宽限制……这些是AI在不理解设计语境时的安全选择,Impeccable专门对抗它们。

2.0三大新功能

CLI工具(Beta)

npm i -g impeccable 安装后,用npx impeccable detect src/扫描文件或目录。检测规则覆盖HTML、CSS、JSX/TSX、Vue、Svelte和CSS-in-JS。

不需要LLM,纯规则扫描,可接入CI pipeline或pre-commit hook。在代码进入生产环境前就把AI slop拦住。

支持Puppeteer驱动的实时URL扫描,--fast模式用正则扫超大代码库,CI可输出JSON格式。

Chrome扩展

一键检测任意网页(自己的、staging、生产环境、别人的都可以)。读取实时计算样式,在交互面板展示检测结果,高亮页面上的问题元素。从Chrome Web Store安装。

/critique真正有了牙齿

原来只是设计审查建议,现在Persona子代理并行审查,用Nielsen启发式评分自动跑检测器,打开实时浏览器overlay,可以逐一走过每个问题点。

新增的Skill命令

  • /shape:结构化访谈,了解目的、受众和目标,直接产出设计Brief再开始写代码
  • /impeccable craft:把Brief链接到完整实现流程,交付的是经过设计的功能,而不是反射式卡片网格
  • /typeset:修复字体排版,推荐固定字号比例(App UI用),流体字距留给营销/内容页
  • /arrange:修复布局和间距,解决单调网格、一致性缺失、视觉层级弱的问题
  • /overdrive(Beta):推动界面突破常规边界——着色器、弹簧物理、滚动驱动揭示、60fps动画

25种AI Slop Anti-Patterns(部分)

  • 渐变文字(gradient text)
  • AI感配色盘(AI color palettes)
  • 嵌套卡片(nest cards inside cards)
  • 等宽卡片网格(identical card grids)
  • 居中一切(center everything)
  • 正文超80字符(body text too wide)
  • 全站单一间距(same spacing everywhere)

工作原理

Impeccable以Skill形式工作,支持Cursor、Claude Code、Gemini CLI、Codex CLI等多个AI编程工具。运行/impeccable teach设置项目设计上下文,之后所有Skill自动利用这个上下文生成更贴合项目风格的设计。

新版文档站有Docs、Anti-Patterns和Visual Mode三个顶级栏目,每个Skill页面都有前后对比演示和内联SKILL.md,38张规则卡配内联视觉示例,两篇教程。