Overview

Generates AntV Infographic syntax outputs from user content by selecting a matching template, structuring data (title, desc, items, hierarchy, metrics), and applying a theme. It outputs a single infographic markdown code block starting with infographic <template-name> and follows the Infographic DSL rules.

How This Skill Works

The tool analyzes user content to extract title, description, items, hierarchy, and metrics, then selects a template that best fits the data (sequence, list, compare, hierarchy, or chart). It composes the syntax following the reference prompt formatting, preserves hard constraints (single code block, first line infographic <template-name>, two-space indentation, dash-prefixed arrays), and emits the final block. For compare templates, it enforces exactly two root nodes with children.

When to Use It

• When you need to convert user content into an Infographic DSL template (sequence, list, hierarchy, or chart).
• When you must output the exact plain syntax block starting with infographic <template-name>.
• When creating a compare infographic to contrast two items or options.
• When the data includes a title, description, items, hierarchy, or metrics that require structured formatting.
• When you want the system to infer missing pieces from user input to fit the best-fitting template.

Quick Start

1. Step 1: Provide user content with a title, description, items, and any hierarchy or metrics.
2. Step 2: Indicate the desired template or let the system select the best fit (sequence/list/compare/hierarchy/chart).
3. Step 3: Receive a single infographic <template-name> markdown code block formatted with two-space indentation.

Best Practices

• Read references/prompt.md for exact syntax rules, templates, and formatting constraints.
• Match the data structure to the most appropriate template (sequence/list/compare/hierarchy/chart) before composing.
• Preserve hard constraints: output must be a single infographic markdown code block; first line must be infographic <template-name>.
• Use two-space indentation for key/value pairs; arrays should use dash-prefix lines.
• If using a compare template, ensure there are exactly two root nodes with children.

Example Use Cases

• Turn a product feature outline into an infographic-chart syntax block.
• Create a two-product comparison infographic using a compare-template.
• Generate a hierarchical org chart infographic from department data.
• Turn a step-by-step process into a sequence infographic syntax.
• Output a plain syntax block for a timeline template from a project plan.

Frequently Asked Questions