Skill

infographic-syntax-creator

Generates AntV Infographic DSL syntax from notes, outlines, reports, or user content. Selects templates, structures data, adds icons and themes. Outputs fenced code blocks only.

documentation

design

npx claudepluginhub antvis/infographic --plugin antv-infographic-skills

Tool Access

This skill uses the workspace's default tool permissions.

Preview

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

Supporting Assets

references/prompt.md

SKILL.md

Similar Skills

infographic-creator

4.9k

Generates AntV Infographic DSL code from text content to create visualizations like lists, sequences, charts, and hierarchies. Activates on user requests for infographics.

antv-infographic-skills

infographic-creator

259

Generates AntV Infographic DSL from text content to create visual infographics using templates, data structures, and themes. Useful when users request infographics.

antvis-chart-visualization-skills

infographic-outline-creator

2.0k

Generates outlines, configurations, and code for infographics, diagrams, charts, presentations, and visual documentation. Activates on infographic-related queries.

5 tools

jeremylongshore-claude-code-plugins-plus-skills

Stats

Stars4920

Forks362

Last CommitApr 20, 2026

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Infographic Syntax Creator

Overview

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

Workflow

Read references/prompt.md for syntax rules, templates, and output constraints.

If the user explicitly names a valid template or template family, honor it first; otherwise choose the best matching template for the structure (sequence/list/compare/hierarchy/chart).

Extract the user's key structure: title, desc, items, hierarchy, metrics; infer missing pieces if needed.

Compose the syntax using references/prompt.md as the formatting baseline.

Preserve hard constraints in every output:

Output is a single fenced code block containing only syntax; no extra text.
First line is infographic <template-name>.
Use two-space indentation; key/value pairs are key value; arrays use -.
Keep all user-facing text in the same language as the user's input unless the user explicitly asks for translation or bilingual output.
Prefer generating icon for semantic data items by default. If a list item, step, node, compare branch, or compare child has a clear concept, include an icon unless the user explicitly wants text-only output or the template is chart-only.
If the chosen template name or item style implies icons, treat icon as expected on every primary datum rather than optional.
When icon is written as a keyword phrase, separate words with spaces rather than hyphens. Exact icon IDs may keep their native punctuation.
compare-binary-* / compare-hierarchy-left-right-* must have exactly two root nodes, and the actual comparison points belong in each root node's children.
compare-swot / compare-quadrant-* follow their own root-node counts and should not be forced into a binary structure.

Notes

This skill returns syntax only. If the user wants a rendered HTML file or a complete deliverable, prefer infographic-creator.

The template list in references/prompt.md is representative rather than exhaustive; prefer structurally correct registered templates over forcing a bad match.