nexu-io/open-design
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, 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;未推断任何额外功能。
相关
- 项目
- 项目
- 项目
- 项目
- 项目