跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/nicepkg/ai-workflow/infographic-creation

Claude Code 信息图制作技能|把步骤说明转成 AntV 信息图

English

Claude Code 安装步骤

  1. 打开固定版本的仓库工作副本,确认 `workflows/talk-to-slidev-workflow/.claude/skills/infographic-creation/SKILL.md` 存在。
  2. 从`workflows/talk-to-slidev-workflow` 子项目启动 Claude Code,输入 `/infographic-creation` 并描述要处理的内容与验证目标。

中文摘要

把文字整理为标题、说明和有序条目,用 AntV Infographic 语法生成可渲染的流程图稿。

SKILL.md 中文导读

可复现示例

用中文做一张社区图书借阅信息图,依次展示「选书」「登记」「归还」。只使用文本和箭头。

工作步骤

  1. 确定内容是步骤、比较还是层级,提取每个节点的标题和说明。保留输入语言。
  2. 对简单的三步流程选择 `list-row-simple-horizontal-arrow`,把标题和节点交给 AntV 渲染后逐项核对。

验收方法

应得到三项顺序正确的流程语法。预览时检查每个节点是否可见以及两处连接的方向。

GitHub 原文 · 更新日期 2026-11-13

适用环境

从固定版本工作副本的 Slidev 工作流子项目启动 Claude Code。要渲染时,使用项目里已经安装或选定版本的 `@antv/infographic`。

常见问题

生成图稿时可以省略图标吗?

可以。需要突出的是步骤顺序时,用带箭头的文本模板即可。

技能信息

GitHub 仓库
nicepkg/ai-workflow

收集于互联网

相关指南

  • Claude Code 自定义 Skills:SKILL.md 的目录、触发条件与测试
更多 Claude Code 技能

相关推荐

  • remove-old-skills-from-workflow 技能

    nicepkg/ai-workflow

  • agile 技能

    nicepkg/ai-workflow

  • analytics-interpretation 技能

    nicepkg/ai-workflow

  • astro-cta-injector 技能

    nicepkg/ai-workflow

  • content-optimizer 技能

    nicepkg/ai-workflow

  • ChatGPT 内容复用技能:把同一材料做成讲稿、卡片和测验

    nicepkg/ai-workflow

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