Open Design：开源版 Claude Design，让 AI 编码代理变身设计引擎
什么是 Open Design？
Open Design 是一个开源、本地优先的设计工具，定位为 Claude Design 的开源替代方案。
它的核心理念非常直接：不重复造轮子。
市面上已经有了 Claude Code、Codex、Cursor、Gemini CLI 等强大的 AI 编码代理，Open Design 不再造一个，而是把这些现成的代理接入自己的设计工作流，让它们成为”设计引擎”。项目本身专注于提供技能库、设计系统和交互体验。
目前这个项目在 GitHub 上已经获得了 55,000+ Stars，6,200+ Forks，Apache-2.0 协议，社区非常活跃。
核心特性
1. 16+ 编码代理无缝接入
Open Design 能自动检测并接入你 PATH 中已安装的编码代理 CLI：
| 代理 | 支持状态 |
|---|---|
| Claude Code | ✅ 优先支持 |
| Codex (OpenAI) | ✅ |
| Cursor Agent | ✅ |
| Gemini CLI | ✅ |
| Copilot | ✅ |
| Qwen | ✅ |
| 其他 OpenAI 兼容 API | ✅（BYOK） |
如果没安装任何 CLI，也支持通过 API Key 直接调用。
2. 137 个可组合技能
项目内置了 137 个设计技能，覆盖多种场景：
- 网页原型：SaaS 落地页、仪表盘、管理后台
- 移动应用：iOS/Android UI 原型
- PPT 演示文稿：自动生成幻灯片
- 社交媒体轮播图：适配各平台尺寸
- 邮件模板：HTML 邮件设计
- 视频和图片：通过 gpt-image-2、Seedance 2.0 生成
技能遵循 Claude Code 的 SKILL.md 规范，本质上就是文件夹里的文件，放入即可识别，无需安装插件。
3. 150 个内置设计系统
每个设计系统都包含完整的颜色、字体、间距等规范：
Linear、Stripe、Vercel、Airbnb、Apple、Google Material、Ant Design 等 150 个主流设计系统开箱即用。
生成设计时可以选择套用哪个设计系统，确保输出风格统一且专业。
4. 本地优先架构
用户电脑 → Open Design Daemon → 你选择的 AI 代理 → 生成文件 → 保存到本地 |
所有处理都在本地完成：
- 项目数据保存在
.od/目录 - 代理拥有真实的
Read、Write、Bash权限 - 生成的文件直接保存到你的项目文件夹
- 不依赖云端服务，支持离线使用
5. 交互式需求发现
生成设计前，Open Design 会通过内置的”问题表单”收集需求：
- 目标受众是谁？
- 什么基调？（专业/活泼/极简…）
- 品牌色和字体偏好？
- 需要哪些页面/组件？
先锁定方向再生成，有效减少后期反复修改。
安装方式
方式一：下载桌面应用（推荐普通用户）
访问 open-design.ai 或 GitHub Releases 下载预编译安装包，无需 Node.js 环境，开箱即用。
方式二：Docker 部署
git clone https://github.com/nexu-io/open-design.git |
方式三：从源码运行
git clone https://github.com/nexu-io/open-design.git |
环境要求：Node.js 24+，pnpm 10.33.x。
技术架构
项目的技术栈比较现代：
| 层 | 技术 |
|---|---|
| 前端 | Next.js 16 + React 18 + TypeScript |
| 后端守护进程 | Node.js 24 + Express + SQLite |
| 代理通信 | child_process.spawn + 事件解析器 |
| 桌面应用 | Electron（可选） |
| 包管理 | pnpm 工作区 |
关键设计理念：
- **”提示栈就是产品”**：发送给 AI 代理的提示由多层可编辑文件组合而成（发现指令、身份章程、设计系统、技能定义），完全透明可定制
- **”技能是文件，不是插件”**：遵循标准
SKILL.md规范，放入目录即被识别 - 内置 MCP 服务器：只读的 Model Context Protocol 服务器，允许 Claude Code 等代理直接访问 Open Design 的项目文件，实现无缝协作
适合谁用？
| 用户类型 | 适用场景 |
|---|---|
| 独立开发者 | 快速生成落地页、产品原型 |
| 设计师 | 用 AI 辅助生成初稿，再精修 |
| 创业团队 | 快速出 PPT、Dashboard 原型 |
| AI 工具爱好者 | 探索 AI 生成设计的工作流 |
总结
Open Design 的定位很聪明——它不做 AI 代理，而是做 AI 代理的”设计外挂”。你电脑上已有的 Claude Code、Codex 等工具就是它的引擎，它负责把设计工作流串联起来，提供 137 个技能和 150 个设计系统作为弹药。
如果你已经装了 Claude Code 之类的工具，又想尝试 AI 辅助设计，Open Design 值得一试。
项目地址：https://github.com/nexu-io/open-design
官网：https://open-design.ai/
协议：Apache-2.0
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 AI技术前沿！
相关推荐
2026-05-26
Browser Harness vs Playwright CLI - AI 浏览器自动化工具深度对比
前言AI 编程助手（Claude Code、Copilot 等）的普及催生了一个新需求：让 AI 操控浏览器完成复杂任务。无论是自动化测试、数据采集，还是帮你在网页上点来点去，AI + 浏览器都成了热门组合。 最近 GitHub 上冒出两个备受关注的项目，正好代表了两种截然不同的技术路线： 项目 Stars 开发者 语言 定位 Browser Harness 13.8k browser-use 团队 Python 自愈式 CDP 套件 Playwright CLI 10.7k Microsoft TypeScript Token 高效的 CLI 工具 今天就对它们做一个全面对比，帮你搞清楚哪个更适合你的场景。 项目简介Browser Harness “Self-healing harness that enables LLMs to complete any task.” Browser Harness 是一个轻量级 CDP（Chrome DevTools Protocol）套件，核心理念是：一个 WebSocket 直连 Chrome，中间没有任何中间层...
2026-05-19
Llama 3.1 本地部署教程
项目介绍Meta 开源的 Llama 3.1 是目前最强的开源大语言模型之一，8B版本可以在消费级显卡上流畅运行。 GitHub: https://github.com/meta-llama/llama3 环境准备硬件要求 模型版本 显存需求 推荐显卡 8B 8GB RTX 3060/4060 70B 40GB+ RTX 4090 x2 软件环境# Ubuntu 22.04 系统sudo apt updatesudo apt install nvidia-driver-535 部署方式一：Ollama（推荐）# 安装 Ollamacurl -fsSL https://ollama.com/install.sh | sh# 下载 Llama 3.1 8Bollama pull llama3.1:8b# 运行对话ollama run llama3.1:8b# API 服务ollama serve 部署方式二：llama.cpp# 克隆项目git clone https://github.com/ggerganov/llama.cppcd llama.c...
2026-05-25
CodeGraph 部署与使用指南：让 AI 编程助手拥有语义级代码理解力
前言最近 GitHub 上增长最快的项目之一，colbymchenry/codegraph 以周增速 18,000+ Star 的速度冲上热门。它的核心理念很简单：给 AI 编程助手装一个「语义级代码搜索引擎」，让 Agent 不再盲目读文件，而是直接查询预构建的知识图谱。 本文详细介绍 CodeGraph 的安装、配置和核心用法。 它解决了什么问题？在使用 Claude Code、Cursor、Codex 等 AI 编程助手时，一个常见痛点是： Agent 想修改一个函数，却要先 grep 全文、逐个读取文件，消耗大量 token 和工具调用。 CodeGraph 的解决方案是： 用 Tree-sitter 解析源码，生成抽象语法树（AST） 提取符号关系（调用链、依赖链、路由映射） 存入本地 SQLite + FTS5 全文搜索索引 通过 MCP Server 暴露语义查询接口 结果：Agent 查询一个函数名，直接返回定义位置、调用者、被调用者、影响范围——无需扫描整个项目。 官方基准测试显示： 工具调用减少 71% Token 消耗减少 57% 延迟...
2026-05-08
2026年GitHub热门AI开源项目盘点
前言2026年，AI开源社区持续爆发。从大模型到工具链，无数优秀项目涌现。本文精选 GitHub 上最热门的 AI 开源项目，助你快速上手前沿技术。 榜单概览 项目 Stars 类别 简介 DeepSeek-R1 85k+ 大模型 国产开源推理模型 Ollama 120k+ 工具 本地运行大模型 ComfyUI 60k+ 绘图 Stable Diffusion GUI Open WebUI 50k+ 工具 ChatGPT风格界面 Lobe Chat 45k+ 工具 多模型聊天界面 vLLM 30k+ 推理 高性能推理引擎 AutoGen 35k+ Agent 多智能体框架 Dify 40k+ 平台 AI应用开发平台 1. DeepSeek-R1GitHub： https://github.com/deepseek-ai/DeepSeek-R1 简介： DeepSeek 推出的开源推理模型，数学和编程能力媲美 o1-preview。 亮点： 完全开源，可商用 推理能力极强，适合复杂问题 支持 Ollama/vLLM 等多种部署方...
2026-06-05
Claudian 深度体验：把 Claude Code 装进 Obsidian，知识库秒变 AI 工作台
前言如果你和我一样，日常用 Obsidian 管理知识库，又习惯了 Claude Code 那种「Agent 直接操作文件」的爽感，那你大概率想过一个问题： 能不能把 Claude Code 塞进 Obsidian，让 AI 直接在我的笔记库里干活？ 最近 GitHub 上一个叫 Claudian 的项目做到了这件事。12,300+ Star，619 次提交，38 个 Release——社区热情相当高。 一句话概括：Claudian 是一个 Obsidian 插件，它将 AI 编码代理（Claude Code、Codex 等）嵌入你的知识库，让你的笔记直接变成 AI 的工作目录。 Claudian 是什么？ 一个将 AI 编码代理嵌入 Obsidian 知识库的插件。你的知识库成为代理的工作目录——文件读写、搜索、bash 和多步骤工作流全部开箱即用。 通俗讲：Claudian 在 Obsidian 侧边栏里跑了一个完整的 AI Agent。这个 Agent 能： 读取和编辑你的笔记（带 diff 预览） 搜索整个知识库 执行 bash 命令 调用 MCP 工具 分步骤完成复...
2026-05-25
Shannon - AI自主渗透测试工具完全指南
项目简介Shannon 是由 Keygraph 开发的自主化 AI 白盒渗透测试工具，专为 Web 应用程序和 API 设计。它通过分析源代码、执行真实漏洞利用、生成可复现 PoC 报告的方式，实现端到端的自动化安全测试。 “Thanks to tools like Claude Code and Cursor, your team ships code non-stop. But your penetration test? That happens once a year. This creates a massive security gap.” 项目数据： GitHub Stars：43.6k 主要语言：TypeScript（92.5%） 许可证：AGPL-3.0 最新版本：v1.2.0（2026年5月） 仓库地址：https://github.com/KeygraphHQ/shannon 核心特性1. 完全自主运行单条命令即可启动完整渗透测试流程。Shannon 自动处理 2FA/TOTP 登录（包括 SSO）、浏览器导航、漏洞利用和报告生成，全程无需...
评论
