infographic-creator
ๅบไบ็ปๅฎๆๅญๅ ๅฎนๅๅปบ็ฒพ็พไฟกๆฏๅพใๅฝ็จๆท่ฏทๆฑๅๅปบไฟกๆฏๅพๆถไฝฟ็จใ
@antvisInstall SkillContent
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.
Claude Code
$ npx -y skills add antvis/infographic --skill infographic-template-updater --agent claude-code
Codex
$ npx skills add antvis/infographic --skill infographic-template-updater -a codex -y
Cursor
$ npx skills add antvis/infographic --skill infographic-template-updater -a cursor -y
Gemini CLI
$ npx skills add antvis/infographic --skill infographic-template-updater -a gemini-cli -y
GitHub Copilot
$ npx skills add antvis/infographic --skill infographic-template-updater -a github-copilot -y
OpenCode
$ npx skills add antvis/infographic --skill infographic-template-updater -a opencode -y
Windsurf
$ npx skills add antvis/infographic --skill infographic-template-updater -a windsurf -y
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.
Ships withantv-infographic-skills
๐ฆ An Infographic Generation and Rendering Framework, bring words to life! AntV Infographic is AntV's next-generation declarative infographic visualization engine.
7.1k5 skills
Stars on GitHub
Momentum
- stars in total
- 7.1k
Other skills on antv-infographic-skills.
@antvisInstall Skillinfographic-item-creatโฆ
Generate or update infographic Item components for this repo (TypeScript/TSX in src/designs/items). Use when asked to design,โฆ
@antvisInstall Skillinfographic-structure-โฆ
Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked toโฆ
@antvisInstall Skillinfographic-syntax-creโฆ
Generate AntV Infographic syntax only. Use when asked to turn notes, outlines, reports, or other user content into theโฆ
@antvisInstall SkillMore skills from other plugins.
prompt-lookup
Activates when the user asks about AI prompts, needs prompt templates, wants to search for prompts, or mentions prompts.chat. Useโฆ
@gh-fInstall Skillppt-master
AI-driven presentation workflow for generating editable PPTX decks and slides, reconstructing page visuals, creating reusableโฆ
@hugohe3Install Skillmorph-ppt
Use this skill when the user wants a .pptx with smooth cross-slide animation โ PowerPoint Morph transitions, Keynote-styleโฆ
@iofficeaiInstall Skillfrontend-slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants toโฆ
@zarazhangruiInstall SkillQuestions about infographic-template-updater.
- Which coding agents can use infographic-template-updater?
- infographic-template-updater installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.