一套设计系统，套用到 agent 做的每一样东西

用 Open Design 做设计系统的流程

1. 01

   沉淀系统

   描述你的品牌——颜色、字体、间距、语气——或让 agent 指向一个现有站点去提取。Open Design 把它写进一份留在你项目里的 DESIGN.md。

2. 02

   从成熟基底起步

   Open Design 自带 140+ 套参考设计系统——从 Apple、Linear 到编辑风、粗野主义。fork 一个接近你品牌的，而不是从白纸开始。

3. 03

   处处套用

   其他每个 skill 都读同一套系统，所以原型、deck、看板共享一套视觉语言——你不用每次重新指定。

4. 04

   在一处演进

   改一处系统，下一次渲染处处生效。因为它是 repo 里的一个文件，设计决策像代码一样被 review 和版本化。

用 Open Design 做设计系统 vs. 老办法

下面是 140+ 套参考系统里的几个，可作为起点 fork。挑一个接近你品牌的去改。

浏览设计系统 →

设计系统常见问题

1. 01 这里的设计系统具体是什么？ +

   repo 里一份 DESIGN.md，沉淀颜色、字体、间距、组件和语气。每个 Open Design skill 都读它，所以 agent 产出的任何东西都自动套用你的品牌。

2. 02 必须从零开始吗？ +

   不必。Open Design 自带 140+ 套参考设计系统可 fork——从 Apple、Linear 到编辑风、粗野主义——再适配你的品牌。

3. 03 怎么在 deck、看板、原型之间保持一致？ +

   因为这些 skill 都读同一份 DESIGN.md。定义一次，一致性就是自动的，而不是靠手动盯着。

4. 04 可以用哪些 agent？ +

   Claude Code、Codex、Cursor Agent、Gemini CLI 等一方适配，自带 provider 密钥。