skills.rest
tamnguyentommy-rgb
tamnguyentommy-rgbCOMMUNITY
Explore all skills by this author →
GitHub

infographic-builder

Create infographics from content using AntV Infographic or React templates.

2|2|Updated Apr 3, 2026
Search Tags:#design#templates#storytelling#infographic#data-visualization#antv
One-click install
npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill infographic-builder-tamnguyentommy-rgb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: infographic-builder
Source: https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project/tree/main/.local/secondary_skills/infographic-builder
Command: npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill infographic-builder-tamnguyentommy-rgb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Infographics convert data, information, and knowledge into perceptible visual language, enabling audiences to grasp complex ideas quickly.

Core Features & Use Cases

  • AntV Infographic primary workflow: use template-based DSL for fast, single-type visuals.
  • Fallback React component approach for multi-type visuals when content requires combined charts and layouts.
  • Types of visuals supported include process flows, timelines, comparisons, hierarchies, and data charts.

Quick Start

Create a basic infographic using AntV Infographic DSL to visualize a simple data set.

Frequently Asked Questions about infographic-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn data into an infographic for visual storytelling?▼

Supported infographics include process flows, timelines, comparisons, hierarchies, and data charts. You can generate these visuals using the template-based AntV Infographic DSL or a React fallback for combined layouts.

How do I create a timeline or process flow infographic from text?▼

The workflow enforces a consistent frontmatter definition and uses a safe, self-contained rendering process with clearly defined data fields and optional resource directories for assets.

What's the best way to build comparison and hierarchy visuals from raw data?▼

Yes, the Skill supports multi-type designs via a React fallback approach, allowing you to combine timelines, processes, and comparisons within a single infographic layout.

Are there limitations when using AntV for multi-type data visualization?▼

AntV Infographic DSL is limited to fast, single-template visuals. For multi-type data visualization combining charts and layouts, you must switch to the React fallback approach to render properly.

Related Skills

Explore More Design & Creative Skills→
ondrej-svecondrej-svec
18

linkedin-carousel

Convert ordered screenshots into a LinkedIn carousel PDF with per-page background matching.

Community
Advanced
LearnPromptLearnPrompt
863

humanize-ppt

Transform raw text into structured presentations with AST outlines and visual elements.

Community
Advanced
patriotnewsactivismpatriotnewsactivism
1

infographic-builder

Convert raw data and text into infographics using AntV Infographic DSL and React.

Community
Intermediate
KartikSharma4448KartikSharma4448

infographic-builder

Create data-driven infographics using AntV Infographic DSL templates and React fallbacks.

Community
Intermediate