Impeccable 页面截图
产品页面 点击查看大图

Impeccable

Impeccable 是一个为 AI 编码助手打造的前端设计技能:以 1 个技能、23 条命令和精选反模式,去除 AI 生成界面中的“slop”,提供精确的设计指挥能力,并可在产品内实时迭代视觉变体。

开源前端设计AI审美
平台
web、ios、android、adaptive
价格
Impeccable 完全免费且开源:技能、命令、CLI 与检测引擎均以 Apache 2.0 许可证发布,向所有人开放。
01

Overview

产品概述

Impeccable 是由 Paul Bakaus 创建的开放源代码前端设计技能,被官方描述为 Anthropic 原有 impeccable 技能的升级版。它以名为 impeccable 的单个 Agent 技能安装,支持 Cursor、Claude Code、GitHub Copilot、Gemini CLI 和 Codex CLI 等 AI 编码工具,包含 23 条命令(如 polish、audit、critique、live、shape、adapt 等)。它通过 /impeccable init 生成 PRODUCT.md,并通过 /impeccable document 写出 DESIGN.md,从而建立设计上下文;再通过浏览器内 Live Mode、五维技术审计、设计评审、响应式适配、动效与排版等能力,帮助用户从原型到生产改进 AI 生成的前端界面。
02

Capabilities

核心能力

01

23 条命令的设计技能

以单个 Agent 技能形式安装,提供 23 条精确命令(如 polish、audit、critique、live、shape、adapt 等),并配合精选反模式,帮助 AI 编码助手做出精致的前端设计。

02

Live Mode 浏览器实时迭代

在浏览器中选择页面元素、留下评论即可生成三个视觉变体,接受某个变体后直接写回源代码,实现产品内实时迭代。

03

设计上下文与设计系统文档

/impeccable init 通过简短访谈生成 PRODUCT.md,/impeccable document 会分析现有颜色、字体、组件与 token 并写出 DESIGN.md,让后续 AI 设计始终保持品牌一致。

04

五维技术审计

/impeccable audit 对可访问性、性能、主题、响应式和反模式进行 0 到 4 分的五维评分,并生成带 P0 到 P3 严重级别的改进计划。

03

Use Cases

适用场景

  1. 01

    打磨现有页面

    对已有页面运行 /impeccable polish,例如“polish the pricing page”,完成从良好到出色的细致最终修正。

  2. 02

    设计评审与可用性检查

    使用 /impeccable critique 对界面进行设计评审,包含评分、人物测试和自动检测,从“感觉是否对”的角度评估设计质量。

  3. 03

    开发与上线前的技术审计

    使用 /impeccable audit 对可访问性、性能、主题、响应式和反模式进行五维评分,并生成可粘贴到工单追踪系统的 P0 到 P3 严重级别处理计划。

04

Integrations

集成能力

01

Cursor

Impeccable 支持在 Cursor 中作为 Agent Skill 使用,安装时自动写入 .cursor/skills/。

02

Claude Code

Claude Code 用户可通过 /plugin marketplace add pbakaus/impeccable 安装插件,也支持 npx skills 方式,并可选安装自动设计钩子。

03

GitHub Copilot

GitHub Copilot 的 Skills 安装到 .github/skills/,设计钩子位于 .github/hooks/impeccable.json,可同时用于 Copilot CLI 与云端 agent。

04

Gemini CLI

Impeccable 支持 Gemini CLI,需要 @google/gemini-cli@preview 并在设置中启用 Skills。

05

Codex CLI

Impeccable 支持 Codex CLI,库级安装位于 .agents/skills/,但 Skills 不会出现在常规命令选择器中,需要通过 /skills 或 $ 打开。