企业官网建设流程全解析

让 AI 写业务逻辑，交出来的代码越来越像样。让 AI 画界面，打开预览你会愣一下，这页面我上个月是不是见过。Inter 字体、紫蓝渐变、卡片里再套一层卡片、灰字压在彩色底上、标题上面搁个圆角方块图标，五件套一样不落。所有模型都吃同一批 SaaS 模板训练出来的，没人给它们讲设计，产出的界面自然长一张脸。

Impeccable 就是冲着这个来的，7.7 万星的开源项目，定位是给 AI 编码代理用的设计语言。一个 skill、24 条命令、浏览器里实时改稿，外加 60 条不用大模型就能跑的确定性设计检查规则。最新版 skill-v4.5.0 前几天刚发。

它是从 Anthropic 官方那个 frontend-design skill 长出来的分支，现在体量早就超过原版了。为了方便下载，我把发布的 universal.zip（15.4MB，全平台通用包）镜像到了百度网盘，永久有效

百度网盘https://pan.baidu.com/s/19rGIzaRvqOboDTjpwhpYyQ （提取码 e1gh）

包超过百度单文件 4MB 限制，被切成了 6 个分卷，网盘里附了 合并.bat 和 合并.sh，下载后跑一下就还原成 universal.zip。

先把产品的事实写下来

装好后第一个命令是/impeccable init。它先检查你的项目，然后只问那些缺失的关键信息，产品给谁用、解决什么问题、在什么场景下运行、有什么约束、什么语气，最后落成一份 PRODUCT.md。设计决策从此有据可依，后面的所有命令都会先读这份文件，避免 AI 自作主张把一个内部运维工具画成消费级落地页。

视觉方向单独记在 DESIGN.md，既有系统就记既有系统，新画的记新画的，两笔账分开。

24 条命令，设计变成工序

这是它最有意思的部分，把「帮我把界面弄好看点」这种模糊指令，拆成了一条条明确的工序。挑几个常用的感受下

• /impeccable craft完整的先塑形后构建流程，带可视化迭代
• /impeccable critiqueUX 审稿，看层级、清晰度、情绪共鸣
• /impeccable audit技术审计，无障碍、性能、响应式
• /impeccable bolder太素了，放大胆一些
• /impeccable quieter太吵了，收敛一点
• /impeccable harden补错误处理、国际化、文字溢出这些边角
• /impeccable animate、/impeccable colorize、/impeccable typeset各管一摊

还有live和generate两个命令直接在浏览器里改，指定一个元素生成几个变体，看着挑。嫌命令长可以用 pin 创建独立快捷方式。

60 条确定性规则，不花 token

AI 审美这东西靠 prompt 约束很不稳，同一个模型今天和明天的品味都不一样。Impeccable 的思路是能写死的全部写死，60 条检测规则是确定性的，配套的 CLI 和浏览器扩展不接大模型、不要 API key 就能跑。灰色文字压彩色背景、对比度不足这类问题，规则一扫一个准，LLM 只负责那些需要品味的部分。

怎么装

一行命令走起，进项目根目录执行npx impeccable install，然后在你的 AI 工具里跑/impeccable init。

支持的 harness 覆盖面相当广，Claude Code、Cursor、Gemini CLI、Codex、GitHub Copilot、Grok、OpenCode、Hermes、Trae 和 Trae 国内版等都在列。Claude Code 用户也可以走插件市场，/plugin marketplace add pbakaus/impeccable一条命令。VS Code 里有专门的 Copilot 扩展，不想装任何东西就直接从 impeccable.style 网站下 zip。当然，以上下载环节卡住的话，用上面的网盘包。

谁该用

用 Claude Code 或 Cursor 生成前端但总嫌弃成品像模板的、团队里没有专职设计师全靠 AI 顶的、给自己的 AI 应用做界面想摆脱「AI 味」的。它治的病很具体，AI 能把界面画出来，画得好不好，得有人教。

下载汇总

• 百度网盘（universal.zip 分卷 + 合并脚本，永久）https://pan.baidu.com/s/19rGIzaRvqOboDTjpwhpYyQ 提取码 e1gh
• GitHub 仓库 https://github.com/pbakaus/impeccable
• 官网 https://impeccable.style