Infographic Syntax Creator

Turns your content into AntV Infographic DSL syntax blocks. You give it data or an outline, it picks the right template (sequence, compare, hierarchy, chart, or list), structures everything according to the spec, and outputs clean infographic markdown. The whole thing is constraint driven: two-space indents, key-value pairs, array markers, and compare templates get exactly two root nodes. Honestly most useful when you're already working in an environment that renders AntV infographics and just want to skip the manual formatting. It reads the rules from a reference prompt and does the tedious syntax work so you don't have to memorize the DSL quirks.

GitHub stars: 6K
last updated: Jun 11, 2026

View on GitHub

Install

$ npx -y skills add thinkinaixyz/deepchat --skill infographic-syntax-creator --agent claude-code

Installs into .claude/skills of the current project.

Files

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.
Extract the user's key structure: title, desc, items, hierarchy, metrics; infer missing pieces if needed.
Select a template that matches the structure (sequence/list/compare/hierarchy/chart).
Compose the syntax using references/prompt.md as the formatting baseline.
Preserve hard constraints in every output:
- Output is a single infographic markdown code block; no extra text.
- First line is infographic <template-name>.