Infographic Creator

This one generates infographics using AntV's DSL syntax, which means you describe what you want in a structured text format and get back a visual diagram. It's built around 50+ templates covering lists, sequences, hierarchies, comparisons, charts, and relationship diagrams. The language lock feature is smart: if you write your prompt in English, all labels stay in English, same for Chinese. It enforces specific syntax rules like requiring icons for most data items and keeping units in labels rather than values. Useful when you need to turn structured data into something visual without opening design software, though you'll want to check the template list first to see if it matches your layout needs.

skills.sh installs: 275
GitHub stars: 7.1K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add antvis/infographic --skill infographic-creator --agent claude-code

Installs into .claude/skills of the current project.

Files

信息图（Infographic）将数据、信息与知识转化为可感知的视觉语言。它结合视觉设计与数据可视化，用直观符号压缩复杂信息，帮助受众快速理解并记住要点。

Infographic = Information Structure + Visual Expression

本任务使用 AntV Infographic 创建可视化信息图。

在开始任务前，需要理解 AntV Infographic 语法规范，包括模板列表、数据结构、主题等。

Language Lock

Prompt 的书写语言和示例语言不能决定最终输出语言。
如果用户输入英文，则生成的 title、desc、label 等文案必须保持英文，不要自动翻译成中文。
如果用户输入中文，则生成的 title、desc、label 等文案必须保持中文，不要自动翻译成英文。

规范

AntV Infographic 语法

AntV Infographic 语法是一种自定义 DSL，用于描述信息图渲染配置。它使用缩进表达结构，适合 AI 直接生成并流式输出。核心信息包括：

template：用模板表达信息结构。
data：信息图数据，包含 title、desc 和主数据字段。
theme：主题配置，包含 palette、字体、风格化等。

例如：

infographic list-row-horizontal-icon-arrow
data
  title Title
  desc Description
  lists
    - label Label
      value 12.5
      desc Explanation
      icon document text
theme
  palette #3b82f6 #8b5cf6 #f97316

硬性语法规则

SKILL.md on GitHub

Details

Repository: github.com/antvis/infographic
First seen: Jun 3, 2026