infographic-creator_skill

Overview

This skill creates polished infographics from provided text or structured data using AntV Infographic. It turns information structures into visual layouts by selecting templates, mapping data fields, and outputting AntV Infographic DSL and a ready-to-open HTML file. The focus is on clarity, correct template choice, and exportable SVG output.

How this skill works

I analyze the user’s content to extract a title, description, items (lists, sequences, compares, chart values, nodes/relations, or hierarchy) and choose the best AntV template. I then generate a valid AntV Infographic syntax block, a theme suggestion, and a complete HTML wrapper that initializes AntV Infographic and enables SVG export. If the input is ambiguous or incomplete, I ask targeted clarifying questions before producing the final syntax and file.

When to use it

• You have text, bullet points, timeline steps, comparisons, or chart data and want a visual summary.
• You need an exportable SVG/HTML infographic for presentations, docs, or web embedding.
• You want to convert hierarchical or relationship data into a clear diagram (org charts, mind maps).
• You need a quick template suggestion and properly formatted AntV DSL for rendering.
• You want theme recommendations (palette, font, stylize) to match brand or mood.

Best practices

• Provide a concise title, short description, and a clear list of items with labels and brief descriptions.
• Choose the template type that matches your information structure (sequence for processes, list for bullet points, compare for pros/cons, chart for numeric data).
• Supply icons, times, or numeric values where relevant to improve visual encoding and layout accuracy.
• Keep item text short — infographics work best with compressed, memorable phrases rather than long paragraphs.
• Specify preferred color palette or mood (dark/light, hand-drawn, gradients) to get a matching theme.

Example use cases

• Convert a product roadmap into a sequence roadmap template with milestones and dates.
• Create a SWOT slide using the compare-swot template from a short pros/cons list.
• Turn website analytics (visits, conversion, retention) into a chart-column-simple infographic.
• Build an org chart or mind map from hierarchical team data using hierarchy-tree or mindmap templates.
• Visualize a binary comparison (feature A vs feature B) with compare-binary-horizontal templates.