1. 基本信息
| 项目 | 内容 |
|---|---|
| 名称 | Open Design |
| 作者/维护者 | nexu-io 团队(具名维护者 Nagendhra-web、Sid-Qin、YOMXXX 等,371 位社区贡献者) |
| 来源链接 | https://github.com/nexu-io/open-design |
| 许可证 | Apache License 2.0 |
| GitHub Stars | 80,050(来自 GitHub API) |
| Forks | 9,236(来自 GitHub API) |
| 最新版本 | 0.15.1(2026-07-17 发布) |
| 安装方式 | 桌面应用下载 / od mcp install <agent> 接入编码 Agent / Docker / 源码构建 |
2. 功能介绍与亮点
本地优先的设计引擎:把编码 Agent 变成设计工具。核心能力:网页/仪表盘/幻灯片(PPTX/PDF)/图片原型、HyperFrames(HTML 转 MP4)、151 套品牌设计系统、插件市场。产出均为磁盘真实文件,可 git 管理。
亮点:完全开源、不锁定云端厂商、BYOK 接任意大模型、社区活跃(371 位贡献者,登过 Hacker News,被 Trendshift 收录)。
3. 适用场景
所属分类:前端与设计。适合不想被单一云端设计产品锁定的开发者与小团队:在编码 Agent 里用自然语言描述需求,即可拿到可直接使用、可版本管理的原型、仪表盘、幻灯片或动效视频文件。
4. 跨 Agent 兼容性
| Agent | 结论 | 依据 |
|---|---|---|
| Claude Code | 原生支持 | 官方文档 od mcp install claude 命令 |
| Codex | 原生支持 | 官方文档 od mcp install codex 命令 |
| OpenClaw | 原生支持 | 官方文档 od mcp install openclaw 命令 |
| Hermes Agent | 原生支持 | 官方文档 od mcp install hermes 命令 |
四大生态均在 README 中列有一键接入命令。
5. 推荐理由
一条命令把编码 Agent 变成完整设计引擎,开源、本地优先,原生打通 Claude Code、Codex、OpenClaw、Hermes 四大生态。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 10 | GitHub 80,050 星、9,236 次 fork、371 位贡献者;多次登上 Hacker News 讨论区,被 Trendshift 收录 |
| 可用性 | 9 | 四大 Agent 生态均一条命令接入;文档含上手示例;版本更新频繁;需自备大模型 API Key |
| 安全性 | 8 | 详见安全检查清单 |
安全检查清单:
| 检查项 | 结果 |
|---|---|
| ① Shell 权限范围 | 仅在项目工作目录读写文件,守护进程默认只绑定本机回环地址 |
| ② 联网外发数据 | 按用户配置转发到其自选大模型 API;另有默认开启、官方称“已脱敏”的安全遥测,产品分析需另行同意 |
| ③ API Key 存储 | BYOK 模式,密钥存本地配置,对内网地址有 SSRF 防护 |
| ④ 可疑指令 | README 含面向“阅读本文档的 Agent”的段落,内容为邀请参与开源贡献,未见破坏性或外泄凭据指令 |
| ⑤ 作者/组织信誉 | nexu-io 团队具名维护,371 位贡献者,信息透明 |
| ⑥ License | Apache-2.0,权利义务明确 |
| ⑦ 最近维护 | 最新版本 0.15.1 发布于 2026-07-17,持续更新 |
7. 跟同类 Skills 相比的优势
| 项目 | 定位 | 差异 |
|---|---|---|
| Anthropic 官方 canvas-design | 生成静态视觉海报,输出 PNG/PDF | 只覆盖静态视觉一种产出,不含原型、仪表盘、视频 |
| heygen-com/hyperframes | 把 HTML 渲染为视频 | 只做单一动效场景,Open Design 把同类能力作为其中一个模块 |
| xiaopu-ai/web-design | 面向 Claude Code 的网页设计单一技能 | 只覆盖网页设计,不含设计系统库或插件市场 |
差异化在于以完整设计引擎覆盖多种产出形式,并自带品牌设计系统库与插件市场。
8. 用户评价
- kutzki(GitHub Discussions):留言力挺新版本,并追问画布功能。
- clevenlee(GitHub Discussions):提出 Git 协作、画布编辑等改进建议,显示深入使用。
- zhuningli001(GitHub Discussions):表示准备为其编写插件,参与生态建设。
9. 其他补充
采用四层可组合架构(功能技能/设计模板/设计系统/插件),已有 277 个官方插件;数据处理细节见独立的 AGENTS.md。
10. 安装使用方式
- 桌面应用:官网或 GitHub Releases 下载 macOS/Windows/Linux 安装包
- 接入编码 Agent:终端执行
od mcp install <agent名> - Docker 或源码构建
安装后填入自备大模型 API Key,在 Agent 中用自然语言触发,如“用 Linear 设计系统生成落地页”。
11. 注意事项
- 早期版本(0.7.0,2026 年 5 月)曾有 macOS 安全工具误报安装包可疑,项目方最高优先级处理并已关闭
- macOS/WSL2 下命令名
od与系统自带八进制查看命令同名,可能冲突 - Linux 支持以 AppImage 提供,成熟度低于 macOS/Windows
- 安全遥测默认开启(官方称已脱敏),重视离线隐私者可查阅 AGENTS.md