你是否受够了 AI 生成的那些”一眼假”的界面？清一色的 Inter 字体、紫色渐变、嵌套卡片、灰色文字配彩色背景……这些 AI 作品的标志性特征即将成为历史。

今天要介绍的 Impeccable（GitHub 1.8k ⭐，今日新增 443 ⭐），是一个开源的设计语言技能库，专门用来调教 AI 生成的 UI，让它看起来更像”人”设计的。项目遵守Apache 2.0开源协议。

为什么 AI 做的 UI 都一个样？

Impeccable 在 README 中一针见血地指出：所有大语言模型都是在同一批通用模板上训练的。没有引导的情况下，AI 只会产出那些”安全但平庸”的设计——Inter 字体、紫色渐变、卡片套卡片、灰字配花哨背景。

这不能怪 AI，它们只是在模仿训练数据中最常见的模式。

Impeccable 怎么解决？

它祭出了三板斧：

1. 一个扩展的设计技能

基于 Anthropic 的 frontend-design 技能构建，包含 7 个专业参考文件：
– typography – 字体系统、字体搭配、模块化比例、OpenType 特性
– color-and-contrast – OKLCH 色彩模式、 tinted neutrals、暗色模式、无障碍
– spatial-design – 间距系统、网格、视觉层级
– motion-design – 缓动曲线、交错动画、减少动画
– interaction-design – 表单、焦点状态、加载模式
– responsive-design – 移动优先、流体设计、容器查询
– ux-writing – 按钮标签、错误提示、空状态

2. 17 个调教命令

命令 功能
/audit 技术质量检查（无障碍、性能、响应式）
/critique UX 设计评审：层级、清晰度、情感共鸣
/normalize 对齐设计系统标准
/polish 交付前最终打磨
/distill 剥离冗余，回归本质
/clarify 改进模糊的 UX 文案
/optimize 性能优化
/harden 错误处理、i18n、边缘情况
/animate 添加有目的的动效
/colorize 引入战略性配色
/bolder 放大平淡的设计
/quieter 削弱过于激进的设计
/delight 添加惊喜时刻
/extract 提取为可复用组件
/adapt 适配不同设备
/onboard 设计引导流程

3. 明确的反模式清单

直接告诉 AI 别做什么：
– ❌ 别用烂大街的字体（Arial、Inter、系统默认）
– ❌ 别在彩色背景上用灰色文字
– ❌ 别用纯黑/纯灰（必须调色）
– ❌ 别把所有东西都包进卡片，更别嵌套卡片
– ❌ 别用 bounce/elastic 缓动（显得过时）

支持的工具

Impeccable 支持主流 AI 编码助手：
– Cursor
– Claude Code
– Gemini CLI
– Codex CLI

安装使用

访问 impeccable.style 可以直接下载针对各工具的预置包，解压到项目目录即可。

或者直接从仓库复制：

# Cursor
cp -r dist/cursor/.cursor your-project/

# Claude Code
cp -r dist/claude-code/.claude your-project/

# Gemini CLI
cp -r dist/gemini/.gemini your-project/

# Codex CLI
cp -r dist/codex/.codex/* ~/.codex/

安装后，只需在 AI 对话中调用命令：

/audit # 找问题
/normalize # 修复不一致
/polish # 最终清理
/distill # 移除复杂性

写在最后

Paul Bakaus（jQuery UI 和 Google AMP 的缔造者）创建的这个项目，让我看到了 AI 前端开发的下一个里程碑——从”能跑”到”好看”。

当所有人都在卷 AI 的代码能力时，Impeccable 选择了另一个方向：让 AI 做出有审美的东西。这可能比写一万行代码更有价值。

GitHub: https://官网/ pbakaus/impeccable