skills.rest
Young-Z
Young-ZCOMMUNITY
Explore all skills by this author →
GitHub

infographic-syntax-creator

Convert user content into AntV Infographic DSL syntax with template selection.

8|2|Updated Jan 22, 2026
Search Tags:#template#markdown#visualization#infographic#data-structure#DSL#AntV
One-click install
npx skills add https://github.com/Young-Z/X-IPE --skill infographic-syntax-creator-young-z
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: infographic-syntax-creator
Source: https://github.com/Young-Z/X-IPE/tree/main/.github/skills/infographic-syntax-creator
Command: npx skills add https://github.com/Young-Z/X-IPE --skill infographic-syntax-creator-young-z

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill converts raw user content into precise AntV Infographic DSL syntax, removing guesswork when turning textual ideas into visual data representations.

Core Features & Use Cases

  • Template-aware generation: Automatically selects an appropriate infographic template based on input structure (lists, sequences, hierarchies, or relations).
  • Structured data mapping: Transforms titles, descriptions, and items into the data fields required by the chosen template.
  • Embeddable output: Produces a plain-text DSL ready to be embedded in Markdown code blocks with the infographic language tag.
  • Real-world use case: Convert a feature list or a project plan into a ready-to-render infographic.

Quick Start

Provide the content structure and desired template, for example: "Create a list-row-horizontal-icon-arrow infographic for a feature list with a title and items."

Frequently Asked Questions about infographic-syntax-creator

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

FAQPage Schema
How do I convert markdown lists into AntV infographic syntax?▼

To convert markdown lists into AntV infographic syntax, provide your content structure to the Skill, which automatically selects an appropriate template and maps your data into a ready-to-render infographic DSL.

What is DSL syntax used for in data visualization?▼

DSL syntax in data visualization defines structured infographic templates and data shapes. This Skill transforms outlines and relational data into a plain-text DSL ready to be embedded in Markdown code blocks.

Can I use AntV infographic templates for hierarchical data?▼

Yes, you can use AntV infographic templates for hierarchical data. The Skill evaluates your input structure and selects appropriate templates like hierarchies or sequences to map titles and items correctly.

What is the best way to generate an infographic from a project plan?▼

The best way to generate an infographic from a project plan is to input your feature list or outline. The Skill selects a matching template such as list-row-horizontal-icon-arrow and outputs strictly formatted DSL.

Why does my infographic DSL output include extra explanations?▼

Infographic DSL output should not include extra explanations. The Skill enforces strict formatting rules, outputting only plain text beginning with the infographic tag, using data and theme blocks with two-space indentation.

Related Skills

Explore More Design & Creative Skills→
kerimkerim
6

logseq-outline

Format hierarchical content as Logseq-compatible nested bullet outlines.

Community
Intermediate
plc1220plc1220
10

infographic

Convert user content into AntV Infographic DSL and a renderable HTML document.

Community
Intermediate
zhangdszqzhangdszq
1

infographic-syntax-creator

Convert structured user content into AntV Infographic DSL templates.

Community
Advanced
amdmaxamdmax
2

ux-professional

Analyze markdown content to generate Chart.js JSON and Mermaid diagrams.

Community
Advanced