Open Design：Claude Design 的开源替代品

> 一句话版本：Anthropic 发布了 Claude Design（一个用对话就能做设计的 AI 工具），火了但不开源。nexu-io 团队立刻做了个开源的替代版——不是简单复刻，而是让你用你自己电脑上的 AI 编码助手（Claude Code/Codex/Cursor）来当"设计师"，19 个设计技能 + 71 套品牌设计系统直接带走。

来源: https://github.com/nexu-io/open-design
研究日期: 2026-04-28

一、背景：Claude Design 是啥？

2026 年 4 月 17 日，Anthropic 发布了 Claude Design（基于 Opus 4.7）——你告诉它"做个杂志风格的 pitch deck"，它就直接生成可用的 HTML/PPTX 设计稿。

效果很惊艳，但它闭源、付费、仅云、仅 Anthropic 模型。

Open Design 就是它的开源替代。

二、Open Design 怎么工作的？

2.1 架构


你 (浏览器) ←→ Open Design Web App ←→ Local Daemon ←→ 你的 CLI Agent (Claude Code / Codex / 等)
                                       ↓
                                  本地项目文件夹 (真实磁盘)

前端是 Vite + React Web 应用
后台 running 一个 local daemon（守护进程）
daemon 调用你电脑上已有的 CLI Agent（Claude Code、Codex、Cursor 等）执行实际设计
所有文件生成在你本地磁盘上
Design preview 在 sandboxed iframe 里渲染

2.2 工作流


① 选技能 + 选品牌 → ② 填表单（surface/audience/tone） → ③ 选视觉方向（5选1）
→ ④ Agent 生成 todo 计划 → ⑤ 实时展示进度 → ⑥ 产出 sandboxed 预览
→ ⑦ 导出 HTML/PDF/PPTX/ZIP

2.3 内置资源

资源	数量	示例
Skills	19	web-prototype, saas-landing, dashboard, deck, mobile-app, blog-post...
设计系统	71	Linear, Stripe, Vercel, Airbnb, Tesla, Notion, Apple, Figma, Supabase...
视觉方向	5	Editorial Monocle, Modern Minimal, Tech Utility, Brutalist, Soft Warm
设备帧	5	iPhone 15 Pro, Pixel, iPad Pro, MacBook, Browser Chrome

三、技术细节

技术栈

前端: TypeScript + Vite + React 18
Daemon: 本地 Node.js 守护进程
预览: React 18 vendored + Babel in sandboxed iframe
设计系统: 来自 awesome-design-md
导出: HTML / PDF / PPTX / ZIP / Markdown

Daemon 模式

daemon 是唯一有特权的进程。它：

1. 扫描 PATH 找出可用的 Agent（Claude Code, Codex, Cursor 等）

2. 在项目文件夹中启动 Agent

3. Agent 获得真实的读写、Bash、WebFetch 权限

4. 输出写回磁盘，Web 应用读取展示

设计约束

为了防止 AI 自由发挥导致设计跑偏，Open Design 有多层约束：

交互式表单锁定 brief
预定义的视觉方向（确定性 OKLch 调色板 + 字体栈）
5 维度自批评检查表
Design system 锁定品牌颜色

四、nexu-io 生态 (对 Jay 非常重要)

nexu-io 不只是做了 Open Design。他们还维护了几个和 OpenClaw 直接相关的项目：

nexu — OpenClaw 桌面客户端

仓库: https://github.com/nexu-io/nexu
描述: "The simplest desktop client for OpenClaw"
许可证: MIT
GitHub: 233 issues, 40 PRs（非常活跃）
支持的平台: macOS (Apple Silicon + Intel), Windows

功能:

一键连接 OpenClaw 到微信、飞书、Slack、Discord
GUI 配置，双击即用，不需要 CLI
多模型支持（Gemini, MiniMax, Codex, GLM 等）
BYOK（自带 API Key），数据本地
内置 Feishu Skills + OpenClaw Skills

这对于 Jay 意味着什么：

有人专门做了 OpenClaw 的桌面客户端，而且做得还不错（200+ issues 说明有人在用）。这说明 OpenClaw 的生态正在生长出第三方产品。

Harness Engineering Guide

Agent Harness 的工程实践指南（MIT 许可），包含从零搭建一个 Agent harness 的教程和代码示例。

五、与竞品对比

	Claude Design	Open Design	open-codesign
开源	❌	✅ Apache 2.0	✅
形式	Anthropic 内置	Web App + Daemon	Electron 桌面
模型	仅 Opus 4.7	任何 CLI Agent	Pi AI
设计系统	内置	71 套	待确认
导出	未知	HTML/PDF/PPTX/ZIP	HTML/PDF/PPTX
部署	仅云	本地 + Vercel	本地

Open Design 最大的差异化：BYOK（带你自己的 Agent）。你不用管它用什么模型，你电脑上装的 Claude Code / Codex / Cursor 就是设计引擎。

六、与我们项目的关系

直接关联

1. nexu 是 OpenClaw 的第三方桌面客户端 — 有人为 OpenClaw 做了 GUI 桌面端，MIT 开源。如果 Jay 想了解别人怎么用 OpenClaw、UI 能做到什么程度，这是最好的参考。

2. Open Design 使用 OpenClaw 兼容的 Agent 架构 — daemon + Agent 的模式和 OpenClaw 的 gateway + agent 架构有相似之处。

3. Harness Engineering Guide — 如果 Jay 想完善 OpenClaw 的文档或工具链，这本指南有参考价值。

参考价值

Design Systems 集合 — 71 套品牌设计系统可以作为参考资料
Agent-native design workflow — Open Design 展示了一种"Agent 不只是写代码，还能做设计"的可能性
nexu 的 multi-channel 集成 — 微信/飞书/Slack/Discord 一键连接的实现方式

七、评分

维度	评分	说明
创意	⭐⭐⭐⭐⭐	Claude Design 发布后几天就做出开源替代
架构设计	⭐⭐⭐⭐	Daemon + Web App + 多层约束
内置资源	⭐⭐⭐⭐⭐	19 Skills + 71 设计系统
开源质量	⭐⭐⭐⭐	Apache 2.0，代码完整
与 OpenClaw 关联	⭐⭐⭐⭐⭐	同一组织还做了 OpenClaw 桌面客户端
社区	⭐⭐⭐	新项目，还在早期
可玩性	⭐⭐⭐⭐⭐	pnpm dev 就能跑

综合评分: 4.2/5

八、总结

Open Design 是 Claude Design 的开源替代品，但走了一条不同的路——不是复刻一个同类产品，而是让用户自带 AI Agent。

更值得 Jay 关注的是 nexu-io 整个组织——他们做了一个 OpenClaw 桌面客户端（nexu）、一个设计工具（Open Design）、一个 Agent 工程指南（Harness Guide）。这说明 OpenClaw 的开源生态正在长出第三方产品，而且做得不错。

> 一句话：有人为 OpenClaw 做了桌面客户端，还顺手做了个 Claude Design 的开源替代——nexu-io 值得关注。