infographic-syntax-creator
Converts user content into standardized AntV Infographic syntax following specific templates and formatting rules.
Install
mkdir -p .claude/skills/infographic-syntax-creator && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/2985" && unzip -o skill.zip -d .claude/skills/infographic-syntax-creator && rm skill.zipInstalls to .claude/skills/infographic-syntax-creator
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
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.Key capabilities
- →Generate AntV Infographic DSL code
- →Map user content to visual templates
- →Structure data hierarchies and metrics
- →Output validated markdown code blocks
How it works
The skill analyzes input content to infer structure, selects a matching template, and formats the output according to specific DSL syntax rules.
Inputs & outputs
When to use infographic-syntax-creator
- →Map data to visual charts
- →Generate infographic DSL code
- →Standardize documentation visual syntax
About this skill
Infographic Syntax Creator
Overview
Generate AntV Infographic syntax output from user content, following the rules in references/prompt.md.
Workflow
- Read
references/prompt.mdfor 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.mdas the formatting baseline. - Preserve hard constraints in every output:
- Output is a single
infographicmarkdown code block; no extra text. - First line is
infographic <template-name>.
- Output is a single
- Use two-space indentation; key/value pairs are
key value; arrays use-. - Compare templates (
compare-*) must have exactly two root nodes with children.
When not to use it
- →Creating non-AntV visual formats
- →Complex data visualization requiring custom JS
Limitations
- →Compare templates require exactly two root nodes
- →Output restricted to single markdown code block
How it compares
It automates the conversion of raw text into a structured visual syntax, ensuring compliance with template constraints.
Compared to similar skills
infographic-syntax-creator side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| infographic-syntax-creator (this skill) | 1 | 7mo | No flags | Beginner |
| readme-metrics-dashboard | 0 | 4mo | No flags | Beginner |
| map-domain | 0 | 2mo | Review | Intermediate |
| infographic-creation | 120 | 3mo | Review | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by ThinkInAIXYZ
View all by ThinkInAIXYZ →You might also like
readme-metrics-dashboard
harrybin
Refresh repository metrics, render a full chart dashboard (line, bar, area, pie, scatter, composed), and update README with a reproducible example.
map-domain
tuanle96
Use this skill to render the harness's domain/layer config as a mermaid diagram + check for drift between .harness/config.json#domains and the actual filesystem. Surfaces "the config says layers A→B→C but the repo has folders A, B, X" — drift that silently invalidates the structural-test contract.
infographic-creation
antvis
Create beautiful infographics based on the given text content. Use this when users request creating infographics.
algorithmic-art
anthropics
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
mermaid-diagram-specialist
davila7
Mermaid diagram specialist for creating flowcharts, sequence diagrams, ERDs, and architecture visualizations
kpi-dashboard-design
wshobson
Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use when building business dashboards, selecting metrics, or designing data visualization layouts.