Impeccable 是一套让 AI 编码助手「更懂设计」的前端设计语言/技能:1 个核心技能、23 个命令,加上一批精选的反模式(anti-pattern)规则,给你和 AI 之间建立一套共享的设计词汇。它脱胎于 Anthropic 的 frontend-design 技能,针对「所有模型都被同一批 SaaS 模板训练、产出千篇一律」的问题——Inter 字体、紫蓝渐变、卡片套卡片、彩底灰字、标题上方的圆角图标块等——提供 7 个领域参考(排版、色彩、动效、空间、交互、响应式、UX 文案)与可执行的纠偏命令。支持 Claude Code、Cursor、Codex、Gemini、Kiro、OpenCode、Pi 等,Apache-2.0 开源、约 2.97 万星。
来源:README 顶部简介/Why Impeccable/What's Included、GitHub meta(pbakaus/impeccable,JavaScript,Apache-2.0,homepage impeccable.style) 查看 GitHub 仓库 →AI 生成前端的同质化是普遍痛点:跳过设计指引就得到「一眼 AI」的界面。Impeccable 把「好设计的词汇与判断」系统化——不仅给排版/色彩/动效等 7 个领域的参考,还提供 23 个像 polish/audit/critique/bolder/quieter/distill 这样的命令让你和 AI 用同一套语言交流,并用 27 条确定性反模式规则(CLI 与浏览器扩展无需 LLM、无需 API key 即可跑)加 12 条 LLM 批评做兜底。它由资深设计/工程作者维护、做工精细、支持多代理、有官网与 before/after 案例,因此快速涨到约 2.97 万星。
来源:README Why Impeccable/23 Commands/Anti-Patterns、GitHub meta(stars 29655、created_at 2025-11-16、pushed_at 2026-05-22)技能在每次命令时加载 7 份领域参考:typography(类型系统/配对/模块化比例/OpenType)、color-and-contrast(OKLCH/带色中性灰/暗色/可访问性)、spatial-design(间距/网格/层级)、motion-design(缓动/错峰/减弱动效)、interaction-design(表单/焦点/加载)、responsive-design(移动优先/流式/容器查询)、ux-writing(按钮/错误/空状态),并按「品牌 vs 产品」语域调整默认。
来源:README What's Included(The Skill 表)通过 /impeccable 使用 23 个命令,给你和 AI 一套共享设计词汇:craft(成形再构建)、teach(写 PRODUCT.md/DESIGN.md)、shape、critique、audit、polish、bolder/quieter、distill、harden、onboard、animate、colorize、typeset、layout、delight、overdrive、clarify、adapt、optimize、live(浏览器内迭代)等;可用 pin 把某命令变成独立快捷命令。
来源:README 23 Commands 表/Usage Examples27 条确定性反模式规则(如别用 Arial/Inter/系统默认字体、别在彩底用灰字、别用纯黑灰要带色、别卡片套卡片、别用 bounce/弹性缓动)可由 CLI 与浏览器扩展无 LLM、无 API key 直接检查,外加 12 条 LLM 批评 pass,每条都对应技能教授的具体设计指引。
来源:README Why Impeccable/Anti-Patterns 段提供 Claude Code、Cursor、Codex、Gemini、Kiro、OpenCode、Pi 等的预构建分发;可从官网下载对应工具的 ZIP,或从仓库 dist/ 复制到项目(或 Claude Code 全局到 ~/.claude)。
来源:README Installation 段、仓库 .claude/.cursor/.codex/.gemini/.kiro/.opencode 目录Impeccable 以设计技能内容为主、配少量 JS 工具(CLI/浏览器扩展跑确定性规则)。核心在 skill/:SKILL.md 定义技能,reference/ 下是 7 份领域参考(typography/color-and-contrast/spatial-design/motion-design/interaction-design/responsive-design/ux-writing),命令在每次调用时加载这些参考与品牌/产品语域。23 个命令与反模式规则随技能分发。仓库为多代理预构建:dist/ 下分别有 cursor/.cursor、claude-code/.claude、opencode/.opencode、pi/.pi 等,以及 .claude-plugin、.codex、.gemini、.kiro 等适配目录,便于直接复制到项目或全局目录。技能本质是可移植指令文件,由宿主代理加载;确定性反模式检查则由 CLI/浏览器扩展无需 LLM 执行。官网 impeccable.style 提供 ZIP 下载与案例。
来源:README What's Included/Installation、仓库目录树(skill/、各 .* 与 dist 适配)中心为项目本体,内环 = 核心功能模块,外环 = 关键技术依赖;按 deep.json 中的 core_features 与 tech_stack.key_deps 自动生成
宿主代理:Claude Code/Cursor/Codex/Gemini…CLI + 浏览器扩展(确定性反模式检查,无需 LLM/API key)官网 impeccable.style(ZIP 分发与案例)适合用 AI 编码助手做前端、又不满足于「通用 AI 设计」的人:用 7 个领域参考给 AI 注入排版/色彩/动效/空间/交互/响应式/UX 文案的判断,用 23 个命令与 AI 用同一套设计语言交流(让界面更大胆或更克制、提炼本质、加有意义的动效、修字体与布局、做错误与边缘处理、改 UX 文案等),用确定性反模式规则在 CI/浏览器里无成本地揪出「AI 设计味」。也适合团队统一设计基线、或作为「如何把设计判断系统化为技能」的范例。
来源:README Why Impeccable/23 Commands/Anti-Patterns项目以技能仓库 + 官网(impeccable.style,提供各工具 ZIP 与 before/after 案例)分发,持续更新。当前为 1 个技能、7 个领域参考、23 个命令、27 条确定性反模式 + 12 条 LLM 批评,覆盖多代理预构建。仓库最近一次更新在 2026-05-22。
来源:README What's Included/See It In Action、GitHub meta pushed_at 2026-05-22、created_at 2025-11-16Impeccable 是当前「让 AI 更会做前端设计」方向里最系统、最受欢迎的一个:它不止给排版/色彩/动效等 7 个领域参考,还用 23 个共享命令让你和 AI 用同一套设计语言对话,并用 27 条确定性反模式(CLI/扩展无成本可查)专治「AI 设计味」。对用 Claude Code/Cursor 做前端、想要有辨识度而非通用界面的开发者,它能实打实提升产出质量,多代理支持和近 3 万星也说明它戳中了普遍需求。要理解它仍是引导层(效果随模型而定)、命令较多有学习成本、且带作者的设计主张。作为「把设计判断装进 AI」的设计语言与技能,它的完成度和实用性都很突出。
来源:综合 README、命令与反模式、安装与 GitHub meta 的事实判断