上周 Claude Design 刷屏的时候，我的第一反应不是"哇好帅"，而是"又要充会员了"。

Anthropic 在 4 月 17 日发布了 Claude Design，演示视频里 Opus 4.7 直接输出可交互的设计稿，产品经理和设计师的群里炸锅了。但冷静下来一看——闭源、云端独占、最低也要 Pro/Max 订阅，完全没有自部署选项。

然后四月底，nexu-io/open-design 出现了。两天涨了 5900+ Star，我花了几个小时认真研究了一遍，说几点真实感受。

它到底是什么

一句话：你的 AI 编程助手（Claude Code、Cursor、Gemini CLI 都行）+ 一套精心设计的 Skill 和设计系统 Markdown = 你自己的本地 Claude Design。

不绑定任何特定的 AI 服务商，不需要付 Anthropic 的订阅费（除非你本来就在用 Claude Code）。跑 pnpm tools-dev run web，一个 Next.js 的 Web UI 启动，本地 Daemon 自动扫你的 PATH，找到 claude、codex、gemini、cursor-agent 任何一个就可以开干。

什么都没安装？还有 BYOK 模式，直接用 Anthropic API key。

我最欣赏的地方：它没有重新发明轮子

这个项目最聪明的地方不是它新建了什么，而是它拒绝新建什么。

README 里明确写道："We don't ship an agent. Yours is good enough."

它做的事情是：把你已有的 AI 编程助手，接入一个精心工程化的设计工作流。具体来说是这六件事。

① Skills 是文件，不是插件

19 个 Skill，每个就是一个文件夹，放进 skills/ 目录，重启 Daemon 自动出现在 UI 里。你想自定义？Fork 一个，改 SKILL.md，完事。这套约定直接复用了 Claude Code 的 SKILL.md 规范——如果你本来就在用 Claude Code 的 Skills 功能，迁移成本几乎为零。

skills/                        ← 19 个 SKILL.md skill 包
│   ├── web-prototype/             ← 原型默认
│   ├── saas-landing/              ← 营销页（hero / features / pricing / CTA）
│   ├── dashboard/                 ← 后台 / 数据看板
│   ├── pricing-page/              ← 独立定价页 + 对比
│   ├── docs-page/                 ← 三栏文档
│   ├── blog-post/                 ← 长文 editorial
│   ├── mobile-app/                ← 带手机外壳的 app 屏
│   ├── simple-deck/               ← 极简横滑 deck
│   ├── guizang-ppt/               ← 内置 magazine-web-ppt（deck 默认）
│   │   ├── SKILL.md
│   │   ├── assets/template.html   ← seed
│   │   └── references/{themes,layouts,components,checklist}.md
│   ├── pm-spec/                   ← PM 规范文档
│   ├── weekly-update/             ← 团队周报
│   ├── meeting-notes/             ← 会议纪要
│   ├── eng-runbook/               ← 故障 / runbook
│   ├── finance-report/            ← 财务摘要
│   ├── hr-onboarding/             ← 入职计划
│   ├── invoice/                   ← 单页发票
│   ├── kanban-board/              ← 看板快照
│   ├── mobile-onboarding/         ← 多屏移动流
│   └── team-okrs/                 ← OKR 计分表

目前内置的涵盖：

  • 设计类：网页原型、SaaS 落地页、后台 Dashboard、杂志风 PPT、移动端原型、博客文章、文档页……

  • 工作文档类：PM Spec、周报、OKR、事故 Runbook、发票、看板……

后者有点惊喜——没想到连发票和 Kanban 这种模板也做进去了，适用范围比原版 Claude Design 明显更宽。

② 71 个品牌设计系统，全是 Markdown

这是我觉得最"黑科技"的部分。

它内置了 71 个品牌级设计系统，全部是 9 节结构的 DESIGN.md 文件——颜色系统、字体栈、间距规则、组件规范、动效、品牌语调、反模式……

覆盖范围：Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Apple、Cursor、Supabase、Figma、Spotify、Ferrari、SpaceX……

