Agent skill
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.
Install this agent skill to your Project
npx add-skill https://github.com/zhuxingwan/Infographic/tree/main/.skills/infographic-template-updater
SKILL.md
Infographic Template Updater
Overview
Update public template lists and gallery mappings when new templates are added in src/templates.
Workflow
- Collect new template names from the added
src/templates/*.tsfile (object keys). - Update template lists:
SKILL.mdin the "Available Templates" list.site/src/components/AIPlayground/Prompt.tsin the template list. Keep existing ordering/grouping; add newlist-*entries near other list templates.
- Update gallery mapping in
site/src/components/Gallery/templates.ts:- Add entries to
TEMPLATE_ENTRIESwith the correct dataset (most list templates useDATASET.LIST). - If the template should be featured, add it to
PREMIUM_TEMPLATE_KEYSin the desired order.
- Add entries to
- Sanity check with
rg -n "<template-name>"across the three files to confirm presence.
Notes
- Do not remove or rename existing entries.
- Keep template names exact and lower-case.
- If a template fits a different dataset, follow the dataset used by similar templates.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
infographic-item-generator
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 visuals, layout logic, or registerItem composites.
infographic-structure-generator
Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked to design, implement, or modify structure layouts (list/compare/sequence/hierarchy/relation/geo/chart), including layout logic, component composition, and registration.
infographic-syntax-generator
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.
setup-pre-commit
Set up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-commit hooks, set up Husky, configure lint-staged, or add commit-time formatting/typechecking/testing.
obsidian-vault
Search, create, and manage notes in the Obsidian vault with wikilinks and index notes. Use when user wants to find, create, or organize notes in Obsidian.
edit-article
Edit and improve articles by restructuring sections, improving clarity, and tightening prose. Use when user wants to edit, revise, or improve an article draft.
Didn't find tool you were looking for?