这个 Skill 能做什么，适合哪些场景？
Impeccable 是一个面向 AI 编程工具的前端设计技能，派生自 Anthropic 的 frontend-design 技能并由 Paul Bakaus 维护。它通过 /impeccable init 把产品事实固化到 PRODUCT.md，把视觉方向固化到 DESIGN.md，再通过 24 个子命令（如 audit、polish、bolder、animate、live）覆盖评审、精修、动效和浏览器内实时迭代。它附带 59 条确定性反模式检测规则，可由 CLI 或设计钩子在不调用 LLM 的情况下运行。整个仓库是包含 24 个技能的单体仓库，本条目仅针对位于 .claude/skills/impeccable/SKILL.md 的这一个技能。
- 运行 scripts/impeccable context 加载 PRODUCT.md、DESIGN.md 与对应页面简报，为后续命令提供持久上下文
- 通过 24 个命令执行具体操作：shape 规划 UX/UI、critique 做启发式评分评审、audit 检查可访问性/性能/响应式、polish 做发布前精修、harden 补错误处理与 i18n
- 提供 bolder、quieter、distill、typeset、layout、colorize、animate、delight、overdrive 等精修与增强命令
- live 与 generate 命令在浏览器中选取元素并实时迭代视觉变体
- 设计钩子在 UI 文件被编辑后自动运行检测器并回报问题（支持 Claude Code、Copilot、Codex、Cursor、Grok Build）
- init/document/extract 分别生成 PRODUCT.md、从现有代码生成 DESIGN.md、把可复用 token 与组件抽取为设计系统
- 前端开发者发现 AI 生成的落地页总是紫色渐变加嵌套卡片，想用 audit 和 polish 命令系统性去除这些模板痕迹
- 产品团队要在写代码前规划一个新仪表盘的 UX/UI，用 shape 和 init 先固化产品语境与设计方向
- 独立开发者觉得自己的界面太素，用 bolder、colorize、delight 让它更大胆有趣；或太吵闹，用 quieter、distill 收敛
- 设计师想在浏览器里对着真实页面迭代 hero 区块的多个变体，用 live 或 generate 命令直接挑选
- 团队要发布前的质量把关，用 harden 补齐错误状态、i18n 和边界情况，再用 npx impeccable detect 在 CI 里跑确定性检查
- 纯后端或与 UI 无关的任务——技能描述明确排除
- 对生产站点做实时变体编辑——live 模式只支持本地开发服务器或本地静态 HTML，生产站点只能用 detect 或浏览器扩展做只读检查
- 不希望引入额外钩子或二进制下载的环境——首次运行会把引擎二进制下载到 ~/.impeccable/bin/，部分团队策略可能不允许
如何安装这个 Skill？
- 首次运行会从网络下载闭源引擎二进制到 ~/.impeccable/bin/，静态不可审计；建议在受控环境首次运行或从源码自行构建（cargo build -p impeccable）。
- 安装会写入各harness的钩子清单，且钩子可在会话拒绝命令时独立触发下载；无人值守运行前请审查已安装钩子（可用 --settings disableAllHooks 关闭）。
- 无中文支持说明，且引擎二进制从海外服务器下载，中国大陆网络环境下首次安装可能失败；可用 git submodule + 本地构建规避。
- live模式会在shell中以用户权限运行目标项目 package. 中的 impeccable:manual-edit-validate 脚本，在不受信任的代码库中慎用。
- 本评分为静态源码审查，未执行任何脚本或二进制；59条检测规则与案例研究效果未经独立复现。
- Shell / 命令行
- 网络访问
- 本地文件系统
Self-contained engine binary (downloaded once to ~/.impeccable/bin/, no Node required except for npx installer)A local Chrome/Chromium/Edge for URL scans
推荐用 CLI 安装器，它会检测已装的 AI 工具并可选安装设计钩子：
npx impeccable install更新已有安装：
npx impeccable updateClaude Code（插件市场方式）：
/plugin marketplace add pbakaus/impeccableVS Code 中的 GitHub Copilot（扩展方式）：
code --install-extension renaissance-geek.impeccableGrok Build（插件方式）：
grok plugin install pbakaus/impeccable#plugin --trustGit 子模块（团队 vendored 方式）：
git submodule add https://github.com/pbakaus/impeccable .impeccable
npx impeccable link --source=.impeccable --providers=claude,cursor也支持从 impeccable.style 下载 ZIP 或从 dist/ 目录手动复制到 Cursor、Codex、Gemini CLI、Hermes、Pi、Trae、Rovo Dev、Qoder、Mistral Vibe、DeepSeek Harness、OpenCode、Google Antigravity 等工具。
如何使用这个 Skill？
安装后，把下面任意一句发给 Agent 即可触发：
- /impeccable audit 落地页：帮我检查可访问性、性能和响应式问题
- /impeccable critique 首页 hero 区块，给出 UX 评审意见
- /impeccable bolder 这个卡片太保守了，让它更醒目一些
- /impeccable harden 结账表单：补上错误状态、i18n 和边界情况
安装后所有操作通过单一入口 /impeccable 触发。新项目先运行：
/impeccable init它检查项目、只就产品事实的实质缺口提问并写入 PRODUCT.md。之后按需调用命令：
/impeccable audit blog
/impeccable critique landing
/impeccable polish settings
/impeccable harden checkout不带参数输入 /impeccable 会显示命令菜单。常用命令可固定为独立快捷方式（pin audit 生成 /audit）。钩子会在 UI 文件编辑后自动运行检测器，可用 /impeccable hooks on|off 管理；/impeccable doctor 可诊断并修复项目产物与本版本之间的漂移。Codex 用户安装后需在 /hooks 中批准项目钩子。
这个 Skill 有哪些优点和局限？
- 覆盖面极广：从规划（shape）、评审（critique/audit）到精修、动效、浏览器内实时迭代，一套命令贯穿整个前端设计流程
- 59 条确定性检测规则无需 LLM 和 API key，CLI 可单独在 CI 中运行
- 明确列出 AI 设计反模式（滥用 Inter 字体、紫蓝渐变、嵌套卡片、灰字压彩底等），针对常见 AI 糊弄感有直接对策
- 持久化 PRODUCT.md 与 DESIGN.md 让后续命令了解受众、目的与视觉世界，而非每次从零开始
- 安装后无需 Node 或其他运行时，引擎是自包含二进制
- 引擎二进制首次运行需联网下载，且钩子在无监督运行时也可能触发下载——README 自己提示需审查钩子安全
- live 模式不支持生产站点，实时编辑仅限本地可信项目
- 功能面广但各命令效果依赖所装 AI 工具对技能的遵循程度，源材料未提供独立的效果评测
- 不同工具的钩子能力差异大（如 Hermes 无钩子、Veto 不跑编辑钩子），行为并不一致
这个 Skill 与同类方案有什么区别？
与相关 Skills 并排比较；分数均按同一 FSRS 标准得出。
| Skill | FS 评分 | Star 数 | 最近更新 | License |
|---|---|---|---|---|
| Impeccable 本页 | 58 · 推荐 | ★ 79k | 2 天前 | Apache-2.0 |
| TypeUI 设计基础原则 | 70 · 高度推荐 | ★ 2k | 3 个月前 | NOASSERTION |
| 独特前端设计指导 ✓ Anthropic · 官方 | 60 · 推荐 | ★ 38k | 3 天前 | Apache-2.0 |
| SwiftUI 设计技能 | 57 · 谨慎使用 | ★ 211 | 5 个月前 | MIT |
| Frontend Design 高质感前端设计技能 | 52 · 谨慎使用 | ★ 5.5k | 5 个月前 | MIT |
README 明确指出该项目派生自 Anthropic 官方的 frontend-design 技能，并在其基础上增加了初始化流程、24 个命令、确定性检测规则、实时浏览器迭代和跨工具安装支持。
FollowSkills 如何评估这个 Skill？
证据显示权限范围总体克制：钩子限于UI文件编辑检测、有 hooks on/off/ignore 机制、敏感操作（替换事实文案、修复漂移）要求确认或仅报告、明确不注入生产站点、警告审查钩子与live模式中的外部脚本。但首次运行会从网络下载一个闭源引擎二进制到 ~/.impeccable/bin/，其内容静态不可审计；钩子可在会话拒绝命令时独立触发下载。扣分点：下载二进制缺乏哈希/签名校验证据，数据流说明不完全。
文档自洽性高：有明确的launcher失败降级路径、CONTEXT_STALE处理、doctor修复、Windows .cmd分支、批次数上限防失控循环。但核心路径依赖不可读的预编译二进制，静态审查无法确认脚本/二进制一致性；错误反馈质量在文档中描述良好但不可执行验证。按静态上限封顶于10。
触发条件定义极佳：description明确列举适用与不适用场景（'Not for backend-only'），命令表、路由规则、无参数时菜单而非自动执行，均支持精确语义调用。扣分：无中文支持说明；核心功能依赖首次从海外下载引擎二进制，对中国大陆网络可达性存在风险，README未提供镜像。该维度因此未达满分。
版本号（4.5.2）、Apache-2.0许可、渐进式披露架构（SKILL.md→reference/分层）、已知限制披露（live模式不支持生产站、DevTools局限）均完备，仓库级维护路径清晰（npx update、submodule）。扣分：SKILL.md本体无changelog/变更记录，二进制引擎版本（Cargo 0.1.14）与技能版本对应关系未在技能内说明。
产出目标明确（审计报告、修改后的UI代码），命令结构完整、边界清晰，相比手动设计审查有明确边际价值；有外部案例链接佐证。但静态审查无法验证输出质量，且核心检测器不可读，按静态上限封顶于7。
提供大量可审计一手材料（分层参考文档、Cargo工作区源码、59条确定性规则声明、gitignore清单），声明与结构一致。但未见提交的测试套件或CI证据覆盖技能关键路径，59条规则与案例研究不可在本次审查中独立复现。按静态上限内给4，扣在缺乏可执行验证证据。
点击维度查看打分理由
证据充分度：低 — 主要依赖静态检查、作者材料或有限演示；适合发现线索，不适合做高风险决策。
查看完整评分方法 →