首页AI 工具Impeccable
Impeccable logo
新收录

Impeccable

免费AI 智能体

开源 AI 前端设计技能包 SKill,解决千篇一律的AI审美

4/ 5编辑评分
80/100推荐指数
可信度 A80/100
0 站内热度
0 次浏览
插件与SkillsAI智能体
快速判断推荐指数 80/100可信度 A核验 2026-09-21
适合谁
  • 公开资料明确列出了相关能力:23 个设计命令:形成与 AI 的共享设计词汇,涵盖 /polish(质感提升)、/audit(设计审计)、/critique(启发式评分)、/typeset(排版优化)、/colorize(配色优化)、/layout(布局间距)、/distill(简化结构)、/animate(动效优化)、/bolder / /quieter(增强/减弱视觉)、/shape(品牌工具包生成)、/craft(设计稿转代码)、/live(浏览器实时迭代)、/document(生成 DESIGN.md)、/harden(生产就绪检查)等
  • 公开资料还显示:7 份深度参考文件:覆盖排版、OKLCH 色彩与对比度、空间设计、动效、交互、响应式布局、UX 文案,每次 AI 写代码时自动加载
不适合谁 / 注意
  • 需要百器已经完成 Impeccable 同条件独立实测,并据此给出效果结论的用户
  • 需要在不核对 Impeccable 官网最新条款的情况下直接用于高风险、敏感或关键业务决策的场景

Impeccable 是什么?

Impeccable 是 Paul Bakaus创建的开源 AI 前端设计技能包(Apache 2.0 协议)。不是组件库或 CSS 主题,是一套”AI 设计词汇层”。通过 7 份领域参考文件、23 个斜杠命令和 25 条确定性反模式规则,教你的 AI 写出真正的设计代码,而非千篇一律的”AI slop”审美。支持 Cursor、Claude Code、Gemini CLI、Codex CLI 等 11+ 主流 AI 编码工具。

产品截图

Impeccable 产品截图 1
产品页面截图

主要功能

1

23 个设计命令:形成与 AI 的共享设计词汇,涵盖 /polish(质感提升)、/audit(设计审计)、/critique(启发式评分)、/typeset(排版优化)、/colorize(配色优化)、/layout(布局间距)、/distill(简化结构)、/animate(动效优化)、/bolder / /quieter(增强/减弱视觉)、/shape(品牌工具包生成)、/craft(设计稿转代码)、/live(浏览器实时迭代)、/document(生成 DESIGN.md)、/harden(生产就绪检查)等

2

7 份深度参考文件:覆盖排版、OKLCH 色彩与对比度、空间设计、动效、交互、响应式布局、UX 文案,每次 AI 写代码时自动加载

3

25 条反模式检测规则:确定性规则(无需 LLM),覆盖字体、色彩、布局、动效、质量维度,自动识别”AI slop”设计

4

Live Mode(Alpha):在浏览器中直接选中任意元素,圈注修改意见,AI 生成 3 个生产级变体并通过 HMR 实时替换,接受后自动写回源码

5

Chrome 扩展:一键检测任意网页的反模式(渐变文字、AI 配色、嵌套卡片、低对比度等),支持 localhost、 staging、生产环境

6

CLI 工具:npx impeccable detect src/ 扫描项目,支持 CI/PR 检查,输出 JSON 格式,可接入构建门禁

7

PRODUCT.md / DESIGN.md 生成:/impeccable teach 一键创建项目设计上下文文件(受众、品牌个性、反参考);/impeccable document 按 Google Stitch 标准生成设计规范文档

8

/impeccable document 按 Google Stitch 标准生成设计规范文档

如何使用

1

安装技能包 自动安装:npx skills add pbakaus/impeccable(自动识别 Cursor、Claude Code、Gemini CLI、Codex CLI 等工具并放置文件)。 Claude Code 插件:/plugin marketplace add pbakaus/impeccable。 手动安装:下载 universal ZIP 解压至项目根目录(与 package.json 同级)。

2

初始化项目设计上下文:运行 /impeccable teach,生成 PRODUCT.md(品牌定位、受众、反参考)和 .impeccable.md(设计上下文),此后每次使用任意命令都会自动读取这些文件。

3

使用命令 直接调用:/impeccable audit checkout(审计结账页) 自动选择:/impeccable redo this hero(让 skill 自动选择最佳方法) 固定快捷命令:/impeccable pin audit → 之后可直接用 /audit

4

浏览器实时迭代(可选):运行 /impeccable live,在浏览器中圈选元素、批注、生成变体、接受后自动写回源码,支持 Vite、Next.js(含 monorepo)、SvelteKit、Astro、Nuxt,自动处理 CSP 限制。

