mcpField
I
infographic-syntax-creator

infographic-syntax-creator

github.com/thinkinaixyzデザイン・UI6.4k35 回インストール1 日前に更新
リポジトリ

infographic-syntax-creator について

ユーザーのコンテンツから AntV Infographic の構文を生成するスキルです。参照ルールに沿って構造を抽出し、適切なテンプレートを選び、形式に従った単一のコードブロックを出力します。

主な機能

  1. 01AntV Infographic 構文の生成
  2. 02コンテンツ構造の抽出
  3. 03内容に応じたテンプレート選択
  4. 04出力形式の制約遵守

活用シーン

  1. 01リストをインフォグラフィック構文に変換
  2. 02階層構造の表現
  3. 03比較内容のインフォグラフィック化
  4. 04指標をチャート用テンプレートに変換

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/thinkinaixyz/deepchat --skill infographic-syntax-creator

インストール後、Claude Code で/infographic-syntax-creatorを入力して読み込まれたか確認します。

同梱ファイルreferences/prompt.md

詳細

インフォグラフィック構文クリエーター

概要

references/prompt.md のルールに従って、ユーザーのコンテンツから AntV インフォグラフィック構文を生成します。

ワークフロー

  1. 構文ルール、テンプレート、出力制約を確認するため、references/prompt.md を読みます。
  2. ユーザーの主要な構成要素(タイトル、説明、項目、階層、指標)を抽出します。不足している要素があれば、必要に応じて推測します。
  3. 構成(順序/リスト/比較/階層/グラフ)に合ったテンプレートを選択します。
  4. 書式の基準として references/prompt.md を使い、構文を作成します。
  5. すべての出力で、以下の厳格な制約を守ります。
    • 出力は infographic の Markdown コードブロック1つのみとし、追加のテキストは含めません。
    • 1行目は infographic <template-name> にします。
  • インデントには半角スペースを2つ使います。キーと値のペアは key value の形式にし、配列には - を使います。
  • 比較テンプレート(compare-*)には、子ノードを持つルートノードをちょうど2つ含めます。

コメント