OpenDesign Cloud——官方模型服务

在 OpenDesign 里直接使用 Agent 与图像模型：GPT、Claude 与 DeepSeek Agent 模型，以及 GPT Image 2.0、Seedream 5.0 Pro 与 Nano Banana 2.0 图像模型.
开源版Claude Design。本地优先的桌面
应用，内置 259+ Skill +142+设计系
统。BYOK，不被云端绑定。GitHub 66k
stars.

什么是 OpenDesign

🎨 本地优先、开源的 Claude Design 替代品。  🖥️ macOS 与 Windows 原生桌面应用。  ⚡ 100+ 功能技能 + 独立渲染模板目录 · ✨ 151 个品牌级设计系统包 · 📦 277 个开箱即用的插件。  🖼️ 可生成 Web · 桌面 · 移动端原型、实时仪表盘 / 工件、演示文稿、图片、视频，以及 HyperFrames 动态图形。🔒 沙箱 iframe 预览 · HTML / PDF / PPTX / MP4 导出。 🤖 运行于 DeepSeek Harness (dsh) · Claude Code · OpenClaw · Codex · Cursor · OpenCode · Qwen · Copilot · Hermes · Kimi · Antigravity 等 26 个不同的本地 CLI 可执行程序，或通过 BYOK 接入任何 OpenAI 兼容端点。

OpenDesign 是这样一种产物：Anthropic 随 Claude Design 推出的 Agent 原生循环——发现需求、锁定方向、流式输出工件、评审、交付——不再封闭，而是变成了一个由功能技能、渲染设计模板、设计系统和插件组成的文件系统，你笔记本电脑上已有的编码 Agent 就能读取、编写和混搭。你的 CLI 变成设计引擎，你的笔记本变成工作坊，团队的 DESIGN.md 变成品牌契约。

它也是 Agent 时代的 Figma 替代品——不再在画布上推像素，而是用真实 CSS、真实字体、真实组件交付单页工件，直接导出 HTML / PDF / PPTX / MP4——已经由你的设计系统塑形，已经可以在你日常使用的 Agent 中运行。

产品速览

快速看懂 OpenDesign 的核心工作流：从 Home 输入需求，在 Plugins 中探索可复用技能，并把品牌参考沉淀为 Design System；进入任一项目的 Studio 后，即可在一处创建和迭代原型、演示文稿、移动应用、图片、文档与 HyperFrame。

核心页面

Home——选择产物类型并输入需求，再设定设计系统、工作目录与模型，即可开始创作。

Plugins——按类别浏览官方技能、搜索目录，并通过 Try it 直接启动工作流。

Design System——提取并完善品牌视觉语言，预览结果，再在同一工作区中继续创作。

Studio——一个项目里的多种产物

进入某个项目的 Studio，对话、生成文件与实时预览会围绕六种产物集中在同一工作区：

原型——生成或重建 Web 体验，查看渲染后的页面，并在原处继续与 Agent 迭代。	演示文稿——创建多页演示文稿，检查缩略图与演讲者备注，完成后直接导出。
移动应用——在设备预览中生成和打磨移动界面，旁边同步保留对话、输出文件与后续操作。	图片——从项目对话中生成视觉素材，全尺寸预览结果，然后下载或打开。
文档——创建精致的多页指南与编辑型文档，检查渲染布局，完成后导出或分享。	HyperFrame——创建代码驱动的动态图形，在 Studio 中预览动画，并导出最终视频。

平台兼容性

OpenDesign 通过两种方式连接主流编码 Agent：可由 Agent 调用的技能、CLI 和 MCP，以及由 OD 直接启动 Agent 的原生运行时适配器。DeepSeek Harness 通过官方 dsh CLI 作为一等原生运行时，支持结构化流式输出、模型发现、取消与会话恢复。

使用 DeepSeek Harness 时，请先安装官方 dsh CLI，再在 OpenDesign 中选择它，或运行 od agent setup deepseek-harness 安装/修复 OD 连接组件。MCP 集成可用 od mcp install <agent> --print 干跑预览 · --uninstall 卸载 · 完整清单 od mcp install --help。

¹ Claude Desktop 的自动 MCP 配置目前仅在 macOS 和 Windows 上支持。

