# 拆Impeccable：给AI审美开体检单 **Skills 生态拆解 · 第 2 轮：单件深度拆解**。主角是 [pbakaus/impeccable](https://github.com/pbakaus/impeccable)——本栏 9 月底回访五月八强时点名的「最值得等一篇深拆」头名。设计生成件被拆了一轮又一轮，设计审计件至今没有一篇属于自己的开盖记录，本期补上。口径先交代：本文事实与引文均转引自本站四期存档（2026-05-18、05-26、07-02、09-29）所记录的仓库 README 与第三方评测，星数一律标注采集时点，逐字表述以仓库当前版本为准。 ## 概述 审美承诺类技能是 Skills 生态里最拥挤的赛道之一，但拥挤的全是「生成端」——教 AI 该怎么画的件。Impeccable 站在另一头：它不替你生成，它在交付前给 AI 生成的界面做体检。本期把它拆到三层架构的粒度：一个把品牌语境写到磁盘的 init 层、一套 23 个动词组成的命令词汇表、外加 45 条不用大模型就能跑的确定性检测规则。核心发现一句话：**它是这条赛道里罕见的「确定性＋概率性」混合架构——能写成规则的审美问题绝不劳烦模型自觉。** ## 一、身世：官方审美件身边站了个挑错的 作者 Paul Bakaus，前 Google Chrome 团队成员（本站 5 月两期存档分别记作「前产品经理」与「DevTools 前核心开发者」，职端口径以其公开简介为准）。项目自带的定位说得很老实，README 原话由本站 5 月存档照录： > 「Anthropic 创建了 frontend-design，一个指导 Claude 更好 UI 设计的技能。impeccable 建立在此基础上，增加了一个完整的『品味系统』。」 这不是竞品宣言，是互补声明：官方件管「该做什么」，它管「不该做什么」。官网 impeccable.style 与 npm CLI 同步铺开，Apache 协议开源，站点本身已是品牌资产。 星数曲线（均标注时点，此后未复核）：5 月中旬两份存档分别记 10,000+ 与 13.5K（采集批次不同），GitHub 安装量 53.5K；5 月下旬涨至 17K+；7 月初记录 18.0K 信号量。同期对比：Humanizer 四个月从 1.17 万星涨到 2 万星，Impeccable 的斜率明显更平——审计件涨得慢，和本栏「基建件坐冷板凳」的观察一致：**它不生产惊艳的截图，它生产的是别人的截图变好这件事。** ## 二、架构：一台三层机器 把存档里的部件摊开，Impeccable 是一台三层机器。这也是本文最想讲透的部分——它的分层方式，几乎是一份「审美类技能怎么写」的标准答案。 ### 第一层：init，先把语境写到磁盘 `/impeccable init` 做的第一件事不是改任何一行样式，而是**分诊**：判断你手上的项目是品牌面（营销页、落地页、作品集）还是产品面（应用 UI、仪表盘、工具界面），然后把结论连同项目语境写成 `PRODUCT.md` 与 `DESIGN.md` 两份文件落盘。此后每个命令开工前都会回读这两份文件，品牌语境不随会话蒸发。 熟悉本栏的老读者会认出这个血缘：这与 planning-with-files 的「三文件持久化规划」同构——把文件当外置脑。区别在记什么：planning-with-files 记任务进度，Impeccable 记**品牌人格**。审美漂移的头号病因是每次生成都失忆，它把病历本先建好。 ### 第二层：23 个命令词，一套和 AI 共享的设计语言 这是它的招牌。一个基础 SKILL.md 加 23 个命令，7 月存档点名了其中 12 个： ``` craft · shape · critique · audit · polish bolder · quieter · distill · harden animate · overdrive · live ``` 词法上有三处值得抄的设计。**全动词**——没有一个命令是名词，每个都是动作指令；**有对偶**——bolder/quieter（更冲/更收敛）、harden/distill（加固/提纯），方向成对出现，用户不用记「调猛一点的命令叫什么」，只要知道语义轴；**有旅程**——从 craft（规划）到 shape（塑形）到 polish（交付打磨）再到 live（上线），恰好覆盖设计全流程，23 个命令几乎一对一映射成 23 个教学模块。 命令背后的本体是那份「设计词汇表」。5 月存档引过它的措辞：visual hierarchy through scale contrast（用尺寸对比建立视觉层级）、meaningful whitespace（有意义的留白）、typographic rhythm（排版韵律）。这些术语不是装饰，是可执行指令——用户敲 `/impeccable quieter`，等于把一句模糊的「收敛一点」翻译成模型可执行的约束。 触发设计上它和大多数技能走了两条路：不靠 description 赌自动触发的运气，路由权握在用户手里，点名才动。这是「命令件」与「触发件」的分野，代价也写在存档短板栏里——命令量偏多记不住，有短暂学习曲线。 一个时点注记：9 月底存档把它的核心动作归纳为 `/audit`、`/arrange`、`/typeset`、`/polish` 四步，另有 7 篇覆盖排版、色彩、空间、动效、响应式与 UX 文案的深度参考指南按需加载——与 7 月记录的 23 词命令表并不完全重合。四个月里命令表换过面孔，说明它在快速迭代；**学它之前，先看仓库当前版本的 README，别背旧教材。** ### 第三层：45 条确定性规则，审美里「能算的部分」 真正让它从一众纯提示词技能里跳出来的是这一层：45 条确定性检测规则，用正则和 AST 直接扫代码，**不需要大模型、不需要 API key**，CLI 和浏览器扩展都能独立跑。7 月存档列过它抓的典型「tell」： - Inter 全场（全家桶字体） - 紫色渐变 - 卡片套卡片 - 彩色背景上的灰字 - 每个标题上方的圆角图标块 这五条为什么值钱？因为它把「审美问题」这个最玄的活拆成了两半：**能写成规则的交给传统代码，只能靠判断的才交给模型。** 官方 frontend-design 是约 1300 token 的纯提示词哲学，全押模型自觉；Impeccable 是确定性检测器加品味命令的混合架构——放全生态里看，这是 linter 与 reviewer 的关系第一次被搬进审美赛道。 ## 三、工作流：从体检单到交付 三层机器串起来，一条完整的体检流水线是这样跑的： ```mermaid flowchart TD A["/impeccable init"] --> B["判别品牌面或产品面"] B --> C["写 PRODUCT.md"] B --> D["写 DESIGN.md"] C --> E["/impeccable audit 体检"] D --> E E --> F["45条规则机检"] F --> G{"命中 tell"} G -->|是| H["polish 定点修复"] G -->|否| I["进入精修"] H --> I I --> J["bolder 或 quieter 定调"] J --> K["人眼终审交付"] ``` 注意最后一步：机检抓烂模式，命令调方向，但审美结论的最终仲裁仍是人眼——这是存档反复强调的边界，误报只能靠人复核，它给你体检单，不替你签字。 ## 四、实战与边界 **实战效果**，两期存档留了记录：5 月底实测同一份电商产品页，过完 Impeccable 的版本「视觉韵律感明显优于裸跑和仅用官方件」；7 月第三方的横评给它全场唯一的 5/5 质量评级，理由正是「确定性规则真抓 tell，而非靠模型自觉」——去 AI 味六个维度里它拿了满分。 **边界也清楚**。第三方实地手册（dMaya，转引自本站 7 月存档）指出这类技能共有的四道结构性天花板：多屏漂移、读不到你的品牌令牌、件本身会留下自家签名、缺客户预览评审界面。Impeccable 的 PRODUCT.md/DESIGN.md 持久化缓解了第一条，但后三条是生成时单点干预的宿命——它看不到上周交付给客户的那张画布。 所以熟练用户的用法是组合拳，本栏存档里被反复推荐的黄金搭配是： | 搭配 | 分工 | |---|---| | frontend-design ＋ Impeccable | 官方件定「该做什么」，它抓「不该做什么」，覆盖审美承诺九成需求 | | Impeccable ＋ Taste Skill | 它管「不能做什么」，Taste 三旋钮管「做到多猛」 | | Impeccable ＋ Frontend Design Extractor | 机检兜底，品味来源换成你指定的真人站点 | ## 五、评测对比表 本期按五维权重（功能 25%、设计 25%、实战 20%、上手 15%、社区 15%）给印： | 维度 | 评分 | 依据 | |---|:---:|---| | 功能完整度 25% | ★★★★★ | init＋23命令＋45规则，赛道内颗粒度最细 | | 设计质量 25% | ★★★★★ | 对偶词法＋确定性/概率性混合架构，范本级 | | 实战效果 20% | ★★★★ | 实测胜过裸跑，去AI味满分；天花板在多屏 | | 上手难度 15% | ★★★★ | 三条安装路任选；命令量偏多要背 | | 社区活跃度 15% | ★★★★ | 五commands跨五宿主，四个月持续迭代；单作者 | | **加权综合** | **4.5** | 与 9 月复盘印持平 | 历期存档印对照：2026-05-18 期 4.4 → 05-26 期 4.30（设计感 5.0／上手 3.0）→ 07-02 期六维去 AI 味满分 → 09-29 期复盘 4.5 → 本期 4.5。同域参照（存档照印分）：官方 frontend-design 4.8（56.5 万安装、赛道源头）、theme-factory 4.1（微件哲学）、UI/UX Pro Max 与 Taste Skill 无五维印（分别记 62.6K★ 风格库与三旋钮调参器）。 ## 六、安装与上手 三条路，任选其一（命令以仓库当前 README 为准）： ```bash # 方式一：Claude Code 插件市场 /plugin marketplace add pbakaus/impeccable # 方式二：npm CLI（在项目根目录执行） npx impeccable install # 方式三：技能目录直装 npx skills add pbakaus/impeccable ``` 装完的标准首日流程： ```bash /impeccable init # 分诊品牌面/产品面，生成 PRODUCT.md 与 DESIGN.md /impeccable audit # 全页体检，45 条规则机检出烂模式清单 /impeccable polish # 按体检单定点修复 ``` 跨宿主说明：7 月存档确认同一套命令在 Claude Code、Cursor、Gemini CLI、Codex、Copilot 五个宿主通用——混合工具链的团队可以只学一遍。 ## 七、适用与不适用 **适用**：AI 生成界面的交付前体检（最典型的使用姿势）；落地页、营销页等品牌面单屏打磨；前端训练营教学——23 个命令就是 23 个课时；混合工具链团队的统一审美口径。 **不适用**：多屏产品的全局一致性——结构性天花板，要靠设计系统与 token 管理补位；需要客户预览评审画布的团队流程——它没有这块；设计资产管理（token 库、组件库提取）——那是 Frontend Design Extractor 一类反向件的地盘；非 Web 界面——45 条规则全部长在 Web 语汇上。 ## 八、推荐排行榜 - **命令词法设计榜**：Impeccable（全动词＋对偶轴＋全旅程）＞ Taste Skill（三旋钮极简）＞ UI/UX Pro Max（240 套风格名词库，多而不成词法） - **确定性含量榜**：Impeccable（45 条规则离线可跑）＞ Frontend Design Extractor（反向提取真人 token）＞ 官方 frontend-design（纯提示词，零确定性） - **叠加兼容榜**：frontend-design＋Impeccable（官方定调＋机检兜底）＞ Impeccable＋Taste（方向×力度）＞ 三件套全家桶（新手易过载） - **观望理由榜**：命令表四个月换面孔（教材易过期）＞ 单作者维护风险 ＞ 生成时单点干预的共同宿命 ## 结语 本栏 5 月底说过一句话：生成闸挤破头，审计闸没几个人排队。四个月过去，生成端又挤进好几件新货，审计位的第一名还是 Impeccable——它把这个最玄的赛道里能工程化的部分全数工程化了：语境写成文件，品味做成词表，烂模式写成规则，剩下的才交给模型和人眼。欠条本期销账，下一个值得等深拆的名字，存档里写的是 Trail of Bits。 ## 参考来源 1. [pbakaus/impeccable](https://github.com/pbakaus/impeccable) — 官方仓库，23 命令表、45 条确定性检测规则与 anti-pattern 清单的所在地（本文引用转自存档口径，逐字以当前版本为准） 2. [impeccable.style](https://impeccable.style) — 项目官网，商业化形态与品牌资产出口 3. [Best Claude Skills for Frontend Development in 2026: 15 Compared](https://aiskill.market/blog/best-claude-skills-for-frontend-development-2026) — aiskill.market 编辑横评，「Impeccable 唯一 5/5」评级出处 4. [Claude Code's Frontend Design Skill: What 565K Installs Fix (And the 4 Things They Don't)](https://dmaya.ai/blog/claude-code-frontend-design-skill) — dMaya 实地手册，四道结构性天花板结论出处 5. 本站存档《五月榜首，等了四个月没人拆》（2026-09-29，skills-ecosystem-0809）— 「最值得等一篇深拆」首位与 20 命令＋7 参考指南口径出处 6. 本站存档审美承诺引擎横评（2026-07-02，skills-ecosystem-r2-0950）及设计词汇表首拆（2026-05-26，skills-ecosystem-r2-1602）— 三层架构、45 条规则、命令词汇表与黄金组合结论出处 > [!tip] 51学通信知识星球 > **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。 > **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。 > **当前规模**：5200 篇主题 / 990 个回答，198 元/年。 > **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。 > **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。