5

安装检测工具(可选) Chrome 扩展:在任意页面一键高亮反模式。 CLI:npm i -g impeccable,运行 npx impeccable detect src/ 扫描项目。

6

保持更新:npx impeccable skills update 定期拉取最新命令和反模式定义。

7

安装技能包 自动安装:npx skills add pbakaus/impeccable(自动识别 Cursor、Claude Code、Gemini CLI、Codex CLI 等工具并放置文件)

8

Claude Code 插件:/plugin marketplace add pbakaus/impeccable

9

手动安装:下载 universal ZIP 解压至项目根目录(与 package.json 同级)

10

初始化项目设计上下文:运行 /impeccable teach,生成 PRODUCT.md(品牌定位、受众、反参考)和 .impeccable.md(设计上下文),此后每次使用任意命令都会自动读取这些文件

11

安装检测工具(可选) Chrome 扩展:在任意页面一键高亮反模式

12

CLI:npm i -g impeccable,运行 npx impeccable detect src/ 扫描项目

核心优势

公开资料明确列出了相关能力:23 个设计命令:形成与 AI 的共享设计词汇,涵盖 /polish(质感提升)、/audit(设计审计)、/critique(启发式评分)、/typeset(排版优化)、/colorize(配色优化)、/layout(布局间距)、/distill(简化结构)、/animate(动效优化)、/bolder / /quieter(增强/减弱视觉)、/shape(品牌工具包生成)、/craft(设计稿转代码)、/live(浏览器实时迭代)、/document(生成 DESIGN.md)、/harden(生产就绪检查)等

公开资料还显示:7 份深度参考文件:覆盖排版、OKLCH 色彩与对比度、空间设计、动效、交互、响应式布局、UX 文案,每次 AI 写代码时自动加载

应用场景

SaaS 产品界面优化:用 /polish 和 /audit 提升仪表盘、设置页、结账流程的视觉质感与可用性。

营销站与落地页设计:用 /shape 生成品牌工具包(配色、字体、情绪板),再用 /craft 转为真实响应式页面。

设计稿到代码:将 GPT Image 2 / Imagen 4 Ultra 生成的高保真参考图直接转为可交付的 HTML/CSS/JS。

浏览器内快速迭代:在已有项目中选中某个按钮或卡片,用 /live 生成 3 个变体,即时对比并采纳。

设计规范沉淀:用 /document 自动扫描现有项目的 token、组件和渲染输出,生成标准 DESIGN.md。

反模式自查:通过 Chrome 扩展或 CLI 扫描自己的网站或竞品,识别低对比度、嵌套卡片、默认字体等问题。

SaaS 产品界面优化:用 /polish 和 /audit 提升仪表盘、设置页、结账流程的视觉质感与可用性

营销站与落地页设计:用 /shape 生成品牌工具包(配色、字体、情绪板),再用 /craft 转为真实响应式页面

设计稿到代码:将 GPT Image 2 / Imagen 4 Ultra 生成的高保真参考图直接转为可交付的 HTML/CSS/JS

浏览器内快速迭代:在已有项目中选中某个按钮或卡片,用 /live 生成 3 个变体,即时对比并采纳

设计规范沉淀:用 /document 自动扫描现有项目的 token、组件和渲染输出,生成标准 DESIGN.md

反模式自查:通过 Chrome 扩展或 CLI 扫描自己的网站或竞品,识别低对比度、嵌套卡片、默认字体等问题

标签

插件与SkillsAI智能体

注意点

Impeccable 本次条目主要依据公开页面资料整理,百器尚未对本次导入的全部功能做独立实测

Impeccable 的功能、价格、额度与服务规则可能随官方更新变化,实际使用前需要以官网最新说明为准

不适用边界

需要百器已经完成 Impeccable 同条件独立实测,并据此给出效果结论的用户
需要在不核对 Impeccable 官网最新条款的情况下直接用于高风险、敏感或关键业务决策的场景

常见问题

Impeccable 是 Paul Bakaus创建的开源 AI 前端设计技能包(Apache 2.0 协议)。不是组件库或 CSS 主题,是一套”AI 设计词汇层”。通过 7 份领域参考文件、23 个斜杠命令和 25 条确定性反模式规则,教你的 AI 写出真正的设计代码,而非千篇一律的”AI slop”审美。支持 Cursor、Claude Code、Gemini CLI、Codex CLI 等 11+ 主流 AI 编码工具。

相似工具

信息纠错

提交后会进入后台数据质量队列,优先用于更新工具资料。