未安装任何 CLI？ POST /api/proxy/{anthropic,openai,azure,google,ollama,senseaudio}/stream 的 BYOK 代理提供同样的循环（无需 spawn 进程）——粘贴 baseUrl + apiKey + model，支持 OpenAI、Anthropic、Azure OpenAI、Google Gemini、Ollama、LM Studio、vLLM 或任何 OpenAI 兼容端点。每个目标的 SSRF 防护在守护进程边缘拦截内网 IP / link-local / CGNAT。

运行时定义位于 apps/daemon/src/runtimes/defs/，并在 runtimes/registry.ts 注册；只有新的 wire format 才需要增加 parser——参见 docs/agent-adapters.md。

演示

四大核心产品类别，全部由笔记本电脑上运行的编码 Agent 渲染。点击缩略图查看实际示例。

1 · 原型——Web · 桌面 · 移动端

默认输出面。读取你的 DESIGN.md 并在沙箱 iframe 中渲染的单页 HTML 工件。

Web 原型——带滚动条、KPI、图表的编辑类仪表盘。直接从 design-templates/dating-web/ 渲染。

移动端应用原型——三屏游戏化流程，含 XP 绶带和任务详情。可直接交付给 Cursor / Codex / Claude Code 转为 React/Next/Vue。

2 · 实时工件与仪表盘

实时仪表盘、决策室、KPI 大屏——单页工件通过调参面板拉取数据，原地可编辑。

实时仪表盘——可编辑的 KPI 大屏，调参面板暴露值得调整的参数。Agent 输出一份 manifest，iframe 无需刷新即可重新渲染。	决策室——面向产品 / 研究 / 运营会议的多源简报工件。
GitHub 风格仪表盘——以实时工件形式展示仓库指标。	Flow 实时仪表盘模板——领域专属 KPI 模板，通过当前激活的 DESIGN.md 品牌化。

3 · 演示文稿——杂志 Deck、周报、路演

Deck 模式 (guizang-ppt)——杂志版式、WebGL 主视觉、P0/P1/P2 清单。从 op7418/guizang-ppt-skill 完整打包，保留原始许可证。

瑞士国际风格 Deck——网格锚定、单色强调。15 套 Deck 模板和 36 个主题之一，位于 design-templates/html-ppt-*/。

每套 Deck 均可导出为 HTML（单文件，内联资源）、PDF（浏览器打印，Deck 感知）、PPTX（Agent 驱动的技能）、ZIP（归档）或 Markdown。

4 · 图片——gpt-image-2、ImageRouter、自定义 API

城市美食地图插画 手绘编辑风格旅行海报

电影级电梯场景 单帧编辑级静态画面

赛博朋克肖像 个人头像——霓虹面部文字

3D 石质阶梯 石刻信息图

魅力人像 编辑级棚拍

93 个可复刻提示词位于 prompt-templates/——预览缩略图、完整提示词、目标模型、宽高比和来源归属。一键将需求放入编辑器。

5 · 视频与 HyperFrames——Agent 原生动态图形

HyperFrames 是 HeyGen 的开源 Agent 原生视频框架，在 OpenDesign 中作为一等公民集成。Agent 编写 HTML + CSS + GSAP，HyperFrames 通过 headless Chrome + FFmpeg 渲染为确定性 MP4。搭配 Seedance 2.0 实现影视级 t2v / i2v，Veo 3 / Sora 2 / Kling 2 提供路由模型变体，Suno v5 / Lyria 2 提供音频底座。

30 秒 SaaS 产品宣传片 · 16:9 · UI 3D 展示	TikTok 卡拉OK 真人出镜 · 9:16 · TTS + 逐字字幕	30 秒品牌精彩集锦 · 16:9 · 音频驱动动态字体	柱状图竞赛 · 16:9 · NYT 风格数据信息图
航线图 · 16:9 · Apple 风格路线展示	4 秒电影级 Logo 片尾 · 16:9 · 逐块拼合 + 光晕	$0 → $10K 金额计数器 · 9:16 · Apple 风格高燃	网站转视频 · 16:9 · 三视口截取网站

11 个 HyperFrames 模板 + 39 个 Seedance 提示词随仓库一起发布。目录缩略图 © HeyGen，框架 Apache-2.0。OD 专属渲染流程（合成缓存、sandbox-exec 变通方案、MP4-as-chip）详见 design-templates/hyperframes/。