关于 open-design
open-design 是面向视觉内容和原型创作的本地优先设计应用，可配合编码 Agent 或 BYOK 模型 API 密钥使用。它整合设计技能、模板、设计系统与沙盒预览，并通过 MCP 服务向 Agent 提供项目访问。
主要功能
- 01本地守护进程及网页和可选桌面应用
- 02设计技能与模板目录
- 03生成文件的沙盒预览
- 04支持原型、仪表盘、演示文稿等输出
- 05支持编码 Agent CLI 或 BYOK API 密钥
适用场景
- 01生成网页原型或 SaaS 落地页
- 02制作仪表盘或移动端引导流程
- 03制作演示文稿、邮件模板或社交轮播图
MCP 相关
其 MCP 服务允许已连接的 Agent 读取 Open Design 项目。编码 Agent 可通过 `od mcp install` 或应用的 MCP 设置进行连接。
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/open-design确认已加载。
附带文件stub.yaml
详细介绍
open-design
目录条目占位 — 完整平台：nexu-io/open-design
安装
Open Design 是一款应用（包含本地守护进程、Web UI、可选的桌面应用和 MCP 服务），而不是可以通过 skills CLI 安装的技能。任选一种方式。桌面应用（macOS Apple Silicon 或 Intel、Windows x64）：从 open-design.ai 或 github.com/nexu-io/open-design/releases 下载；无需 Node、pnpm 或克隆仓库。通过源代码安装（Linux 上唯一的方式；需要 Node ~24 和 pnpm 10.33.x）：运行 git clone https://github.com/nexu-io/open-design.git && cd open-design && corepack enable && pnpm install && pnpm tools-dev run web，然后打开它显示的 URL（仓库约为 3.4 GB，因此克隆时添加 --depth 1 可缩短下载时间）。在你自己的编码 Agent 中：运行 od mcp install claude（其他 Agent 可使用 codex、cursor、opencode 等），通过 MCP 将其连接到 Open Design；在 macOS 桌面上，安装的 od 可能会解析为 /usr/bin/od（八进制转储），因此请改为从应用的 Settings、MCP server 中复制代码片段。
注意
- 需要： PATH 中有编码 Agent CLI（Claude Code、Codex、Cursor Agent 等），或在应用的 Settings 中设置 BYOK 模型 API 密钥；仅通过源代码安装时需要 Node ~24 和 pnpm 10.33.x
- 许可证： Apache-2.0
安装后调用
将 Agent 通过 MCP 连接后，用自然语言向它提出请求，例如“使用 open-design，按照 Linear 设计系统生成一个着陆页”。在桌面应用或 Web 应用中，在入口视图中输入简要说明，选择运行时、设计模板和设计系统，然后按 Send。守护进程启动时会显示本地 URL（通过源代码运行时，开发端口会动态分配）。
功能
一款本地优先的设计产品。它会检测 PATH 中的编码 Agent CLI（或使用 BYOK API 密钥），加载大量实用的设计技能、渲染模板和设计系统，并将生成的文件流式传输到沙盒预览中。输出涵盖 Web 原型、SaaS 着陆页、仪表板、移动端引导流程、演示文稿、电子邮件模板、社交媒体轮播图、海报、动态画面和精灵动画。可自托管、无供应商锁定，并提供 MCP 服务，以便其他 Agent 读取你的 Open Design 项目。
不适用场景
- 不值得承担平台开销的单技能任务（直接安装单个技能，例如用于编写简报的
design-brief） - 仅限云端的环境（CI、无服务器环境），或无法运行持久本地进程的机器
- 期待预构建应用的 Linux 桌面（目前尚无；通过源代码安装是唯一方式）