反垃圾引擎——Open Design 如何像资深设计师一样设计，而非随性发挥

大多数 AI 设计工具吐回来的，都是千篇一律、透着诡异紫色渐变的一团乱。本指南讲解的，正是让 Open Design 不这么干的机制——这套多层质量系统强迫 agent 表现得像资深设计师，而不是随性发挥。它沿用 AI Teaches Better 在他们的演示中给出的讲解，并按当前版本重写、更新。可观看上方视频，或继续阅读文字版。

插件库：直接从注册表安装技能——包括反垃圾设计技能。

什么是 Open Design？

Open Design 是一个 Apache-2.0、本地优先的框架——它是对那些封闭、仅云端、绑定单一模型的设计工具的开源回应。关键区别在于：它并不自带 AI agent。它是一个出色的编排者，把设计工作委派给你手头已有的编程 agent CLI。启动它，它的本地守护进程会扫描你的机器，自动检测各种 CLI——Claude Code、Codex、Cursor、Gemini、Copilot 等等——并把找到的任意一个变成候选设计引擎，通过 stdio 接入。没有厂商锁定；一键切换引擎。没装任何 CLI？还有一个 OpenAI 兼容的代理兜底——填入任意 base URL 和密钥即可。

技能 × 设计系统 = 有意图的产出

两个库挑起了重担：

• 可组合的技能——一个个文件夹，告诉 agent 某类制品的结构性 DNA：SaaS 落地页、数据看板、PM 规格文档、多屏移动应用。选一个技能，它就已经知道这东西该怎么搭。
• 品牌级设计系统——从顶级品牌（Linear、Stripe、Vercel、Apple、Notion）提炼出的确定性设计规则。结构 × 风格相乘，展开成一个由能力与外观组合构成的巨大空间，全部在你本机原生运行。

心里没有特定品牌？它会退而使用精选的视觉方向（Editorial Monocle、Modern Minimal、Tech Utility、Brutalist、Soft Warm），锁定确定性的 OKLCH 调色板和字体栈——剥夺 AI 随性发挥调性的能力。

插件中心：浏览注册表、导入插件，并为你的团队做好准备。

反垃圾引擎（六层）

这是核心所在。在你看到任何制品之前，Open Design 会跑一套 AI Teaches Better 清晰列出的六层防线：

1. 发现表单——在画下第一个像素之前，它先询问调性、受众和品牌，以锁定方向。
2. 品牌提取——如果你给它一个 URL，它会系统地提取品牌规格。
3. 静默自我批判——它会在产出制品之前，对自己的作品做一次五维批判。
4. P0–P2 检查清单——产出必须通过一份严格的优先级检查清单。
5. 硬编码黑名单——通用渐变和那些怪异的左边框圆角卡片，被字面意义上禁止。
6. 诚实占位——用灰色色块，而不是编造的“快 10 倍”假指标。

有一句话精准抓住了它的精髓：“那不是一个 AI 在试图设计什么——那是一个被训练得像资深设计师一样行事的 AI。”提示词栈加上深度的文件系统集成，正是提升产出、避免人人都厌倦的那种 AI 味垃圾的关键。

幻灯片模式：选一个演示文稿类别，并 fork 一个示例作为起点。

不止于 UI：一个本地创意工作室

同一个聊天界面也驱动丰富媒体——图像生成（GPT Image）、短篇电影感文生视频、通过 hyperframes 实现的动态图形，乃至音频——并配有可直接复用的媒体提示词模板，让你永远不必面对一张空白画布。

快速上手（三步）

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

本地守护进程启动、自动检测你的 CLI agent，并自动建立它的 SQLite 存储——无需复杂配置。打开它打印出的本地 URL（端口是动态的——不要写死），或从 open-design.ai/download 获取桌面应用。多亏了这个本地存储，合上笔记本电脑，你的标签页和生成的文件还会原封不动地停在你离开时的样子。你甚至可以拖入一个 Claude Design 导出的 ZIP 继续本地编辑，并用点击即评论的 HTML 预览做外科手术式的修改，或一键部署到 Vercel。

提示：迭代时撞上了 API 速率限制？因为 Open Design 使用标准环境变量，你可以把 base URL 指向一个 OpenAI 兼容的代理，继续干活。

小贴士

• 把发现表单当作第零步——它是反垃圾引擎的第一层。
• 从一个真实的设计系统起步（或一个精选方向），让 agent 永远不会随性发挥外观。
• 让自我批判和检查清单跑起来——正是它们在你看到之前拦住了垃圾。
• 按任务切换引擎——用强模型出外观，另一个负责功能；一键搞定。
• 撞上速率限制时使用一个代理 base URL。

常见问题

到底是什么阻止了产出看起来像 AI 生成的？ 一个六层引擎：发现表单、品牌提取、五维自我批判、P0–P2 检查清单、一份硬编码的垃圾模式黑名单，以及用诚实占位代替假指标。

Open Design 自带模型吗？ 不——它编排你机器上已有的编程 agent CLI（或一个 OpenAI 兼容代理）。你带来引擎；它带来设计的纪律。

我能自定义技能和设计系统吗？ 能——两者都是文件。加上你自己的技能文件夹或设计系统，它就会被识别。

它免费吗？ 应用在 Apache-2.0 许可下开源，本地运行免费。你只需为所连接的 agent 和供应商的模型与媒体用量付费。

---

这份文字指南基于 AI Teaches Better 的讲解。观看上方完整视频，并订阅 AI Teaches Better 获取更多 AI 架构拆解。