nexu-io/open-design
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team and AI agents. Share work, exchange feedback, and iterate together in one workspace.
OpenDesign – 协作式 AI 驱动设计工作区
它是什么 – OpenDesign 是一款桌面优先的应用程序,让团队能够与大型语言模型(LLM)编码代理协作,创建、迭代并交付设计产物,如网页原型、幻灯片、图像、仪表板和动态图形视频。该产品不自带 AI 模型;而是通过插件 / MCP 系统连接到任何已安装的“编码代理”(Claude、Codex、DeepSeek、Cursor、Copilot 等),让用户选择他们已信任的模型。
主要功能
- 工作区与工作室 – 一个单一的项目视图,其中简报(以
DESIGN.md编写)驱动代理生成实时预览的 HTML、React/Vue 代码、幻灯片或图像/视频资产。界面显示实时 iframe、与代理的聊天式对话以及设计系统令牌面板。 - 设计系统与模板 – 超过 150 个现成的设计系统包(品牌资产、CSS 令牌、可选组件库)以及数十个基于 HTML 的原型/幻灯片模板,代理在渲染时可参考这些内容。
- 插件 / 技能 – 可重用、版本控制的目录,暴露代理驱动的工作流(例如,“生成仪表板”、“创建超帧视频”)。用户可以安装官方插件或自行编写。
- 多模型支持 – 内置适配器支持 26 种以上的编码代理 CLI(Claude、Codex、DeepSeek Harness、Cursor、Copilot 等)。安装只需一行命令,如
od mcp install claude。 - 本地优先与 BYOK – 完全在用户机器上运行(macOS/Windows,Linux 可通过源码构建)。BYOK 代理可让您将守护进程指向任何兼容 OpenAI 的端点,并具有 SSRF 保护。
- 导出选项 – 原型可导出为沙盒 HTML,幻灯片可导出为 HTML/PDF/PPTX/ZIP/Markdown,图像可从提示模板生成,视频可通过开源 HyperFrames 引擎生成(HTML + CSS + GSAP → 使用无头 Chrome + FFmpeg 生成确定性 MP4)。
典型工作流
- 创建简报 – 编写
DESIGN.md或选择一个示例。 - 选择编码代理 – 安装所需的 CLI(
od mcp install codex)。 - 生成 – 代理读取简报、活动设计系统和模板,然后流式返回代码/资产,同时您观看实时预览。
- 迭代 – 继续对话,在“调整面板”中调整参数,iframe 会立即更新。
- 导出 / 交接 – 下载最终的 HTML、PPTX 或 MP4,或将生成的代码推送到仓库供开发人员完善。
为何重要 – 通过将 LLM 视为设计引擎而非通用聊天机器人,OpenDesign 为产品团队提供了可重复、版本控制的管道,用于生成品牌一致的 UI/UX 产物,同时保持数据本地化和模型无关。
快速开始(来自 README)
- 桌面下载 – 提供预构建的 macOS(Apple Silicon 和 Intel)和 Windows 二进制文件;Linux 用户可从源码构建。
- 三命令设置 – README 中的徽章指向
QUICKSTART.md,声称只需三个命令即可开始(下载、安装编码代理、运行od daemon start)。
许可证 – Apache 2.0。
以上所有细节均直接取自仓库的 README;未推断任何额外功能。
相关
- 项目
- 项目
- 项目
- 项目
- 项目