又一个开源仓库克隆了 Claude Design
对 Open Design 的一次有条理的初体验——安装、跑一个 demo、逛一逛内置的设计系统和模板，最后给出它是否值得你花时间的坦率评判。基于 Chase AI 的实操演示整理。
本指南是对 Open Design 的一次有条理的初体验：安装它，跑一个快速 demo，逛一逛内置的设计系统和模板，最后坦率地说说它的亮点和仍显粗糙的地方。它沿着 Chase AI 在他的实操演示中走过的路线，重新撰写并对照当前版本做了更新，方便你一步步跟做。点击上方视频看实时演示，或继续往下读文字版。
Open Design 工作区——一块从容而熟悉的画布，原型、幻灯片、图片和视频全都汇聚在一处。
什么是 Open Design？
Open Design 是一个开源、本地优先的设计平台，它跑在你已经在用的那个编码 agent 之上。它不会把你锁死在某一家模型提供商上，而是检测你机器上已有的 CLI——Claude Code、Codex、Cursor、Gemini、Copilot、OpenCode，还有另外二十几个——然后让那个 agent 来驱动生成。Chase 称之为“自带 agent”，而这正是关键所在：你不必在已有的订阅之上再额外付一笔 API 费用，因为生成是通过你自己的 CLI 跑的。
有几点让它值得一看：
- 开源，Apache-2.0——克隆它、自托管它、读它的每一行代码。
- 本地运行——你的项目存放在自己机器上的文件夹里，而不是别人的云上。
- agent 可插拔——支持 21+ 编码 agent；你来选哪个 CLI 驱动工作，或者为另一套框架自带 API key。
- 不止于原型——原型、幻灯片、杂志版式、图片生成，甚至视频，全都来自同一个工作区。
- 内置一个深厚的设计系统与技能库，让你不必从一块空白画布开始。
如果你用过 Claude Design，会立刻觉得界面眼熟——Open Design 保留了同样从容的美学，然后在其上叠加了额外能力（幻灯片、图片和视频）。坦率地讲：它是一个属于自己的、开放、本地、agent 原生的工作区，而不只是某一款工具的换皮版。
开始之前
安装 Open Design 有三种方式。挑一个适合你的：
| 方式 | 适合谁 | 前置要求 |
|---|---|---|
| 桌面应用 | 大多数人——零配置 | 无。下载打开即可。 |
| 从源码运行 | 想读代码或改代码的开发者 | Node ~24、pnpm 10.33.x |
| 装进你的 agent | 长居终端的人 | 一个已有的编码 agent CLI |
Chase 在视频里演示的是终端路线，但今天推荐的方式是桌面应用——不用 Node、不用 pnpm、不用克隆，而且它会替你自动检测 agent。
第 1 步——安装 Open Design
方式 A——桌面应用（推荐，零配置）
前往 open-design.ai/download 下载对应你操作系统的版本。安装后，应用会自动检测你 PATH 上已有的每个编码 agent CLI，并为你加载内置的技能和设计系统。这是进入一个可用工作区最快的方式。
方式 B——从源码运行
如果你更愿意从仓库运行——就像 Chase 在视频里那样——你只需要寥寥几条命令：
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web然后打开它在终端里打印的本地 URL。它会解析出一个动态端口，所以别硬编码端口——点它显示的地址即可。你需要 Node ~24 和 pnpm 10.33.x；Corepack 会替你选定锁定的 pnpm 版本。（如果 dev server 没起来，你可以告诉你的 agent“启动 Open Design 的 dev server”，让它来处理命令。）
方式 C——装进你的编码 agent
想完全不打开 GUI 就用 Open Design——把它当作 agent 内的一个技能来调用——运行：
od mcp install <agent>
# od 随 Open Design 一起提供；<agent> = claude | codex | cursor | copilot | gemini | opencode | …然后，在 agent 里直接说：Use open-design to generate a landing page with the Airbnb design system。
第 2 步——首次运行：连接你的编码 agent
第一次启动 Open Design 时，它会扫描你的机器，把找到的每个本地 CLI 都列给你看。一个提示会问你想用什么来驱动 AI。这就是“自带 agent”的步骤。
- 选择本地 CLI。把 Open Design 指向 Claude Code、Codex 或 OpenCode，意味着生成会从你已经付费的订阅里走，而不是另收一笔 API 费用。（如果你更喜欢另一套框架，也可以接入自己的 API key。）
- 模型保持默认，除非你有特别理由不这么做——它会沿用你 CLI 自身的配置。
- 添加媒体提供商（可选）。想生成图片、视频或音频？为 OpenAI、MiniMax、ElevenLabs 等提供商自带 API key。正是这一步解锁了工作区的图片与视频那一面——这是纯粹的 Claude Design 克隆版给不了你的。
- 开关技能和设计系统。只启用当前手头工作真正需要的能力。
这些之后都能改，所以第一遍尽量从简。
第 3 步——探索工作区
顶部你会看到 Designs、Examples、Design systems，以及 image 和 video 模板库。初看之下最重要的两个是设计系统和示例。
设计系统库：每一条都把一个真实品牌拆解成调色板、字体排印、组件和可复用作为起点的视觉氛围。
设计系统库是最出彩的部分。每一条都取自一个真实世界的品牌——比如 Airbnb——并把它拆解成调色板、字体排印、组件和整体视觉氛围。如果你想要一个有那种品牌感的页面，把这套系统嵌进去，生成就会从那些规则出发，而不是从一块空白画布开始。
来自 Chase 演示的一句大实话：那些示例都是单行提示词生成的，确切的提示词就显示在卡片上。它们看着很惊艳，但背后并没有什么秘方——你看到的就是你打出来的那句话。把它们当灵感看，而不是“一键魔法”的承诺。图片和视频模板库也类似：作为参考很顺手，但在日常价值上比原型和幻灯片工作流要轻。把注意力放在你真正会交付的成果上。
模板库：原型、幻灯片、图片和视频的起点，可按类型筛选并 fork 后开工。
在安装任何东西之前，你可以在网页上浏览完整的插件库：open-design.ai/plugins。
第 4 步——动手做点东西
真正的工作流——也是 Open Design 体现价值的地方——是创建原型和幻灯片。它的运作方式大致如你所料：
- 给项目命名，并从内置列表里挑一个或多个设计系统。
- 选择保真度——用线框图快速搭出结构，或用高保真做出完整带样式的成品。
- 可选：导入一个 Claude Design ZIP。在 Claude Design 里搭过自己的设计系统？在那里打开项目，选择 Share → Download project as .zip，然后把那个 ZIP 上传到 Open Design。所有设计文件都会出现在工作区里，随时可复用。（眼下，这个 ZIP 导入是把你自己品牌带进来的最干净的方式——目前还没有“从零创建设计系统”的按钮。）
- 写下需求说明并点击创建。Open Design 会跑一轮和 Claude Design 里一样的澄清式问答——这是给谁的、多少页、什么保真度、什么视觉调性——然后列出一份待办清单并逐项推进。视频里，Chase 为一个虚构的 SaaS《Lighthouse》要了一个落地页，给出三个可比较的方向（经典堆叠式、杂志风和张扬风），随后生成了一套粗野主义风格的幻灯片并导出到 PowerPoint。
产出是一份真实、可交互的成品，由你所选的设计系统搭建而成。Chase 的坦率评判：结果大致落在一个“90% 的解”上——一套契合品牌、可用的幻灯片，剩下一些间距和排版上的微调留给你。对一个仍处早期的东西来说，这是个很不错的起点。
小贴士
- 用本地 CLI，而不是 API，这样生成会从你已有的订阅里走，而不是按次计费。
- 从内置设计系统起步，跳过空白画布；需要自己的品牌时再导入一个 Claude Design ZIP。
- 只添加你真正会用到的媒体 key——不必为了起步就配齐每一家提供商。
- 预期一份 90% 的草稿，然后打磨。尽早导出（包括导出到 PowerPoint），在交付前抓住那些细小的排版漂移。
- 优先依靠原型和幻灯片。它们是最成熟的部分；示例和模板库更适合当灵感，而非成品交付物。
常见问题
Open Design 是免费的吗？ 是的——它在 Apache-2.0 许可下开源。你可以免费在本地运行；你只为所连接的那个 agent 和 API 提供商的模型与媒体用量付费。把它指向一个本地 CLI，意味着生成搭的是你已有的订阅。
它支持哪些编码 agent？ 21+ 个 agent，包括 Claude Code、Codex、Cursor、Gemini、GitHub Copilot 和 OpenCode。Open Design 会自动检测你机器上已安装的 CLI，所以你通常什么都不用配。
我能用自己的设计系统吗？ 能。眼下最顺畅的路线是在 Claude Design 里搭好系统，把项目下载成一个 ZIP，再把那个 ZIP 导入 Open Design——你的 token 和组件会原样带过来。GUI 里目前还没有专门的“创建设计系统”按钮，所以 ZIP 导入是推荐路线。
它和 Claude Design 有什么不同？ 同样熟悉的手感，但它是开源的、本地优先的，并且能在 21+ 个 CLI 之间做到 agent 可插拔——还多了幻灯片、杂志版式、图片生成和视频等额外能力，这些是单一提供商的工具给不了的。它是一个早期版本，所以预期会有一些粗糙之处，但根基是扎实的。
这份文字指南基于 Chase AI 的实操演示。观看上方完整视频，并订阅 Chase AI，获取更多实用的 AI 工具拆解。