infographic-template-updater について
情報グラフィックテンプレートの追加時に、公開リストとギャラリーの対応付けを保つためのリポジトリ保守スキルです。テンプレートキーの確認から指定ファイルの更新、検証までを案内します。
主な機能
- 01新しいテンプレートキーの確認
- 023つのテンプレートリストの更新
- 03rgによる項目確認
- 04テンプレートに合うギャラリーデータの用意
活用シーン
- 01情報グラフィックライブラリへのテンプレート追加
- 02プロンプト内のテンプレート一覧の同期
- 03テンプレートに合うギャラリーデータの追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ antvis/ infographic --skill infographic-template-updaterインストール後、Claude Code で/infographic-template-updaterを入力して読み込まれたか確認します。
詳細
インフォグラフィックテンプレートの更新
概要
src/templates に新しいテンプレートが追加されたら、公開テンプレート一覧とギャラリーの対応付けを更新します。
ワークフロー
- 追加された
src/templates/*.tsファイルから、新しいテンプレート名(オブジェクトのキー)を収集します。- スプレッド構文(例:
...listZigzagTemplates)でテンプレートが構成されている場合は、src/templates/built-in.tsで最終的なキーも確認します。
- スプレッド構文(例:
- テンプレート一覧を更新します。
skills/infographic-creator/SKILL.mdの「Available Templates」一覧。site/src/components/AIPlayground/Prompt.tsのテンプレート一覧。skills/infographic-syntax-creator/references/prompt.mdのテンプレート一覧。 既存の並び順とグループ分けを維持し、新しいlist-*エントリーはほかのリストテンプレートの近くに追加します。
- 上記のファイル全体を対象に
rg -n "<template-name>"で確認し、該当するテンプレート名が存在することを確かめます。
注意事項
- 既存のエントリーを削除したり、名前を変更したりしないでください。
- テンプレート名は正確に、小文字のままにしてください。
- テンプレートにサンプルデータが必要な場合は、
site/src/components/Gallery/datasets.tsを更新するか拡張し、テンプレートの構造に合わせてください。
コメント
Markdown 対応