进阶教程:从跑通到稳定交付
跑通一次跟每次都稳,中间隔着的不是提示词技巧,是几件基础设施上的事:能力怎么固化、品牌怎么复用、质量怎么自动兜底、产物怎么进版本管理、钱怎么算。
这九篇不用按顺序读。挑你现在卡住的那一篇。
这一章讲什么
| 篇 | 讲的事 | 什么时候该读 |
|---|---|---|
| 01 · 技能 | SKILL.md 是什么,怎么写自己的 | 同一类活你已经做了三次 |
| 02 · 设计系统 | 152 套品牌系统,和抽自己的那一套 | 输出不像你们家的东西 |
| 03 · 模板与插件库 | 479+ 插件怎么找、怎么装、怎么贡献 | 每次都从空白开始 |
| 04 · Craft | 12 条与品牌无关的硬规则 | 输出好看但不能用 |
| 05 · 反 AI 味 | 需求表单、自我批判、lint 三道闸 | 一眼能看出是 AI 做的 |
| 06 · 导出与交付 | HTML / PDF / PPTX / MP4 / ZIP,以及 git | 要交给别人接着做 |
| 07 · 图像与视频 | 图像生成、代码动效、HTML 视频 | 需要的不只是静态页面 |
| 08 · 成本与团队 | BYOK、托管套餐、团队与企业版 | 要说服公司买单,或者控成本 |
三层结构
理解 OpenDesign 的关键,是看清它把「怎么做」拆成了三层,各管各的:
| 层 | 文件 | 管什么 | 谁在决定 |
|---|---|---|---|
| 技能 | SKILL.md | 做什么类型的东西,按什么流程 | 你选的技能 |
| 设计系统 | DESIGN.md | 长什么样——配色、字体、间距、语气 | 你选的品牌系统 |
| Craft | craft/*.md | 什么算合格——可访问性、状态、动效纪律 | 项目本身,品牌覆盖不了 |
一次生成是三层叠加的结果:技能说「做一个落地页,要有这几段」,设计系统说「按这套色和字」,Craft 说「按钮必须有 disabled 状态,动效必须尊重 prefers-reduced-motion」。
三层都是 Markdown,都能 fork,都能带走。这是它跟托管产品最实质的区别——你攒下来的东西不锁在任何人手里。
一条建议的推进路线
第一周:只用现成的。 从库里挑技能和设计系统,跑几个真实的活,建立手感。不要一上来就写自己的技能。
第二周:抽你自己的品牌。 从一张截图或者 Figma 导出抽一份 DESIGN.md,存进仓库。这是投入产出比最高的一步——一次投入,之后每次生成都受益。
第三周:把重复的活写成技能。 你会发现某类活的提示词每次都差不多,把它固化成一个 SKILL.md。
之后:接进流程。 产物进 git,导出接进交付流程,成本纳入预算。
别跳过第一周
直接开始写技能和设计系统,你会不知道该往里写什么。先用现成的跑几次,看它们是怎么写的,再动手改自己的。