
设计语言让你的人工智能更擅长设计。
概览
为AI编码代理提供设计指导。1项技能、23条命令、实时浏览器迭代和45条确定性检测规则,用于AI生成的前端设计。 从你的项目根运行npx impeccable install,然后在你的AI编码工具里运行/impeccable init。完整文档:impeccable.style。 Anthropic的前端设计是Claude首次广泛使用的设计技能。Impeccable从这里开始。 每个模型都用相同的SaaS模板训练。跳过指导,你会看到每个项目的同样几个迹象:所有项目都用Inter,紫色到蓝色渐变,卡片嵌套在卡片里,灰色文字配彩色背景,每个标题上方的圆角方形图标。 Impeccable 补充:- /impeccable初始 PRODUCT.md 编写并提供 DESIGN.md,因此后续命令了解受众、品牌/产品通道、声音、反引用、颜色、类型和组件。- 与你的 AI 共享设计词汇:润色、审计、批评、提炼、动画化、更大胆、更安静等等。
概述(AI 翻译)
AI编码代理的设计指导。1技能、24条命令、实时浏览器迭代和61条确定性检测规则,用于AI生成前端设计。
快速入门: 从你的项目根节点运行
npx impeccable install,然后在你的AI编码工具中运行/impeccable init。完整文档:无可挑剔.style。
为什么无可挑剔?
Anthropic的前端设计是Claude首次广泛使用的设计技能。Impeccable从这里开始。
每个模型都用相同的SaaS模板训练。跳过指导,你会看到每个项目的同样几个迹象:所有项目都用Inter,紫色到蓝色渐变,卡片嵌套在卡片里,灰色文字配彩色背景,每个标题上方的圆角方形图标。
Impeccable补充道:
- 一个设置流程。
/impeccable init在PRODUCT.md中记录持久的产品真实性,因此后续命令能够了解受众、目的、操作上下文、约束、声音和证据,而不会将这些事实与表面的视觉指示混淆。 - 24个命令。 与你的AI共享设计词汇:
polish、audit、critique、distill、animate、bolder、quieter等。
本页由 AI 翻译,技术细节请以原文为准。
README
以下为原文 README 节选,完整内容请查看原文。
Impeccable
The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, and catch AI slop before it ships.
From your project root:
npx impeccable install
Reload your coding tool, then run /impeccable init in your agent ($impeccable init on Codex).
Works with Claude Code, Cursor, Codex CLI, GitHub Copilot, Devin, Replit Agent, Gemini CLI, Grok Build, OpenCode, Google Antigravity, Kiro, Trae, Rovo Dev, Qoder, Mistral Vibe, Pi, Hermes Agent, DeepSeek Harness, and Veto. Full docs live at impeccable.style/docs.
| Without Impeccable | With Impeccable |
|---|---|
![]() |
![]() |
Same model (Fable 5.1), same brief: a fourteen-room family guesthouse on the Ligurian coast. Without Impeccable, it builds the tasteful default: cream page, thin serif, italic accent, pill buttons. With it, the page is built around one picture: the house at night, seen from the water.
For a full project, see the Neo Mirai case study: a conference site taken from mockup to shipped page.
Why
Inter for everything. Purple-to-blue gradients. Cards nested in cards, gray text on colored backgrounds, a rounded-square icon tile above every heading. Ask an agent for a page with no other guidance and these show up again and again, across models and projects.
- Words for what you want. “Make it pop” leaves your agent to guess.
/impeccable bolder the pricing cardsloads a playbook written for that one move and points it at one target. - A reviewer.
critiquescores the design against usability heuristics and ranks what to fix first.auditchecks accessibility, performance, theming, and responsive behavior, with findings ranked P0 (blocking) to P3 (polish). - A slop detector. 62 deterministic rules flag the tells above, plus quality problems like cramped padding and skipped headings. No LLM, no API key.
Impeccable is strongest on interfaces that already exist: point it at a page or a component and iterate. It builds new pages too; see Build something new for how to get the most out of that harder mode. To start, pick one component:
/impeccable critique the pricing cards
How it works
推荐工具
换一个关键词,或者移除筛选条件。
安装
npx skillfish add pbakaus/impeccable
