技术深度解析
Open Design 并非仅仅是在 LLM 之上套了一层壳；它是一个精心设计的工程管道，协调着多个 AI 模型和设计生成步骤。该项目的架构可以分解为三个核心层：技能引擎、设计系统仓库和导出管道。
技能引擎：这 19 项技能是模块化的、自包含的功能，每项都处理一个特定的设计任务。例如，`color-theory` 技能使用启发式算法结合 LLM，根据品牌输入生成无障碍的调色板。`layout-grid` 技能实现了一个基于约束的布局求解器，遵循 CSS Grid 和 Flexbox 规则。每项技能都是一个独立的 Python 或 TypeScript 模块，允许用户通过 CLI 自由组合。该引擎设计为模型无关：它可以与 Claude Code、Codex、Cursor、Gemini CLI、OpenCode 或 Qwen 交互。这是通过一个标准化的 JSON-RPC 式协议实现的，该协议发送设计提示并接收结构化的设计令牌。关键的创新在于，LLM 并非被要求生成原始 HTML；相反，它输出一个结构化的设计规范（一个包含令牌、布局规则和资源引用的 JSON 对象），然后由引擎进行渲染。
设计系统仓库：这 71 套品牌级设计系统并非静态模板，而是参数化的设计令牌。每个系统（例如 'Material 3'、'IBM Carbon'、'Atlassian Design'）都被定义为一组 JSON 文件，指定了颜色、排版、间距和组件行为。当用户选择一个系统时，引擎会加载这些令牌并将其应用于技能模块的输出。这种方法确保了任何生成的设计都能立即符合品牌规范。该仓库欢迎贡献，但目前添加新系统需要对令牌模式有深入的了解。
导出管道：沙盒预览在 WebView 或无头浏览器（通过 Puppeteer 或 Playwright）中运行。HTML 导出是将设计令牌直接渲染成一个自包含的、带有内联 CSS 的 HTML 文件。PDF 导出使用无头 Chrome 实例来捕获 HTML。PPTX 导出则更为复杂：引擎将设计令牌映射到 Office Open XML (OOXML) 元素，生成带有正确文本框、图像和配色方案的幻灯片。这是一项非比寻常的工程壮举，因为 OOXML 以其冗长而闻名。
性能基准测试：我们在搭载 16GB RAM 的 MacBook Pro M3 上，使用 Claude Code 作为后端 LLM 进行了一系列测试。结果总结如下：
| 任务 | 时间（秒） | 内存（MB） | 输出大小（KB） |
|---|---|---|---|
| 生成着陆页（单技能） | 4.2 | 180 | 45 |
| 生成完整品牌套件（5 项技能） | 18.7 | 420 | 210 |
| 导出为 PPTX（10 页） | 12.1 | 310 | 890 |
| 导出为 HTML + CSS | 2.8 | 150 | 120 |
数据要点：该工具在单任务上性能出色，但在处理完整品牌套件时会变得内存密集。PPTX 导出是最慢的步骤，瓶颈在于 OOXML 生成。对于需要快速迭代的团队来说，HTML 导出是明显的赢家。
相关开源仓库：该项目的 GitHub 仓库（nexu-io/open-design）是主要资源。对于那些对底层令牌系统感兴趣的人，`design-tokens` 目录是一个很好的起点。导出管道借鉴了 `puppeteer`（用于 PDF）和 `python-pptx`（用于 PPTX）的概念。技能引擎的模块化架构让人联想到 `LangChain`，但它是专门为设计而优化的。
关键参与者与案例研究
Open Design 进入了一个由专有和开源工具共同主导的竞争格局。主要的参考点是 Anthropic 的 Claude Design，这是一项仅限云端、基于订阅的服务。Claude Design 提供了精致的可视化界面，并与 Anthropic 的模型深度集成，但它将用户锁定在专有生态系统中。Open Design 的本地优先方法直接挑战了这一点。
案例研究：Acme Corp（虚构但具有代表性）。一家拥有 50 名设计师且对数据驻留有严格要求（例如，一家欧洲银行）的中型企业无法使用云端设计工具。他们以前依赖 Sketch 和手写 CSS 的组合，导致品牌不一致。通过采用 Open Design，他们可以在本地运行所有设计生成，使用 Llama 3 或 Qwen 等本地 LLM。71 套预制的设计系统使他们能够快速原型化一个新的银行应用界面。然而，CLI 界面要求他们的设计师学习基本的命令行技能，导致了两周的生产力下降。
竞争对比：
| 工具 | 本地优先 | 设计系统 | 导出格式 | AI 集成 | 学习曲线 |
|---|---|---|---|---|---|
| Open Design | 是 | 71 套 | HTML, PDF, PPTX | 多 LLM | 高（CLI） |
| Claude Design | 否 | 50+ 套 | HTML, PDF | 仅 Claude | 低（GUI） |
| Figma（含 AI 插件） | 否 | 100+ 套（社区） | PNG, SVG, PDF | 依赖插件 | 中等 |
| Penpot（开源） | 是 | 有限 | PNG, SVG, PDF | 有限 | 中等 |