Impeccable
Paul Bakaus创建的开源 AI 前端设计技能包
不是组件库或 CSS 主题，是一套”AI 设计词汇层”，教你的 AI 写出真正的设计代码
核心功能
斜杠命令控制
23个设计专用命令，/audit查质量、/polish精修、/colorize加配色，跟AI对齐话术
反模式阻截
告诉AI“Inter字体不行、紫渐变不行、灰字压彩底不行”，根上掐断同质化审美
项目上下文
/teach一次建立品牌定位和受众画像，AI记住之后所有命令都能按这个调性执行
浏览器实时改
圈选页面元素，给一句修改意见，AI直接生成3个变体实时替换并写回源码
多工具兼容
Cursor、Claude Code、Gemini CLI、Codex CLI等11+主流AI编码工具一键适配
CLI+浏览器扩展
npx命令行扫描整个项目找出设计问题，Chrome扩展随时检测任意网页反模式
产品特色
- 01
作者亲自操刀
jQuery UI作者+前Chrome DevTools负责人Paul Bakaus出品，Google设计工具背景保证了它教给AI的是真东西
- 02
开源完全免费
Apache 2.0协议，GitHub上已超过1.5万Star，上线一个月冲上全球趋势榜，社区活跃度高
- 03
实测效果惊人
Tessl第三方基准测试显示综合评分提升59%，OKLCH色彩从0覆盖到12/12场景，色域和审美直接上了一个台阶
- 04
教“别做什么”比教“做什么”管用
25条确定性反模式规则，准确封堵AI训练数据里最常出现的翻车操作，比如嵌套卡片和无意义的弹跳动画
- 05
双设计模式自动切换
自动区分“营销站品牌设计”和“仪表盘产品设计”，两者调性差异很大但命令自动适配，不用手动切换语境
应用场景
✅ SaaS产品界面
/audit扫一遍仪表盘和支付流程，再用/polish润色细节，整个界面质感上一个台阶
✅ 落地页与营销站
/shape快速生成品牌工具包，搭配/craft转成真实响应式页面，告别模板式设计
✅ 设计稿落地
Figma或Midjourney产出的设计参考图，用/craft直接转成交付级HTML/CSS，省掉切图手写
✅ 团队设计规范
项目跑一次/teach建立设计上下文后所有人共用标准，新成员加入也能保持界面风格一致
✅ 代码库反模式扫描
npx一键扫描整个代码仓库，PR合并前自动检测设计问题，避免低质样式上线
✅ 浏览器快调
Localhost或预发环境直接圈中元素，让AI给出3个备选方案对比，接受后自动改源码
常见问题
解答您关于"Impeccable"的常见疑问，让您更好地使用这款AI工具
-
都不是。它本质上是个给AI看的“设计说明书”，安装在编程工具里，指导AI怎么写出更好看的前端代码。
-
不会。它只影响AI后续生成和修改代码的行为，不改变你已存在的文件。但/Live命令接受变体后会写入源码，这是你主动选择的。
-
不需要。设计师追求专业词汇，开发者追求稳定产出，命令点一下就好。即使是零基础用户，调用/audit命令AI自己就能告诉你哪里有问题。
-
Cursor、Claude Code、Gemini CLI、Codex CLI、VS Code Copilot、Antigravity、Kiro等11种主流AI编码工具都支持。
-
一次性收集你的项目背景和品牌风格，存成一个设计上下文文件。此后所有命令都会按这个文件来理解项目，避免AI每次都从零开始瞎猜。
-
完全免费，Apache 2.0开源协议。没有付费计划，所有功能和命令都一样可用。
立即体验“Impeccable”
Impeccable是一套为AI编程工具设计的开源前端设计技能包，由jQuery UI作者Paul Bakaus打造。它通过20多个斜杠命令、7份专业设计参考和25条反模式规则，让Cursor、Claude Code等AI工具告别“Inter字体+紫渐变+卡片套卡片”的同质化审美。支持品牌设计与产品设计自动适配，Tessl基准测试显示综合评分提升59%。完全免费，安装后AI写的代码瞬间从“能用”变成“有质感”。
