- Home
- Skills
- Antvis
- Infographic
- Infographic Creator
infographic-creator_skill
- TypeScript
4.1k
GitHub Stars
1
Bundled Files
2 months ago
Catalog Refreshed
4 months ago
First Indexed
Readme & install
Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.
Installation
Preview and clipboard use veilstrat where the catalogue uses aiagentskills.
npx veilstrat add skill antvis/infographic --skill infographic-creator- SKILL.md11.0 KB
Overview
This skill creates polished infographics from user-provided text using the AntV Infographic framework. It converts content into AntV's DSL, selects appropriate templates, and outputs a ready-to-render syntax plus a complete HTML file for preview and SVG export. The goal is fast, accurate visualizations that respect the user's content and language.
How this skill works
I analyze the user's input to extract title, description, and structured items (lists, sequences, compares, charts, relations, or hierarchy). Based on content intent I choose a matching AntV template and generate the Infographic DSL using the correct data fields and theme settings. I can also assemble a full HTML file that loads AntV Infographic, renders the DSL, and includes an SVG export button for easy saving.
When to use it
- You have text or bullet points and want a ready-to-render infographic.
- You need the infographic DSL for AntV Infographic or a complete HTML preview file.
- You want to visualize processes, comparisons, hierarchies, charts, or relationships quickly.
- You need an infographic that preserves the original language and tone.
- You want consistent, themeable visual output with exportable SVG.
Best practices
- Provide a clear title and one-sentence description to anchor the layout.
- Supply structured items: use time/order for sequences, label/value for charts, children for hierarchies.
- Specify preferred template or intended visual form (list, sequence, chart, relation) if you have one.
- Keep each data item concise (short label, one-line desc) to improve visual clarity.
- Request color palette or font only when you need a specific brand/style applied.
Example use cases
- Turn meeting notes into a timeline infographic using a sequence-timeline template.
- Create a product feature grid with icons via a list-grid template.
- Visualize SWOT or two-way comparisons with compare-swot or compare-binary templates.
- Render organizational structure as a tree using hierarchy-tree templates.
- Generate a quick chart (bar/column/pie) from numeric metrics for a report.
FAQ
Yes. I preserve the user's language in the generated AntV DSL and output so the infographic text matches the original.
What do I get as deliverables?
I provide the AntV Infographic DSL, a full HTML preview file that renders the infographic, and instructions to export SVG directly from the preview.