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)。

典型工作流

  1. 创建简报 – 编写 DESIGN.md 或选择一个示例。
  2. 选择编码代理 – 安装所需的 CLI(od mcp install codex)。
  3. 生成 – 代理读取简报、活动设计系统和模板,然后流式返回代码/资产,同时您观看实时预览。
  4. 迭代 – 继续对话,在“调整面板”中调整参数,iframe 会立即更新。
  5. 导出 / 交接 – 下载最终的 HTML、PPTX 或 MP4,或将生成的代码推送到仓库供开发人员完善。

为何重要 – 通过将 LLM 视为设计引擎而非通用聊天机器人,OpenDesign 为产品团队提供了可重复、版本控制的管道,用于生成品牌一致的 UI/UX 产物,同时保持数据本地化和模型无关。


快速开始(来自 README)

  • 桌面下载 – 提供预构建的 macOS(Apple Silicon 和 Intel)和 Windows 二进制文件;Linux 用户可从源码构建。
  • 三命令设置 – README 中的徽章指向 QUICKSTART.md,声称只需三个命令即可开始(下载、安装编码代理、运行 od daemon start)。

许可证 – Apache 2.0。


以上所有细节均直接取自仓库的 README;未推断任何额外功能。

相关

  • 项目
  • 项目
  • 项目
  • 项目
  • 项目