infographic-syntax-generator

zhuxingwan's avatarfrom zhuxingwan

Generate AntV Infographic syntax outputs. Use when asked to turn user content into the Infographic DSL (template selection, data structuring, theme), or to output `infographic <template>` plain syntax.

⭐0stars🔀0forks📁View on GitHub🕐Updated Dec 31, 2025
[Visual Content Workflows]

When & Why to Use This Skill

This Claude skill automates the generation of AntV Infographic DSL (Domain Specific Language), transforming raw text and data into structured syntax for professional visualizations. It intelligently handles template selection, data mapping, and theme application, allowing users to create complex infographics—including sequences, comparisons, and hierarchies—through simple natural language prompts.

Use Cases

  • Business Data Visualization: Converting raw financial or performance metrics into structured comparison or chart-based infographics for reports.
  • Process Mapping: Transforming step-by-step instructions or project timelines into visual sequence diagrams using the infographic DSL.
  • Information Architecture: Generating hierarchical charts or structured lists from unstructured notes to visualize organizational or data relationships.
  • Content Summarization: Creating visual summaries of long-form articles or research papers by extracting key entities and mapping them to infographic templates.
nameinfographic-syntax-generator
descriptionGenerate AntV Infographic syntax outputs. Use when asked to turn user content into the Infographic DSL (template selection, data structuring, theme), or to output `infographic <template>` plain syntax.

Infographic Syntax Generator

Overview

Generate AntV Infographic syntax output from user content, following the rules in references/prompt.md.

Workflow

  1. Read references/prompt.md for syntax rules, templates, and output constraints.
  2. Extract the user's key structure: title, desc, items, hierarchy, metrics; infer missing pieces if needed.
  3. Select a template that matches the structure (sequence/list/compare/hierarchy/chart).
  4. Compose the syntax using references/prompt.md as the formatting baseline.
  5. Preserve hard constraints in every output:
    • Output is a single plain code block; no extra text.
    • First line is infographic <template-name>.
    • Use two-space indentation; key/value pairs are key value; arrays use -.
    • Compare templates (compare-*) must have exactly two root nodes with children.