Infographic
🦋 An Infographic Generation and Rendering Framework, bring words to life with AI!
Infographic by AntV is a declarative infographic visualization engine that provides AI agent skills for generating professional infographics from natural language descriptions. The framework includes skills for Claude Code and Codex that enable AI agents to create HTML-rendered infographics, generate infographic syntax, and design custom templates. With over 200 built-in templates and a syntax optimized for AI streaming output, it transforms text descriptions into high-quality SVG infographics. Developers can integrate these skills into their AI assistants to add visual data storytelling capabilities.
Key Features
Use Cases
- 01Generate step-by-step process diagrams and workflow visualizations from text descriptions in AI chat sessions
- 02Create data-driven infographics for presentations and reports using AI assistants
- 03Build visual timelines, comparison charts, and list-based infographics through conversational prompts
- 04Extend AI coding assistants with capabilities to produce professional data visualizations in development workflows
- 05Generate marketing and educational infographics by describing content to Claude Code or Codex
- 06Automatically create SVG diagrams for documentation that can be further edited manually
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
Infographic — FAQ
What is AntV Infographic agent skill?+
AntV Infographic is a set of agent skills that enable AI assistants like Claude Code and Codex to generate professional infographics from natural language descriptions. It provides specialized skills for creating HTML files with rendered infographics, generating infographic syntax, and designing custom templates.
How do I install AntV Infographic skills in Claude Code?+
You can install from the Claude marketplace using '/plugin marketplace add https://github.com/antvis/Infographic.git' then '/plugin install antv-infographic-skills@antv-infographic'. Alternatively, manually download the skills.zip from the GitHub releases and extract to .claude/skills directory.
Which AI clients support AntV Infographic skills?+
AntV Infographic skills work with Claude Code and Codex. The core @antv/infographic library can also be integrated into custom applications and has community plugins for various platforms including VSCode, Obsidian, and React.
Do I need API keys to use AntV Infographic skills?+
No API keys are required. The skills run locally and generate infographics using the declarative syntax without external service dependencies.
Is AntV Infographic free to use?+
Yes, AntV Infographic is open source under the MIT license and free for both personal and commercial use.
What types of infographics can I create with this skill?+
You can create lists, timelines, process flows, comparisons, data visualizations, and custom infographic designs. The framework includes over 200 built-in templates and supports streaming rendering for real-time AI generation.
How do I install Infographic?+
Open the source repository on GitHub and follow its README. Infographic is a skill — MCP Agents Market links you directly to the official repo.
Is Infographic free?+
Infographic is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.