mcpField
A
antvis-chart-skills

antvis-chart-skills

github.com/podoデータ・データベース29221 回インストール1 日前に更新
リポジトリ

antvis-chart-skills について

antvis-chart-skills は、AntV ライブラリを活用した可視化向けスキル群です。チャート、グラフ、エディター、インフォグラフィック、ナラティブレポートに対応し、実行可能なコードの生成や、AntV のエンドポイントでの画像生成を行います。

主な機能

  1. 01多様なチャートコードの生成
  2. 02ネットワークグラフやフローチャートの作成
  3. 03インフォグラフィックとレポートの生成
  4. 04AntV 経由でのチャート画像生成
  5. 05SVG アイコンの検索と取得

活用シーン

  1. 01データからチャートやグラフを生成
  2. 02インタラクティブな図やエディターの構築
  3. 03テキストからインフォグラフィックやレポートを作成

インストール

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

$npx skills add https://github.com/podo/design-agent-skills --skill antvis-chart-skills

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

同梱ファイルstub.yaml

詳細

antvis-chart-skills

カタログのスタブです — 完全版パッケージ：antvis/chart-visualization-skills

判断ツリー

  1. 完全版のスキルはすでにインストールされていますか？ このパッケージは8つのスキル（chart-visualization、antv-g2-chart、antv-g6-graph、antv-x6-editor、antv-infographic、antv-t8-ntv、antv-gpt-vis、icon-retrieval）をインストールします。最初のスキルを確認します。

    • グローバル：f=~/.agents/skills/chart-visualization/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • プロジェクト：f=.agents/skills/chart-visualization/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → スキルはchart-visualizationとしてインストール済みです。これを呼び出して続行します
    • pointer → ステップ2に進みます

  2. 適用範囲を検出してからインストールします：

    [ -e ~/.agents/skills/antvis-chart-skills ] && echo "global" || echo "project"

    グローバル：

    npx skills add antvis/chart-visualization-skills --skill chart-visualization antv-g2-chart antv-g6-graph antv-x6-editor antv-infographic antv-t8-ntv antv-gpt-vis icon-retrieval -g -y

    プロジェクト：

    npx skills add antvis/chart-visualization-skills --skill chart-visualization antv-g2-chart antv-g6-graph antv-x6-editor antv-infographic antv-t8-ntv antv-gpt-vis icon-retrieval -y

    Claude Code： 会話を離れずにコマンドを実行するには、チャットメッセージを!で始めてコマンドを送信します。

Claude Code プラグインを使う方法：

/plugin marketplace add antvis/chart-visualization-skills
/plugin install chart-visualization@visualization-skills
/plugin install antv-g2-chart@visualization-skills
/plugin install antv-g6-graph@visualization-skills
/plugin install antv-x6-editor@visualization-skills
/plugin install antv-infographic@visualization-skills
/plugin install antv-t8-ntv@visualization-skills
/plugin install antv-gpt-vis@visualization-skills
/plugin install icon-retrieval@visualization-skills

注意

  • 要件： ネットワークアクセスが必要です。chart-visualizationは画像を描画するために、チャートデータをサードパーティのエンドポイントantv-studio.alipay.comにPOSTします。antv-g2-chart、antv-g6-graph、icon-retrievalもcurlでAntV HTTP APIを呼び出します
  • ライセンス： MIT

インストール後の呼び出し

AntVエコシステムのスキル：

スキル用途
chart-visualizationAntVウェブAPIを通じて描画する、時系列、比較、全体に対する部分、関係、地理データ、階層データのチャート画像
antv-g2-chartG2 v5のチャートコード生成（棒、折れ線、円、散布図、面、ヒートマップなど）
antv-g6-graphG6 v5のグラフ可視化：ネットワークグラフ、ツリーグラフ、フローチャート、マインドマップ
antv-x6-editorインタラクティブな図表用のX6 v3グラフエディターコード：フローチャート、DAG、ER図、組織図
antv-infographicテキストコンテンツからインフォグラフィックを作成：リスト、系列、階層、比較、関係
antv-t8-ntvナラティブテキストの可視化：エンティティ注釈付きの構造化データ解釈レポート（T8構文）
antv-gpt-vis構文／JSONモード、または実行可能な完全なコードとしてのGPT-Visチャート
icon-retrievalAntVインフォグラフィックアイコンライブラリを検索し、SVG文字列を取得

できること

Ant Groupの本番環境向けAntVライブラリ（G2、G6、X6、GPT-Vis、Infographic、T8）を基盤とした、チャート、グラフ、インフォグラフィック、ナラティブレポートの生成。一部のスキルは自分で実行するライブラリコードを生成します。一方、chart-visualizationはチャートデータをホストされたAntVエンドポイントに送信し、画像URLを返すため、機密データには使用しないでください。chart-visualizationスキルの本文は中国語で書かれています。

使用しない場面

  • ローカルに保持する必要がある機密データ：コード生成スキル（antv-g2-chart、antv-g6-graph）またはd3js-skillなどの別のチャートスキルを使用してください
  • ピボットテーブルやスプレッドシート形式のテーブル：AntV S2スキルはすでにこのリポジトリに含まれていません
  • 手描きのスライド、ワイヤーフレーム、フローチャート：excalidraw-agents365またはcontent-catalogueルーターを使用してください

コメント

Markdown 対応