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/crazywoola/dify-x/tree/main/.claude/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).- If templates are composed via spreads (e.g.
...listZigzagTemplates), also confirm the final keys insrc/templates/built-in.ts.
- If templates are composed via spreads (e.g.
- 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.
- 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 needs example data, update or extend
site/src/components/Gallery/datasets.tsto match its structure.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
infographic-creator
Create beautiful infographics based on the given text content. Use this when users request creating infographics.
infographic-item-creator
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-creator
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-creator
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.
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.
handoff
Compact the current conversation into a handoff document for another agent to pick up.
Didn't find tool you were looking for?