Back to skills
SkillHub ClubShip Full StackFull StackFrontend

infographic-template-updater

Automates updates to template documentation and UI prompts when new infographic templates are added. Keeps multiple files synchronized including SKILL.md, gallery mappings, and playground prompts. Includes sanity checks with ripgrep to verify changes.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
209
Hot score
97
Updated
March 20, 2026
Overall rating
A7.7
Composite score
6.2
Best-practice grade
N/A

Install command

npx @skill-hub/cli install coszone-astro-koharu-infographic-template-updater
documentationcode-maintenancetemplate-management

Repository

cosZone/astro-koharu

Skill path: .claude/skills/infographic-template-updater

Automates updates to template documentation and UI prompts when new infographic templates are added. Keeps multiple files synchronized including SKILL.md, gallery mappings, and playground prompts. Includes sanity checks with ripgrep to verify changes.

Open repository

Best for

Primary workflow: Ship Full Stack.

Technical facets: Full Stack, Frontend.

Target audience: Developers maintaining infographic template libraries who need to keep documentation synchronized with code changes.

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: cosZone.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install infographic-template-updater into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/cosZone/astro-koharu before adding infographic-template-updater to shared team environments
  • Use infographic-template-updater for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

Original source / Raw SKILL.md

---
name: 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.
infographic-template-updater | SkillHub