infographic-syntax-creator_skill

Overview

This skill generates AntV Infographic DSL outputs from user content, producing ready-to-use infographic syntax. It selects an appropriate template, structures data and themes, and enforces strict formatting constraints for direct rendering.

How this skill works

The skill extracts key elements from the user's input—title, description, items, hierarchy, and metrics—and infers missing pieces when necessary. It picks a template that matches the structure (sequence, list, compare, hierarchy, chart), composes the DSL following the formatting rules, and ensures every output meets the hard constraints required for rendering.

When to use it

• You want a plain AntV Infographic DSL block for immediate rendering or testing.
• You need user content converted into a structured infographic template and data payload.
• You want a template recommendation (sequence/list/compare/hierarchy/chart) based on content.
• You require strict formatting and indentation for automated pipeline ingestion.
• You need an output that preserves theme, layout choices, and comparison rules.

Best practices

• Provide a clear title and brief description to guide template selection and layout.
• List items with concise labels and numeric metrics when possible to enable charts.
• Indicate hierarchy or relationships explicitly for tree or compare templates.
• Specify preferred theme or color hints if presentation style matters.
• Review the generated DSL block as a single plain code block before rendering.

Example use cases

• Convert a product roadmap into a sequential infographic template with milestones and dates.
• Turn a short report into a compare template showing two alternatives with pros and cons.
• Create a hierarchy infographic representing organizational structure from an outline.
• Generate a data-driven chart infographic from a small table of metrics.
• Produce a list-style infographic for key takeaways of a meeting or article.