用 Sealos Skills 把 Open Design 部署到云端

Open Design 在你自己的电脑上跑起来很棒——但本地 URL 只对你自己有效，团队、客户或合作伙伴都打不开。本指南沿用 Sealos 的演示：一个编码 agent 先从 GitHub 仓库把 Open Design 跑起来，然后 Sealos Skills 把它部署到一个公开的 cloud URL。可观看上方视频看实时演示，或继续阅读图文版。

本地运行的 Open Design：一个开源、agent-native 的设计工作区——这是把它搬上线之前的起点。

什么是 Open Design？

Open Design 是一个开源、agent-native 的设计工作区——是 Claude Design 和 Figma 的替代方案，运行在你已经在用的编码 agent 之上。在开始这篇教程之前，有几点值得了解：

• 开源，Apache-2.0——你可以读到每一行代码，想在哪自托管都行。
• 本地优先，也可自托管——可以在自己的电脑上跑，也可以搬到 cloud 上（这正是本指南要做的事）。
• 自带 agent 和 key——它通过 Claude Code、Codex、Gemini 等驱动生成，用的是你自己的模型访问权限。
• 不止是原型——网页、原型、看板、幻灯片以及其他交付物，全部出自同一个工作区。

为什么要把 Open Design 搬到 cloud 上

从源码运行 Open Design 时，工作区会打开一个本地 URL。这对独自工作来说很完美：启动、设计、实时预览结果。但正如 Sealos 的演示指出的那样，问题在于——那个地址本质上就是 localhost。只有你自己能访问，别人打不开。

要把设计分享给同事、把可交互的原型交给客户，或者让外部用户体验成品，应用就需要一个公开 URL。这正是本指南的核心：把 Open Design 从一个本地工作区变成一项在线服务，让“本地运行”只是个开始。

从 GitHub 仓库把 Open Design 跑起来

演示没有去手动翻安装文档，而是把整件事交给一个编码 agent（这里用的是 Codex）。思路很简单：把 Open Design 的 GitHub 仓库丢给 agent，让它自己完成安装工作。

• 把仓库交给 agent。把 GitHub 链接发给它，让它把 Open Design 跑起来。它会读 README 和快速上手指南，弄清楚安装步骤，并帮你执行。
• 打开本地 URL。启动完成后，agent 会给出一个 URL。打开它，工作区就加载出来了——完全不需要你手动一条条命令安装。

因为 Open Design 是开源的，agent 可以直接检查这个仓库：项目结构、它应该怎么运行、它需要什么。这正是下一步——部署到 cloud——之所以能变成一个 agent 任务而不是手动任务的原因。

在工作区里设计

工作区打开后，你会发现它不是一个普通的聊天工具。你可以从一组技能（skills）——网页、原型、看板、幻灯片——中选择，再挑一个设计系统，让输出保持统一的视觉风格。

演示选了一个原型技能，粘贴了一份需求简介，agent 立刻开始工作。过程中它会询问你的创作意图，你按自己想要的回答即可。agent 在左侧运行，输出结果实时在右侧预览——用起来就像一个本地的 AI 设计工作区。

工作区里生成的一张落地页——agent 在左侧工作，实时预览在右侧渲染。

你可以在插件中心里浏览完整的技能和设计系统目录，所以永远不用从一张白纸开始。

插件中心：可以应用到工作区里、影响产出的技能和设计系统。

用 Sealos Skills 部署到 Sealos Cloud

这一步正是解决本地 URL 问题的地方。在演示中，接下来给 Codex 的指令很简单：用 Sealos Skills——一个面向 AI agent 的技能包——来分析 Open Design 项目，并把它部署到 Sealos Cloud。

Sealos Skills 让 agent 拥有了原本不具备的部署知识。以下是演示跑的流程：

1. 分析项目。该技能会检查项目结构、Docker 配置、端口和环境变量——这些决定了应用在 cloud 上该如何运行的细节。
2. 生成部署方案。基于这些分析，它会产出 Sealos Cloud 的部署配置。
3. 确认并部署。如果方案看起来没问题，在提示时回复 yes，它就会自动把项目部署到 Sealos Cloud。
4. 拿到公开 URL。部署完成后，Sealos 会返回一个公开访问链接——不再是本地地址。团队成员、合作伙伴和外部用户都能直接打开体验。

这里真正的转变在于谁来做这份工作。部署一个开源项目通常意味着大量人工判断：读配置、对端口、接环境变量，出问题了还要排查。Sealos Skills 把这一切变成了一个 AI agent 可以端到端执行的工作流——分析、部署、验证、上线。

从本地工作区到上线的 cloud 应用

到这一步，Open Design 已经从一个本地工具变成了一项在线服务。真正的价值不只是把设计从工作区里拿出来——而是一次原本需要大量人工判断的部署，变成了 agent 可以反复、可靠执行的事情。本地运行只是开始，能被别人访问到，才是让你的成果真正可以分享出去的关键。

常见问题

一定要用 Sealos 才能跑 Open Design 吗？ 不需要。Open Design 是本地优先的——在自己的电脑上跑完全没问题。Sealos 只是这个演示里用来把应用暴露到公开 URL 的第三方 cloud 主机；你也可以按自己的偏好自托管，因为它是 Apache-2.0 下的开源项目。

Sealos Skills 是什么？ 它是一个面向 AI agent 的技能包，演示里用来驱动 Codex。它让 agent 拥有部署知识——分析项目的 Docker 配置、端口和环境变量，生成部署方案，并把应用发布到 Sealos Cloud。

部署过程中 agent 具体做了什么？ 它会读取项目结构，检查 Docker 配置、端口和环境变量，生成部署配置，并在你确认后部署到 cloud，返回一个公开 URL。

Open Design 免费吗？ 是的——它是 Apache-2.0 许可下的开源项目。你只需要为所连接的编码 agent 的模型/API 用量付费，再加上你选择使用的任何 cloud 主机（比如 Sealos）的费用。

这个演示用的是哪个编码 agent？ 演示里用的是 Codex，但 Open Design 可以运行在你连接的任何编码 agent 之上——Claude Code、Codex、Gemini 等等——用你自己的 key。

---

这份图文指南基于 Sealos 的演示制作。可观看上方完整视频，并订阅 Sealos获取更多关于用 AI agent 做 cloud 部署的内容。