换一个设计系统，下一次渲染就用新的 token，不需要改任何代码。

这个设计来自 VoltAgent/awesome-design-md，open-design 把它工程化进来了。

③ 强制问卷，先问再动笔

这是区别 AI freestyle 和靠谱设计工具的关键。

每次发出设计 Brief，第一轮 AI 不会直接输出设计——它先给你一个交互式问卷：设计面向什么平台？目标用户是谁？品牌色调是什么？要几屏？有什么禁忌？

30 秒填完，AI 才开始动笔。这个规则是硬编码在提示词里的，绕不过去。

如果你没有品牌，第二轮还有 5 个视觉方向选择器：

方向

感觉

参考

Editorial · Monocle / FT 风格

杂志感，墨水色 + 奶油色

Monocle、FT Weekend

Modern Minimal · Linear 风格

冷峻极简

Linear、Vercel、Stripe

Tech Utility

信息密度高，等宽字体，终端感

Bloomberg、Bauhaus

Brutalist

粗暴大字，无阴影，强对比

Bloomberg Businessweek

Soft Warm

低对比度，桃色调

Notion 营销页、Apple Health

选一个，AI 拿到一套确定性的调色板（OKLch 值）和字体栈，不需要自己发挥。

这套设计借鉴自 alchaincyf/huashu-design 的"初级设计师模式"——先批量问问题，早出原型，让用户便宜地改方向，而不是等到全部做完再翻车。

④ 本地 Daemon = 真实文件系统

Daemon 用 child_process.spawn 把你的 AI CLI 拉起来，工作目录设置在 .od/projects/<id>/。Agent 拿到的是真实的 Read、Write、Bash、WebFetch 工具，可以读 Skill 的 assets/template.html，可以 grep CSS 里的 hex 值，可以把生成的文件直接落盘。

PDF、PPTX、ZIP 都支持导出。会话和消息用 SQLite 持久化，关掉重开，之前的 todo 进度还在。

⑤ 五维自我批评，发布前自检

每次 AI 即将输出 <artifact>（可预览的设计稿）之前，它必须先默默评分：

设计哲学 / 视觉层级 / 执行质量 / 方案精确性 / 克制程度，各一分，满分 5 分。

低于 3 分要返工，通常跑两遍。

这个质检机制来自 huashu-design 的"5 维批评"，在这里被工程化成提示词里的硬性门控——不是建议，是规则。

⑥ AI 垃圾黑名单

这个我觉得最有意思。项目明确列出了一份禁止清单：

  • ❌ 积极紫色渐变背景

  • ❌ 泛滥的 emoji 图标

  • ❌ 圆角卡片 + 左侧色条装饰

  • ❌ 手绘风 SVG 小人

  • ❌ 把 Inter 当展示字体（它本来是正文字体）

  • ❌ 编造的指标数据（真没有就写 — 或灰色占位块）

如果你经常被 AI 设计工具输出的"AI 味"折磨，这份黑名单会让你感到被理解。

快速上手

git clone https://github.com/nexu-io/open-design.git
cd open-design

corepack enable
pnpm install
pnpm tools-dev run web

环境要求：Node 24、pnpm 10.33.x。

第一次启动会自动检测你 PATH 里有哪些 AI CLI，自动选一个，然后加载 19 个 Skill + 71 个设计系统，弹个欢迎对话框让你粘贴 Anthropic Key（只有 BYOK 模式才需要）。.od/ 目录自动创建，不需要手动初始化。

打开 UI，输一句话，比如"帮我做一个种子轮融资 Pitch Deck"，看问卷弹出来，填完，看 todo 进度条流式更新，看设计稿在沙箱 iframe 里渲染出来。

和 Claude Design 的横向对比

Claude Design（Anthropic）

Open Design

开源

❌

✅ Apache-2.0

自部署

❌

✅

Agent 绑定

Opus 4.7 独占

用你已有的任意 CLI

内置设计系统

未知

 71 个

内置 Skill

