Open Design (开源设计)
开源的 Claude Design 替代品:本地优先桌面应用 + 164 个设计 skills + 115 个渲染模板 + 品牌 DESIGN.md 契约,让 25+ 种 coding agent 在本地完成从 brief 到交付的完整设计闭环,并带一个非程序员也能一键提 PR 的 AI 贡献流程(od-contribute)。
仓库:nexu-io/open-design
热度证据:85,433 star,设计类开源项目现象级代表
五维评分
热度5/5
质量5/5
创新5/5
易用4/5
文档5/5
优秀点拆解
- 验证器与真实 loader 行为对齐:validate-skill-submission.sh 强制 SKILL.md 第一行必须是 frontmatter fence,因为 Claude Code 与 Codex CLI 的 loader 都从首行解析——验证通过即代表真实 loader 可加载,杜绝假通过
- 按贡献类型分叉的 no-code 提交流程:od-contribute 用四张卡片(提交 skill/设计系统、翻译、修文档、报 bug)分流,每类配专用验证脚本,共享预览+显式确认+推送出口,并硬性护栏(禁推 main、禁 force push、工作区锁死、push 前必须用户选 Ship it)
- 结构保持翻译 + reference-diff 隔离存量坏引用:翻译时代码块/品牌名/链接目标一律保留,表格只译单元格文本;--reference 参数让验证器忽略源文档本就存在的坏链接(OD 文档常链接网站路由 slug),新贡献不被历史遗留阻塞
- 语言双层策略:与用户对话镜像用户语言(AskUserQuestion 全部翻译),但生成的 PR 标题/commit/branch 强制英文,交互本地化与维护者产物标准化显式分离
- 三层内容资产架构(skills 功能 / design-templates 渲染 / design-systems 品牌契约 / craft 通用规则),文件系统即产品数据库,内容可 diff、可 PR、可 remix
可复用的设计模式
- 文件系统即产品数据库:功能 skills、渲染模板、品牌契约(DESIGN.md)分目录存放,产品只做扫描与渲染,内容资产用目录结构表达而非数据库 schema
- 贡献管道骨架:分类型分支 + 每类型专用验证器(输出 PASS/FAIL 行)+ 所有分支汇合到预览-显式确认-推送统一出口
- validator 与消费端解析器对齐:写校验规则前先研究真实 loader 的解析规则并复刻,保证通过验证即可用
- 机械可验证的结构保持翻译:翻译质量靠规则兜底(保留类型清单、行数差 ±15%、reference diff),不依赖人工审读
适用场景
用本地 coding agent(Claude Code/Codex/Cursor 等)批量生成带品牌一致性的原型、网页、deck、海报、视频动效团队把品牌蒸馏为 DESIGN.md 契约,让所有 agent 产出自动符合品牌规范非程序员向开源设计生态一键贡献自己做的 skill/设计系统、翻译文档、修复文档或上报 bug(od-contribute 流程)
边界与注意:仓库是巨型 pnpm monorepo(Node 24 + pnpm 10.33 固定版本,Windows native 仅 best-effort),自建本地开发环境成本高;od-contribute 强依赖 gh CLI 与 GitHub 账号,非 GitHub 场景无法复用;品牌保真度取决于 DESIGN.md 的质量,契约写得潦草输出仍会跑偏。
完整拆解分析文档
本页为摘要版,完整精读分析(核心机制、逐条优秀点拆解、写作过程)见本地 Markdown 文档:
analysis/community-open-design.md