skills.rest
markdown-viewer
markdown-viewerOFFICIAL
Explore all skills by this author →
GitHub

infographic

Generate template-based infographics from space-separated key-value data.

3.1k|179|Updated Jan 31, 2026
Search Tags:#templates#charts#generate#dsl#infographic#data-visualization#antv
One-click install
npx skills add https://github.com/markdown-viewer/skills --skill infographic-markdown-viewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: infographic
Source: https://github.com/markdown-viewer/skills/tree/main/infographic
Command: npx skills add https://github.com/markdown-viewer/skills --skill infographic-markdown-viewer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Convert compact plain-text data into ready-to-use visual infographics without manual layout or design work. Reduce errors and wasted time caused by inconsistent formatting and incorrect template names by following a strict, documented DSL.

Core Features & Use Cases

  • Template library: dozens of AntV Infographic templates for KPI cards, timelines, roadmaps, funnels, SWOT, quadrant matrices, org charts, pie/donut/bar/column charts, and word clouds.
  • DSL-driven input: space-separated key-value syntax with two-space indentation, array items using a dash prefix, and numeric value enforcement for chart calculations.
  • Theme & asset support: preset themes, custom palettes, icons via Iconify, and illustrations for visual templates.
  • Use case: product managers and designers can quickly turn metrics or roadmap items into consistent dashboard cards, timelines, or comparison visuals for reports and presentations.

Quick Start

Create an infographic list-grid-badge-card by providing the entry line infographic list-grid-badge-card followed by a data block with title and items using the space-separated key value syntax.

Frequently Asked Questions about infographic

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

FAQPage Schema
How do I generate infographics from plain text data?▼

You can generate infographics by providing a leading entry line with the template name, followed by a data block using two-space indentation and space-separated key-value pairs, avoiding YAML format to prevent render failures.

What infographic templates are available for data visualization?▼

Available infographic templates cover KPI cards, timelines, roadmaps, SWOT analyses, funnels, comparisons, org charts, and simple charts like pie, donut, bar, and column visualizations using AntV Infographic presets.

Can I use YAML to format data for infographic generation?▼

No, you should not use YAML. The DSL requires space-separated key-value pairs with two-space indentation and dash-prefixed array items, not YAML formatting, to successfully render the infographic templates.

Why does my infographic template fail to render?▼

Infographic render failures typically occur when using incorrect or misspelled template names, failing to use the required two-space indentation, or providing non-numeric values in fields that require numbers for chart calculations.

How do I create a KPI card or timeline for a product roadmap?▼

You create a KPI card or timeline by starting with the exact template name in the entry line, then formatting your roadmap items as space-separated key-value pairs with two-space indentation and dash-prefixed arrays.

Related Skills

Explore More Design & Creative Skills→
zhangdszqzhangdszq
1

infographic-syntax-creator

Convert structured user content into AntV Infographic DSL templates.

Community
Advanced
shekerkammashekerkamma

analytics-to-comms

Convert product analytics into reports, HTML infographics, slide decks, and Slack or Notion posts.

Community
Advanced
patriotnewsactivismpatriotnewsactivism
1

infographic-builder

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

Community
Intermediate
michaelschechtmichaelschecht
1

building-streamlit-dashboards

Create interactive Streamlit KPI dashboards with cards, metrics, and layouts.

Community
Intermediate