Can I customize the colors and fonts of the output?

Yes, the skill supports theme customization, allowing you to define specific color palettes, font families, and stylization options like 'rough' or 'gradient' within the DSL.

How do I view the generated infographic?

The skill generates a standalone HTML file. Simply open this file in any modern web browser to view the high-quality rendering and export it as an SVG.

What types of diagrams are supported?

It supports a vast range of types including sequence diagrams, hierarchy trees, pie charts, line graphs, SWOT analyses, quadrant charts, and relation flows.

Do I need to learn the AntV Infographic syntax to use this?

No, you can simply provide Claude with natural language descriptions or raw data, and the skill will automatically select the best template and generate the syntax for you.

AntV Infographic Creator

Name: AntV Infographic Creator
Author: antvis

byantvis

•

4,652

•

设计工具

Generates professional, data-driven infographics from text descriptions using the AntV framework.

This skill empowers Claude to transform complex text, data structures, and processes into visually compelling infographics. By utilizing the AntV Infographic DSL, it supports a wide array of templates including sequence diagrams, SWOT analyses, hierarchy trees, and statistical charts. It is particularly useful for summarizing reports, visualizing workflows, or creating quick visual aids for presentations directly within the development environment, providing a seamless bridge between raw information and polished visual communication.

主要功能

014,652 GitHub stars

02Thematic customization for palettes, fonts, and hand-drawn effects

03Natural language to visual DSL transformation for rapid prototyping

04Comprehensive template library including sequences, hierarchies, charts, and quadrants

05Structured data mapping for complex system interactions and relationships

06Automated HTML/SVG rendering with browser-ready file generation

使用场景

01Summarizing data comparisons, SWOT analyses, or task priorities for documentation

02Visualizing software architecture, system interaction flows, and API logic

03Creating project roadmaps, process step diagrams, and development timelines

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add antvis/infographic infographic-creator

For use in Claude.ai and ChatGPT

Download Skill