03 · 模板与插件库

空白画布是最贵的起点。插件库的意义就是让你别从空白开始。

库里有三类东西

官网上的插件库目前 479+ 条，分成三类：

类	数量	是什么	什么时候用
Templates	292	可运行的模板，每个带 `example.html`	你知道大概要什么形状
Skills	23	纯 `SKILL.md` 指令	你需要的是判断，不是起点
Systems	152	品牌级设计系统	你要定视觉方向

三类可以叠加用：一个模板起头，一个设计系统定调，一两个技能补判断。

数字会变

库在持续增长，网站首页的统计卡和插件页的数字不一定同步（写这本书时首页写 458+，插件页写 479+）。要确认当前有什么，直接翻 open-design.ai/plugins。

模板不是「一个空框架」。库里的条目大多带着完整的语境。举几个真实存在的类型：

prototype 类 — 单文件的 WebGL 首屏、仪表盘、博客文章页、临床病例报告。
deck 类 — 面向具体场景的演示模板，比如「像顶级加速器合伙人那样写路演」「像上市公司董事长那样写董事会预读材料」「像杂志艺术总监那样做编辑设计系统」。
video 类 — 动效帧模板，欧洲海报风、极简留白、数据滚动。

deck 那一类值得多看一眼。它们不是「商务模板 A/B/C」，而是把某个角色的判断写进去了——受众是谁、要促成什么决定、哪一页该放什么。用它们的时候你继承的不只是版式，还有那套叙事结构。

库里可以按类型（web / deck / marketing / prototype / desktop / brand / editorial / motion）和按 Agent 筛。每一条都能「Read full prompt」看它的完整提示词。

这个功能被低估了。 直接读那些模板的提示词，是学怎么写好提示词最快的路——你能看到官方是怎么把「一份董事会材料」拆成具体约束的。

界面里点安装就行。装完之后它出现在你的可选列表里，跟内置的没区别。

也可以只借用不安装：读它的提示词，把有用的部分抄进你自己的提示词里。库是 Apache-2.0 的一部分，这么用完全正当。

每个模板、技能、设计系统都是社区可扩展的。流程是标准的开源流程：

值得贡献的通常是这两类：

做一份客户提案，实际会这么叠：

text

模板：Build a Buyer-Committee Leave-Behind（采购委员会留档材料）
系统：client-a/DESIGN.md（客户的品牌）
技能：色彩理论 + 文案（补判断）

模板给你叙事结构和页面骨架，设计系统让它看起来是客户家的东西，技能补上具体判断。三层各管各的，换任何一层都不影响另外两层。