Claude Code 信息图制作技能|把步骤说明转成 AntV 信息图
EnglishClaude Code 安装步骤
- 打开固定版本的仓库工作副本,确认 `workflows/talk-to-slidev-workflow/.claude/skills/infographic-creation/SKILL.md` 存在。
- 从`workflows/talk-to-slidev-workflow` 子项目启动 Claude Code,输入 `/infographic-creation` 并描述要处理的内容与验证目标。
中文摘要
把文字整理为标题、说明和有序条目,用 AntV Infographic 语法生成可渲染的流程图稿。
SKILL.md 中文导读
可复现示例
用中文做一张社区图书借阅信息图,依次展示「选书」「登记」「归还」。只使用文本和箭头。工作步骤
- 确定内容是步骤、比较还是层级,提取每个节点的标题和说明。保留输入语言。
- 对简单的三步流程选择 `list-row-simple-horizontal-arrow`,把标题和节点交给 AntV 渲染后逐项核对。
验收方法
应得到三项顺序正确的流程语法。预览时检查每个节点是否可见以及两处连接的方向。
GitHub 原文 · 更新日期
适用环境
从固定版本工作副本的 Slidev 工作流子项目启动 Claude Code。要渲染时,使用项目里已经安装或选定版本的 `@antv/infographic`。
常见问题
生成图稿时可以省略图标吗?
可以。需要突出的是步骤顺序时,用带箭头的文本模板即可。