antvis/infographic
Overview
This skill updates public template catalogs and UI prompts after new infographic templates are added. It ensures template names are propagated to the site gallery, prompt lists, and dataset references so new templates appear and work correctly for users. The process preserves existing ordering and naming conventions.
How this skill works
Scan the newly added src/templates/*.ts file for object keys that define template names. If templates are composed via spreads, resolve final keys from the built-in templates file to get the actual names. Then insert the exact, lower-case template names into the site prompt lists, gallery mappings, and prompt reference files, and add example dataset entries where needed.
When to use it
- After adding one or more files under src/templates/*.ts with new template objects
- When templates are composed using spread operators and final keys must be confirmed
- Before deploying or publishing so the UI and prompts list include the new templates
- When a new template requires example data to render properly in the gallery
Best practices
- Keep existing ordering and grouping; add new list-* entries near similar list templates
- Never remove or rename existing entries; only append new names in the correct groups
- Use exact, lower-case template names to match runtime lookup behavior
- Run a repository-wide search for each template name to confirm all required files were updated
- Add or extend example datasets in the gallery dataset file if the template expects specific fields
Example use cases
- Add three marketing templates in src/templates and update the site prompt and gallery so they are selectable in the UI
- Introduce a composed zigzag template via spread; resolve its final keys and add them to prompt lists
- Add an educational chart template that requires example dataset fields; update the gallery datasets file to include a matching sample
- Make sure newly added templates appear in the AI playground prompt list so users can generate infographics immediately
FAQ
Open the built-in templates file that aggregates spreads and confirm the resolved object keys; use those exact keys when updating lists.
What should I check after updating lists?
Run a code search for the template name across site prompt lists, gallery mappings, and prompt reference files to verify presence and correct spelling.
5 skills
This skill updates template catalogs and UI prompts when new infographic templates are added, syncing lists across skill files and prompt references.
This skill generates complete TypeScript infographic item components and registration logic for the repository, ensuring correct layout and compliance with
This skill generates or updates infographic structure components in TypeScript projects, ensuring layout logic, composition, and correct registration per
This skill generates AntV Infographic syntax output from user content, selecting templates, organizing data, and applying themes for clear visuals.
This skill helps you generate and customize infographic visuals from text using AntV Infographic, enabling quick, shareable data graphics.