未知

 19 个

问卷先行

❌

✅ 硬性规则

方向选择器

❌

✅ 5 个确定性方向

五维自检

❌

✅

最低成本

Pro/Max 订阅

BYOK（用自己的 key）

几点真实的保留意见

说实话，这个项目刚发布两天，"early implementation"这几个字是认真的。

README 里提到的几个功能还在 roadmap 里：评论模式的局部编辑（点某个元素直接改）、AI 主动推荐可调整参数的面板——这两个是 open-codesign 已经实现了的，open-design 还在做。

Vercel 部署方案还没出完整教程，目前主要是本地 Daemon 跑。

5900 Star 两天是很快，但也意味着社区还很新，遇到问题 issue 区可能得等等。

不过核心循环（检测 Agent → 选 Skill + 设计系统 → 聊天 → 解析 <artifact> → 预览 → 保存）据 README 说已经跑通，提示词栈和 Skill 库也比较稳定。

我的判断

这个项目做对了一件根本的事：它把设计质量的护栏放在了提示词工程里，而不是放在 UI 里。

一个设计工具的天花板，很大程度上取决于它能不能让 AI 少发挥、多执行——强制问卷、确定性调色板、垃圾黑名单、五维自检，这套组合拳解决的就是这个问题。

如果你：

  • 在用 Claude Code / Cursor / Gemini CLI，想要一个设计工作流

  • 对 Claude Design 感兴趣但不想付 Anthropic 的溢价

  • 想要一套可以本地化、可编辑提示词、可扩展 Skill 的设计工具

那这个项目值得花半小时跑起来试试。

GitHub：github.com/nexu-io/open-design

你有在用 Claude Design 或者类似的 AI 设计工具吗？体验怎么样，欢迎评论区聊聊。

 我是顾北，关注我，获取更多好玩有趣的开源仓库！

 谢谢你阅读我的文章~

 我们下期再见！

# 经验分享
Logo
AtomGit开源社区

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。

更多推荐

Part 2: Models（模型）

本文介绍了LangChain支持的多种模型类型及其特点。主要内容包括： 模型类型概览 分为基础语言模型(BaseLanguageModel)及其子类：传统语言模型(LLM)、聊天模型(ChatModel)和嵌入模型(Embeddings) 推荐优先使用Chat Models而非传统LLMs Chat Models详解 通过不同角色消息(System/Human/AI)与LLM交互 详细参数说明：模

avatar AtomGit开源社区

基于模型预测控制的波浪能转换器（WEC）研究（Matlab代码实现）

本文模拟从波浪能转换器 （WEC） 中提取的能量，当受控移动窗口阻塞 MPC 时，单设备。它还比较了使用标准MPC和GPC控制时WEC提取的能量。摘要： 海浪能是可再生能源最集中的来源之一。然而，到目前为止，它还没有达到商业化所需的经济可行性。为了提高波浪能转换器的效率，已经提出了几种先进的控制策略，包括模型预测控制（MPC）。然而，每个优化问题的计算负担都是传统（全自由度）MPC的缺点，这通常会

avatar AtomGit开源社区

【轴承故障诊断】一种用于轴承故障诊断的稀疏贝叶斯学习（SBL），两种群稀疏学习算法来提取故障脉冲，第一种仅利用故障脉冲的群稀疏性，第二种则利用故障脉冲的额外周期性行为（Matlab代码实现）

在强背景噪声和/或多重干扰下提取故障脉冲是轴承故障诊断的一项具有挑战性的任务。稀疏表示已被广泛应用于提取故障脉冲，并且能够实现最先进的性能。然而，大多数当前的方法依赖于精心调整多个超参数，并且由于近似正则化和/或启发式稀疏模型可能会遭受算法退化的可能性。为了克服这些缺点，本文提出了一种用于轴承故障诊断的稀疏贝叶斯学习（SBL）框架，然后提出了两种群稀疏学习算法来提取故障脉冲，其中第一种仅利用故障脉

avatar AtomGit开源社区