infographic-syntax-creator

Generate AntV Infographic syntax blocks from user content.

68|5|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/twwch/OpenSkills --skill infographic-syntax-creator-twwch
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: infographic-syntax-creator
Source: https://github.com/twwch/OpenSkills/tree/main/examples/infographic-skills/infographic-syntax-creator
Command: npx skills add https://github.com/twwch/OpenSkills --skill infographic-syntax-creator-twwch

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Transform user content into precise AntV Infographic syntax, enabling quick generation of structured visual representations without manual formatting.

Core Features & Use Cases

  • Template selection: automatically choose an infographic template based on content structure.
  • Data structuring: organize title, description, items, or hierarchical data into the corresponding fields (lists, sequences, compares, or items).
  • Output discipline: ensure the first line is infographic <template-name> and the output uses two-space indentation and the required data/theme blocks.

Quick Start

Ask the AI to convert a brief description into an infographic syntax block.

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 content into infographic syntax?

You can convert markdown content into infographic syntax by passing your text to an AI assistant using this Skill, which structures the data into ready-to-render AntV infographic blocks with proper indentation.

What is the correct format for an AntV infographic syntax block?

An AntV infographic syntax block must begin with 'infographic <template-name>' on the first line, followed by data and theme sections indented with two spaces to ensure ready-to-render output.

How do I choose the right infographic template for my data structure?

Template selection is automated based on your content structure, automatically matching your data to list, sequence, hierarchy, or comparison templates to generate the correct infographic syntax.

Can I generate a hierarchy infographic from a brief text description?

Yes, you can generate a hierarchy infographic from a brief description by asking the AI to apply this Skill, which structures your titles, descriptions, and hierarchical data into the required fields.

Do I need to install any dependencies to generate infographic syntax blocks?

No dependencies are required to generate infographic syntax blocks, as this Skill operates by applying strict output rules and formatting through a frontmatter-driven prompt without external packages.

Why does my infographic syntax output fail to render correctly?

Infographic syntax output fails to render if the first line does not begin with 'infographic <template-name>' or if the data and theme sections lack the required two-space indentation formatting.