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张规则卡配内联视觉示例,两篇教程。
AI slop设计的本质是"太安全"——嵌套卡片、居中一切、等宽卡片网格,这些是AI在没有真正理解设计时的默认选择。