用途:从 Figma 文档图层提取文本与图片,生成或重写 SEED Design 组件指南 MDX 文件。
输入:需要两个输入——Figma 节点 URL(未提供时向用户询问)和 MDX 文件名(如 radio、action-button)。目标文件为 docs/content/components/{file-name}.mdx,目录为扁平结构并按字母排序。
主要步骤:
- 提取内容:对每个 Figma 节点 URL 调用 get_node_info(单数,直接接受 figmaUrl),不要用 get_nodes_info(复数)。多个 URL 可并行派发子代理。识别标题、正文、表格、Do/Don't 等结构。
- 编写 MDX:先阅读 references/patterns.md。此阶段不得添加 Figma 源中不存在的内容,不转述、不解释、不补充。Figma 粗体转为 bold,适合表格的内容用 markdown 表格,提及其他组件时加超链接,如 Bottom Sheet。FigmaImage 放在正文之后而非标题正下方,顺序为标题→正文→图片。标题顺序:Anatomy → Properties → Guidelines → Comparison → V3 Changes → Specification(仅含适用部分)。用韩语撰写,组件名与技术术语用官方英文名,语气礼貌。
- 映射图片 ID:用 find_nodes(name: "Document / Image", nodeId: "{parent layer ID}") 查找子节点,将 ID 依次填入空的 id="" / figmaId="" 字段。若数量不匹配,先询问用户。
- 审查:检查 PlatformStatusTable 在顶部、ComponentSpecBlock 在底部、Markdown 语法、术语、交叉引用、内部链接有效性、平台特定引用等。
限制:资料未提供该技能的安装方式、收费、平台支持范围与效果数据。