近期，Anthropic推出的Claude Design在设计师与开发者群体中引发广泛关注——大语言模型不仅能生成文本，更能直接输出可落地的设计作品。然而兴奋之余，一个现实问题不容忽视：该工具闭源、付费、完全运行于云端，且仅兼容Anthropic自有模型。无法自托管，无法更换模型，更无法部署至个人服务器。正因如此，Open Design 的出现恰好精准解决了这一痛点——作为一款完全开源、本地优先的 Claude Design 替代方案，迅速吸引了众多目光。
项目简介
Open Design 是一款本地优先、支持Web部署的设计工具，采用全栈BYOK（Bring Your Own Key）架构——您可以自由选用偏好的AI模型来完成设计任务，彻底摆脱模型锁定困扰。
GitHub仓库：https://github.com/nexu-io/open-design
官方网站：https://open-design.ai/
为什么选择Open Design？
Claude Design 展现了一个令人振奋的发展方向：当大语言模型不再局限于文字生成，而是直接绘制设计稿，一夜之间便引爆了行业热度。然而其闭源特性和模型锁定让许多用户感到困扰。Open Design 提供了相同的工作流程、相同的"作品优先"设计理念，却没有任何锁定机制。它并非内置模型——实际上，最强大的编码模型早已存在于您的笔记本之中。Open Design 将这些模型连接至一个技能驱动的设计工作流，您既可在本地运行 pnpm tools-dev，也可将Web层部署至Vercel，每一层均保持BYOK架构。
核心特性
1. 支持16个编码模型CLI
Open Design 能够自动检测您 PATH 环境变量中的16个编码模型CLI：
- Claude Code · Codex CLI · Devin for Terminal · Cursor Agent · Gemini CLI · OpenCode
- Qwen Code · Qoder CLI · GitHub Copilot CLI · Hermes (ACP) · Kimi CLI (ACP)
- Pi (RPC) · Kiro CLI (ACP) · Kilo (ACP) · Mistral Vibe CLI (ACP) · DeepSeek TUI
2. 31个可组合Skills
内置31个可组合技能，划分为两大模式：
Prototype模式（27个技能）：
- web-prototype · saas-landing · dashboard · pricing-page · docs-page · blog-post
- mobile-app · mobile-onboarding · gamified-app · email-marketing · social-carousel
- magazine-poster · motion-frames · sprite-animation · dating-web · digital-eguide
- wireframe-sketch · critique · tweaks · pm-spec · eng-runbook · finance-report
- hr-onboarding · invoice · kanban-board · team-okrs
Deck模式（4个技能）：
- guizang-ppt · simple-deck · replit-deck · weekly-update
技能按场景分组：设计 / 营销 / 运营 / 工程 / 产品 / 财务 / HR / 销售 / 个人
3. 129个品牌级设计系统
内置129个品牌级设计系统：
- 2个手工编写的启动器
- 70个产品系统（Linear、Stripe、Vercel、Airbnb、Tesla、Notion、Anthropic、Apple、Cursor、Supabase、Figma、小红书等）来自 awesome-design-md
- 57个设计技能来自 awesome-design-skills
4. 媒体生成能力
支持多种媒体内容生成，与设计工作流并行执行：
- gpt-image-2（Azure/OpenAI）——海报、头像、信息图表、插画地图
- Seedance 2.0（字节跳动）——15秒电影级文字转视频和图像转视频
- HyperFrames —— HTML→MP4动态图形（产品展示、动态排版、数据图表、社交叠加、Logo片尾）
内置93个即用型提示模板（43个gpt-image-2 + 39个Seedance + 11个HyperFrames），带预览缩略图和来源归因。
5. 5种精选视觉方向
当用户尚未指定品牌时，系统会展示第二个表单，呈现5个精心策划的视觉方向：
- Editorial Monocle —— 编辑风格
- Modern Minimal —— 现代简约
- Warm Soft —— 温暖柔和
- Tech Utility —— 科技实用
- Brutalist Experimental —— 粗野实验
每种方向都提供确定性的调色板和字体堆栈。
工作流程
1. 输入提示："make me a magazine-style pitch deck for our seed round"
↓
2. 交互式问题表单弹出（表面、受众、语调、品牌背景、规模）
↓
3. 模型选择5种精选视觉方向之一
↓
4. 实时TodoWrite计划流入UI
↓
5. 守护进程在磁盘上构建真实项目文件夹
↓
6. 模型读取文件（预执行强制执行）
↓
7. 运行五维自我批判
↓
8. 输出单个，几秒钟后在沙盒iframe中渲染 核心架构
| 组件 | 说明 |
|---|---|
| 本地守护进程 | 唯一的特权进程，扫描PATH中的模型 |
| Web应用 | 可部署到Vercel |
| 桌面应用 | 可选Electron外壳（支持macOS Apple Silicon和Windows x64） |
| 持久化 | SQLite存储项目、对话、消息、选项卡、保存的模板 |
| 导入 | 支持导入Claude Design导出的ZIP文件 |
精彩技能展示
社交媒体轮播图（social-carousel）
三张1080×1080卡片，电影级面板，显示标题贯穿系列，品牌标识，循环提示。
移动应用（mobile-app）
像素级iPhone 15 Pro框架（Dynamic Island、状态栏SVG、主页指示器）。多屏幕原型使用共享的 /frames/ 资源。
像素动画（sprite-animation）
像素/8位动画解释幻灯片——全屏奶油色舞台，动画像素吉祥物，动态日文显示字体，循环CSS关键帧。
杂志海报（magazine-poster）
单页杂志风格海报，编辑排版，动态布局。
部署方式
Open Design 支持多种部署方式：
- 本地运行：
pnpm tools-dev - Vercel Web层：将Web层部署到Vercel
- 桌面应用：从 open-design.ai 或最新发布下载打包的Electron应用
开源背景
Open Design 建立在四个开源项目的基础之上：
alchaincyf/huashu-design—— 设计哲学指南。初级设计师工作流、5步品牌资产协议、反AI废话清单、五维自我批判、"5所学校×20种设计哲学"理念op7418/guizang-ppt-skill—— Deck模式。杂志风格布局、WebGL英雄背景、P0/P1/P2检查清单OpenCoworkAI/open-codesign—— UX北极星。流式作品循环、沙盒iframe预览模式、实时模型面板、五格式导出列表（HTML/PDF/PPTX/ZIP/Markdown）multica-ai/multica—— 守护进程和运行时架构。PATH扫描模型检测、本地守护进程作为唯一特权进程、模型作为队友的世界观
项目亮点
- ✨ 完全开源：Apache-2.0许可证，可自由使用
