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.

View SKILL.md on GitHub Repository
Stars 4,720
Forks 340

Install this agent skill to your Project

npx add-skill https://github.com/antvis/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

  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.

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

antvis/Infographic

infographic-creator

基于给定文字内容创建精美信息图。当用户请求创建信息图时使用。

4,720 340
Explore
antvis/Infographic

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.

4,720 340
Explore
antvis/Infographic

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.

4,720 340
Explore
antvis/Infographic

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.

4,720 340
Explore
petekp/claude-code-setup

ubiquitous-language

Extract a DDD-style ubiquitous language glossary from the current conversation, flagging ambiguities and proposing canonical terms. Saves to UBIQUITOUS_LANGUAGE.md. Use when user wants to define domain terms, build a glossary, harden terminology, create a ubiquitous language, or mentions "domain model" or "DDD".

20 6
Explore
petekp/claude-code-setup

every-style-editor

This skill should be used when reviewing or editing copy to ensure adherence to Every's style guide. It provides a systematic line-by-line review process for grammar, punctuation, mechanics, and style guide compliance.

20 6
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results