五件套：figma-use（插件 API 基座）→ figma-generate-design（设计系统出屏）→ figma-implement-design（设计转代码）→ figma-generate-library（代码库反生成设计系统）→ figma-code-connect-components（组件双向映射）——设计与代码的双向流水线。
一句话定位
一条完整的设计↔代码往返管线：从设计系统生成界面、从界面实现代码、从代码库反向生成设计系统、把设计组件与代码组件焊接——五技能共享一个插件 API 基座（figma-use）。
五件套精要
figma-use · 基座（强制前置）
- 「每次调用 use_figma 工具前必须先激活本技能」——插件 API 的使用规程独立成技能
- 骨架：关键规则→页面规则→return 是唯一输出通道→编辑器模式→增量工作流（怎么避免 bug）→错误恢复与自纠→飞行前检查单→创建前先发现惯例
- 工程纪律浓：增量、自纠、检查单三件套俱全
figma-generate-design · 设计系统出屏
- 从设计系统构建/更新界面屏；Web 应用专用的并行工作流（与 generate_figma_design 并行）
- 技能边界节（Skill Boundaries）显式写明「什么不归我管」
figma-implement-design · 设计转代码
- Figma 设计→生产级代码，1:1 视觉保真承诺
- 实现规则、常见问题与解法、最佳实践三节
figma-generate-library · 代码反生成设计系统
- 从你的代码库反向生成 Figma 里的专业设计系统
- 骨架是五件套最重的：「最重要的一条规则」→强制工作流→长工作流的状态管理→复用决策矩阵（search_design_system）→用户检查点→命名约定→Token 架构→分阶段反模式
figma-code-connect-components · 组件映射
- Figma 设计组件 ↔ 代码组件的 Code Connect 映射——设计与代码的「同一名词表」
方法论精华
1. 「创建前先发现惯例」（figma-use）——动手造之前先看文件里已有的命名、结构、Token 惯例：对协作产物的第一敬意是续用它的语言。
2. 复用决策矩阵（generate-library）——生成新组件前先搜设计系统：命中则复用、近似则扩展、无命中才新建——三分法决策比「总是新建」省一个熵增的设计系统。
3. 分阶段反模式——每个工作流阶段列出「这个阶段最容易犯的错」：反模式清单比最佳实践清单更可执行，因为它来自真实翻车。
4. 双向性是设计资产的管理学：设计→代码（implement）与代码→设计（generate-library）两条腿——设计系统不是设计部门的私产，是两边的公共契约。
编者注
Anthropic 目录里没有等价物——这条链是 OpenAI 技能目录最有「产品思维」的一组。对做设计系统的团队：generate-library 的 Token 架构 + 复用矩阵 + 分阶段反模式三节，单独抄出来就是一份设计系统治理手册。