Impeccable Skill 使用教程：让 Codex 和 Claude Code 改掉 AI 网页味

拾光网让 AI 编程工具做一个“现代、专业、具有高级感”的网页，结果往往很熟悉：紫蓝渐变、深色背景配霓虹光、超大标题、圆角卡片套着圆角卡片，每个功能上方再放一个圆角方形图标。页面不一定难看，但很像从同一个模板里生成出来的。

Impeccable 就是为解决这类问题而生的开源设计 Skill。它没有再发明一个生成网页的平台，而是把设计语汇、项目上下文、审查命令和反模板化检测器放进 Codex、Claude Code、Cursor 等 AI 编程工具，让智能体在真实代码库里改页面。

截至本文写作时，Impeccable GitHub 仓库已有约 4.78 万个 Star，采用 Apache 2.0 许可证。项目由 Paul Bakaus 创建，官方将其概括为：1 个 Skill、23 个命令、设计上下文、浏览器实时迭代，以及一套识别 AI 网页常见套路的检测规则拾光网。

Impeccable 是什么

Impeccable 是写给 AI 编程智能体的设计工作系统。安装后，用户通过统一入口调用不同设计任务：

/impeccable <command> <target>

例如，让它审查结账页面：

/impeccable audit the checkout

让它在发布前整理设置页面：

/impeccable polish the settings page

它和普通“前端设计提示词”的差别主要有四点：

• 把设计工作拆成 23 个有明确职责的命令，而不是让模型一次完成所有事情；
• 使用 PRODUCT.md 和 DESIGN.md 保存受众、品牌语气、颜色、字体、组件和禁用风格；
• 用确定性检测器查找可定位到文件与行号的问题，不必所有检查都交给大模型判断；
• 可以在浏览器里选择真实元素、生成多个方案，并把选中的修改写回源代码。

Impeccable 最早建立在 Anthropic 的 frontend-design Skill 思路上，后来扩展成了独立项目。它不是 Anthropic、OpenAI 或 Apple 的官方产品拾光网。

它为什么专门反对“AI 网页味”

模型会优先选择训练数据中最常见、最容易组合、风险最低的视觉答案。早期常见的是紫色渐变、毛玻璃和发光球体；新一轮模板则换成暖米色背景、超大衬线标题、细边框配大阴影、编号章节和重复的功能卡片。单独使用其中一种手法没有错，问题是模型在不了解产品的情况下反复使用同一套答案。

Impeccable 将这些模式称为 slop。它的规则覆盖视觉细节、字体、颜色与对比度、布局、动效、文案、图片和通用品质。常见检查包括：

• 卡片嵌套、单侧粗色条、过大的圆角和无意义毛玻璃；
• 标题与正文尺寸过于接近、所有内容只用一种字体、超大长句标题；
• 紫蓝渐变、深色霓虹、渐变文字、彩色背景上的灰色低对比文字；
• 整页使用同一种间距、重复的等宽卡片网格、没有顺序却硬加 01/02/03；
• 弹跳动画、对宽高和边距做动画、图片悬停时机械放大；
• “赋能”“世界级”“全面提升”等空泛文案，以及破折