企业官网建设流程全解析

最近用 AI 写网页，最容易遇到的不是代码写不出来，而是页面长得越来越像。

紫色渐变、圆角卡片、Inter 字体、发光按钮、三列布局。功能都能跑，页面也挺完整，但怎么看都像AI 做的。

如果你也有这个问题，可以试试下面这两个网站和两个 Skills。

1. getdesign.md：先给 AI 一套设计参考

getdesign.md 收集了很多网站的 DESIGN.md。

getdesign.md — DESIGN.md collection for AI coding agents

它不是简单告诉你“做一个高级、简洁、现代的页面”，而是把一个网站的颜色、字体、间距、组件和视觉逻辑整理出来，交给 AI 编程工具使用。

比如你喜欢 Linear 的克制、Apple 的留白、Spotify 的深色和高饱和色，就可以先找一份接近的设计系统，再让 Codex、Cursor 或 Claude Code 按这个方向开始写。

它解决的是一个很常见的问题：

你知道自己不喜欢“默认 AI 风格”，但不知道该怎么描述你喜欢的风格。

DESIGN.md 就像一份视觉 brief。它不能替你做设计，但至少能让 AI 别再自由发挥成一套紫色 SaaS 模板。

2.

libraries.dev

：别让 AI 手搓所有视觉效果

Libraries.dev: High-crafted UI libraries for AI agents

更像一个给 AI 编程工具准备的 UI 效果库。

里面有 border beam、thinking orbs、gooey、liquid metal、image generation 等效果。每个组件都可以直接复制 prompt，让 AI 把它装进你的项目。

它的特点是：你不需要先读完一堆文档。

看中一个效果，复制 prompt，交给 Codex 或 Cursor，再根据项目需要调整。

当然，视觉效果不是越多越好。一个液态金属按钮可能很酷，但不一定适合记账软件。一个发光边框很有氛围，但也不一定适合后台系统。

libraries.dev

更适合在页面已经有基本结构之后，用来补一点记忆点。

3. Impeccable：专门修 AI 页面的问题

如果说 getdesign.md 是在项目开始前给 AI 一套视觉方向，Impeccable 更像是项目完成后的设计审查员。

GitHub - pbakaus/impeccable: The design language that makes your AI harness better at design. · GitHub

它提供了一套设计 Skill 和一组命令，可以让 AI 对现有页面做 polish、audit、critique、distill、typeset、layout、colorize 等操作。

你可以让它检查：

页面层级是不是混乱，字体是不是随便选的，间距有没有节奏，颜色是不是太吵，移动端是否难用，按钮和卡片是不是到处重复。

它还会针对很多 AI 前端常见问题进行检测，比如所有东西都塞进卡片、每个标题上面都放一个图标、背景永远是渐变、正文颜色灰得看不清。

最实用的用法不是一上来就让它“设计一个网站”，而是先把页面做出来，然后让它帮你批评、收敛和修改。

4. OpenDesign：把设计过程变成一个工作流

OpenDesign 不是单独的组件库，而是一个本地优先的设计 Agent 工作空间。

GitHub - nexu-io/open-design: 🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK. · GitHub

你可以从一个 brief 开始，让它生成网页原型、dashboard、slides、图片，甚至视频，然后在同一个项目里继续修改。

它支持 Codex、Claude Code、Cursor 等多个 coding agent，也支持 DESIGN.md、设计系统、模板和插件。

它和普通 AI 生成页面最大的区别，是更强调“设计资产”和“设计系统”。

你不是每次都从一句“帮我做得高级一点”开始，而是可以让项目持续使用同一套颜色、组件、品牌和版式。

如果你经常做 landing page、作品集、产品原型，或者需要反复改同一个项目，OpenDesign 会比一次性生成一张页面更有价值。

vibe coding 不等于把审美也外包给 AI。

代码可以让 AI 多写一点，但颜色、节奏、留白和取舍，还是要有人做决定。

不然最后得到的只是一个能运行的模板，不是一件像样的作品。