Open Design:开源平替Claude Design,本地运行不花钱,直接生成可用的网页和PPT

工具推荐 1777779396更新

0

上个月,Anthropic 发布了一个叫 Claude Design 的东西。一夜之间,朋友圈、科技博主、Twitter 全在刷,说这是什么设计圈的 ChatGPT 时刻,说它能让 AI 直接生成可交互的网页、PPT、手机 App 界面。

我去看了一下演示,确实挺震撼的。

然后我发现,这玩意是付费的,而且只跑在云端,你的项目数据都在 Anthropic 的服务器上。用的模型也锁死了是 Claude。

说实话,这种感觉,就像你千辛万苦爬上喜马拉雅山顶,想求见传说中的武林宗师,结果宗师告诉你,天下第一的武功秘籍,只卖给VIP会员。

尼玛。。

但好巧不巧,就在这两天,我在 GitHub 上看到了另一个项目。

这个项目叫 Open Design

Open Design 做的事,就是把同样的思路,做成一个完全开源、本地运行、不绑任何特定 AI 服务商的东西。

说人话就是:你可以把它理解成 Claude Design 的"破解版",但不是真的去破解谁,而是从零开始,重新实现了一遍核心逻辑,然后全部开源。

不绑云服务,不绑特定模型,不收你的项目数据。

你对着它说"帮我做一个 SaaS 产品的落地页",它会让 AI 生成代码,然后给你一个可以直接预览的网页。不是示意图,是真的 HTML/CSS/JavaScript,可以直接点开、可以交互、可以下载。

目前它支持的 AI 代理包括:

Claude Code、Codex CLI、Cursor Agent、Gemini CLI、OpenCode、Qwen Code、GitHub Copilot CLI、Hermes、Kimi CLI、Pi、Kiro CLI

你装了什么,它就用什么。不需要额外付费,不需要配置 API Key,直接检测 PATH 上的二进制文件,自动识别,自动工作。

这意味着什么?

意味着如果你电脑上已经有 Claude Code 或者 Cursor,你不需要再花一分钱,直接就可以用这套工具做设计。

如果一个都没有,它还提供了一个 OpenAI 兼容的 BYOK 代理接口——粘贴任何一个 OpenAI 兼容服务的 baseUrl + apiKey,DeepSeek、Groq、vLLM 任选其一,都能跑。

它内置了 31 个技能模板:网页原型、SaaS 落地页、数据看板、手机 App 界面、营销邮件、社交媒体图文、杂志风海报……每种技能都有预设的流程和检查清单。

还有 72 个品牌设计系统:Linear、Vercel、Stripe、小红书……你选定一个,AI 生成的设计就自动遵循那个品牌的风格。

最有意思的是它的"反 AI 味"机制。每次设计开始前,必须先填问卷锁定需求;AI 生成完会给自己打分——哲学感、层次感、执行度、特异性、克制感,任何一项不达标就重新调整。还有 P0/P1/P2 检查清单和 AI 味黑名单,确保输出不会太"AI"。

在第一次看完这个项目之后,我想起来 GitHub 上还躺着另一个项目,叫 ui-ux-pro-max-skill

表面上看,它们都在解决"怎么让 AI 真正做好设计"这个问题,都反对 AI 味的输出,都支持主流 AI 编程工具。

但,当我把这两个项目放在一起仔细比较时,发现它们的差异,几乎是本质性的。

第一个差异:是应用还是插件?

Open Design 是一个完整的应用程序——你在本地跑起来,它有守护进程、有网页界面、有文件管理器、有预览窗口。就像 Figma 或者 Photoshop,你打开就能用,不需要懂什么叫 API,也不需要配置什么环境变量。

ui-ux-pro-max-skill 完全是另一种思路——它只是一个技能包。你要先装好 Claude Code 或者其他 AI 编程工具,然后在命令行里敲一串命令,才能把它装进去。它不提供任何界面,所有交互都在终端里发生。

你可以把 Open Design 理解成"美图秀秀",把 ui-ux-pro-max-skill 理解成"Photoshop 插件"。前者打开就用,后者需要你先把 Photoshop 装好。

第二个差异:是成品还是图纸?

这是最核心的差异。

Open Design 产出的是可以直接用的东西。你让它做一个落地页,它给你一个 HTML 文件,点开就是完整网页,有轮播图、有 CTA 按钮、有页脚,可以直接在浏览器里跑,可以打包成 PDF 下载。

ui-ux-pro-max-skill 产出的是一整套设计规范文档。你跟它说"我要做一个美容 SPA 的落地页",它给你输出:

配色方案:#E8B4B8 柔粉色 + #A8D5BA 鼠尾草绿 字体搭配:Cormorant Garamond / Montserrat 布局模式:Hero-Centric + Social Proof 禁止事项:不要用 AI 紫粉渐变、不要用 Emoji 当图标

这些文档很有用,但它不是网页。你还得找人来把它实现出来——或者让 AI 根据这些规范再写一遍代码。

打个不准确的比方:Open Design 给你的是精装修的房子,ui-ux-pro-max-skill 给你的是一套建筑图纸加材料清单。

第三个差异:目标用户完全不同

Open Design 的目标用户是所有人——设计师可以用它快速出原型、产品经理可以用它做 Demo、创业者可以用它验证想法、甚至老板自己都可以用它来画 App 界面。它不需要你会写代码,你需要的是审美和需求理解。

ui-ux-pro-max-skill 的目标用户是会写代码的人。它的核心用户是那些已经在用 Claude Code 写代码的开发者,它解决的是"这些 AI 写出来的前端代码太丑了"的问题。它不提供任何可视化界面,所有交互都在命令行里,对非技术用户来说几乎无法使用。

第四个差异:数据规模不是同一个量级

ui-ux-pro-max-skill 有一个让我印象深刻的数字:它内置了 161 个行业分类67 种 UI 风格161 种配色方案57 种字体搭配。这些数据不是品牌名称,而是一整套推理规则——它知道医疗类产品适合什么配色、金融类产品适合什么风格、游戏产品应该避免什么问题。

Open Design 的 72 个设计系统走的是另一条路。它不是从行业规则推理出来的,而是直接告诉你:Linear 用什么颜色、Vercel 用什么字体、小红书是什么调性。你不需要推理,直接选品牌就行。

这两条路没有高下之分。推理的好处是通用性强,你做一个从来没人做过的产品类型,它也能给你建议。品牌路线的好处是精准,你要 Linear 风格,它给的就是 Linear 风格,不会跑偏。

如果你不想折腾,打开就要能用,要的是直接能看的原型,那 Open Design 更适合你。

如果你是一个开发者,已经在使用 AI 编程工具,想要在写代码的时候自动带上设计规范、让 AI 产出的前端不那么丑,那 ui-ux-pro-max-skill 更适合你。

这两条路最终可能会走到同一个地方——当 AI 能真正理解设计规范、遵循好的设计原则、产出高质量成品的时候,无论是独立工具还是编程插件,都在重新定义"做设计"这件事。

好了,关于这两个项目,就聊这么多。

Open Design 地址: https://github.com/nexu-io/open-design

ui-ux-pro-max-skill 地址: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

对新技术保持好奇,下次再见。