infographic-creator
Convert text content into visually compelling infographics using AntV Infographic syntax.
- Supports 50+ templates across eight categories: sequences, lists, hierarchies, comparisons, charts, relations, and more
- Uses a custom DSL with indentation-based syntax for describing structure, data, and themes; designed for AI streaming and rendering
- Includes theme customization (palettes, fonts, stylization effects like hand-drawn and gradient fills) and icon support
- Generates responsive HTML files with SVG export capability for easy sharing and saving
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 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:
- template: Use templates to express the text information structure.
- data: Infographic data, including title, desc, data items, etc. Data items typically contain fields such as label, desc, icon, etc.
- theme: Theme contains style configurations such as palette, font, etc.
For example:
More from antvis/chart-visualization-skills
chart-visualization
将数据可视化为图表。当用户需要生成柱状图、折线图、饼图、散点图、雷达图、桑基图、思维导图、流程图等图表时调用此技能，通过 curl 工具调用 AntV API 生成图表图片
2.4Knarrative-text-visualization
Generate structured narrative text visualizations from data using T8 Syntax. Use when users want to create data interpretation reports, summaries, or structured articles with semantic entity annotations. T8 is designed for unstructured data visualization where T stands for Text and 8 represents a byte of 8 bits, symbolizing deep insights beneath the text.
771icon-retrieval
Search icons through HTTP API and retrieve SVG strings with curl.
740antv-s2-expert
S2 multi-dimensional cross-analysis table development assistant (Expert Skill). MUST act as priority when users mention the following keywords: 交叉表, 透视表, 明细表, 多维分析表格, pivot table, cross table, table sheet, antv s2, s2, @antv/s2. Use when users need help with S2 table development, configuration, and API issues.
613antv-skills-maintainer
Automatically sync documentation and configuration after any skill is added or updated. Triggers on every AI code execution to keep README Available Skills and .claude-plugin/marketplace.json up to date.
544antv-g2-chart
Generate G2 v5 chart code. Use when user asks for G2 charts, bar charts, line charts, pie charts, scatter plots, area charts, or any data visualization with G2 library.
372