你是否也遇到过这样的尴尬？用 Claude 或其他大模型写 CSS 时，它总爱给你塞满 Inter 字体、紫蓝渐变、层层嵌套的卡片、圆角图标+标题的固定套路——看起来“很专业”，实则千篇一律、缺乏品牌个性。Impeccable 就是为此而生：它不是另一个 UI 框架，而是一套专为 AI 设计的「前端设计语言系统」，把人类设计师多年积累的视觉判断力，翻译成 AI 能理解、能执行、能举一反三的 23 条清晰指令和 27 条避坑规则。
核心功能
- 7 大设计领域参考体系：涵盖排版、色彩、动效、空间布局、交互反馈、响应式策略、UX 文案，每条都附带可落地的设计原则与典型示例，让 AI 不再凭感觉“猜”设计
- 23 个语义化设计指令：如
polish（精细化打磨）、audit（设计合规审查）、distill（提炼核心视觉层级）、bolder（增强视觉权重）、quieter（降低干扰元素）等，告别模糊提示词，直接下达专业级设计命令 - 双层反模式防御机制：内置 27 条确定性反模式规则（如“禁用灰字配色块背景”“禁止无意义圆角叠加”），CLI 和浏览器插件可离线运行；另含 12 条 LLM 专属批判性检查，从生成源头杜绝“AI 套路病”
- 品牌-产品双模态调节器：自动识别当前任务是打造统一品牌系统，还是快速交付具体产品页面，并动态调整默认设计偏好（如字体比例、留白密度、动效节奏）
- 零依赖开箱即用：提供预编译的 npm 包、VS Code 插件、Chrome 浏览器扩展，无需配置模型 API 密钥，本地即可运行全部静态检查与指令解析
- 开源可扩展技能架构：所有设计参考文件（
skill/目录）均以 Markdown + YAML 结构化呈现，支持团队自定义添加行业规范、设计系统约束或内部组件库规则
适合哪些人用
前端工程师想摆脱“调参式改样式”的重复劳动；UI/UX 设计师希望把设计决策沉淀为可复用、可传承的智能资产；AI 产品经理需要确保多模型产出保持一致的专业水准；技术型创业者急需在 MVP 阶段就建立可信的视觉质感——只要你在用 AI 辅助界面开发，Impeccable 就是你缺失的那本「设计语法手册」。
快速上手
无需复杂配置！访问 impeccable.style 即可一键下载：
✅ Chrome 浏览器扩展（实时审查网页设计合规性）
✅ VS Code 插件（在写 HTML/CSS 时获得上下文感知建议）
✅ npm 包（npm install @impeccable/skill，集成到构建流程做自动化设计审计）
✅ CLI 工具（npx @impeccable/cli audit ./src 批量扫描项目设计风险）
项目信息
The design language that makes your AI harness better at design.
编程语言：JavaScript｜GitHub Star 数：33,229｜开源协议：Apache-2.0｜GitHub 项目地址
它不教你画像素，而是教会 AI 理解“为什么这个按钮要更大”“为什么这段文字必须左对齐”——这才是人机协同设计真正的起点。
