/infographic-template-updater
Update template catalogs and UI prompts after adding new infographic templates (src/templates/*.ts), including SKILL.md template list, site gallery template mappings, and the AIPlayground prompt list.
$ npx -y skills add antvis/infographic --skill infographic-template-updater --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/infographic-template-updater
Context preview
The summary Claude sees to decide when to auto-load this skill.
Update template catalogs and UI prompts after adding new infographic templates (src/templates/*.ts), including SKILL.md template list, site gallery template mappings, and the AIPlayground prompt list.
SKILL.md
infographic-template-updater.SKILL.mdname: infographic-template-updater description: Update template catalogs and UI prompts after adding new infographic templates (src/templates/*.ts), including SKILL.md template list, site gallery template mappings, and the AIPlayground prompt list.
Infographic Template Updater
Overview
Update public template lists and gallery mappings when new templates are added in `src/templates`.
Workflow
1. Collect new template names from the added `src/templates/*.ts` file (object keys).
- If templates are composed via spreads (e.g. `...listZigzagTemplates`), also confirm the final keys in `src/templates/built-in.ts`.
2. Update template lists:
- `skills/infographic-creator/SKILL.md` in the "Available Templates" list.
- `site/src/components/AIPlayground/Prompt.ts` in the template list.
- `skills/infographic-syntax-creator/references/prompt.md` in the template list.
Keep existing ordering/grouping; add new `list-*` entries near other list templates. 3. Sanity check with `rg -n "<template-name>"` across the above files to confirm presence.
Notes
- Do not remove or rename existing entries.
- Keep template names exact and lower-case.
- If a template needs example data, update or extend `site/src/components/Gallery/datasets.ts` to match its structure.
🦋 An Infographic Generation and Rendering Framework, bring words to life! AntV Infographic is AntV's next-generation declarative infographic visualization engine.
Repo: antvis/infographic
Other skills on antv-infographic-skills.
infographic-item-creat…
Generate or update infographic Item components for this repo (TypeScript/TSX in src/designs/items). Use when asked to design, implement, or modify data item…
infographic-structure-…
Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked to design, implement, or modify…
infographic-syntax-cre…
Generate AntV Infographic syntax only. Use when asked to turn notes, outlines, reports, or other user content into the Infographic DSL with template selection,…

