# Antv Infographic

Create beautiful infographics based on given text content.

- Repository: https://github.com/antvis/chart-visualization-skills (523 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-09-22
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add antvis/chart-visualization-skills --skill antv-infographic -g -a claude-code -y`
Codex: `npx skills add antvis/chart-visualization-skills --skill antv-infographic -g -a codex -y`
Cursor: `npx skills add antvis/chart-visualization-skills --skill antv-infographic -g -a cursor -y`
Gemini CLI: `npx skills add antvis/chart-visualization-skills --skill antv-infographic -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add antvis/chart-visualization-skills`

## Description

Create beautiful infographics based on given text content. Use when users request to create infographics.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

Infographics convert data, information, and knowledge into perceptible visual language. They combine visual design with data visualization, compressing complex information with intuitive symbols to help audiences quickly understand and remember key points.

`Infographic = Information Structure + Visual Expression`

This task uses [AntV Infographic](https://infographic.antv.vision/) to create visual infographics.

Before starting the task, you need to understand the AntV Infographic syntax specifications, including template list, data structure, themes, etc.

## Specifications

### AntV Infographic Syntax

AntV Infographic syntax is a custom DSL used to describe infographic rendering configurations. It uses indentation to describe information, has strong robustness, and is convenient for AI streaming output and infographic rendering. It mainly contains the following information:

1. template: Use templates to express the text information structure.
2. data: Infographic data, including title, desc, data items, etc. Data items typically contain fields such as label, desc, icon, etc.
3. theme: Theme contains style configurations such as palette, font, etc.

For example:

```plain
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
```

### Syntax Specifications

The rest: https://github.com/antvis/chart-visualization-skills/blob/HEAD/skills/antv-infographic/SKILL.md