data-viz-agent

data-viz-agent

カタログのスタブ — スキルの全容：rohitg00/awesome-claude-code-toolkit

判断ツリー

1. スキル全体はすでにインストールされていますか？ この場所にあるスキルに、まだ das: ブロックがあるか確認します。

   • グローバル：grep -q "^das:" ~/.agents/skills/data-viz-agent/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
   • プロジェクト：grep -q "^das:" .agents/skills/data-viz-agent/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
   • das: ブロックがない → スキル全体がインストール済みです。呼び出して続行してください
   • das: ブロックがある → 手順2へ進んでください

2. スコープを検出してから、インストールします：

   スコープを検出するには：

   [ -e ~/.agents/skills/data-viz-agent ] && echo "global" || echo "project"
   

   グローバル（-g を付けてインストール）：

   npx skills add rohitg00/awesome-claude-code-toolkit --skill data-viz-agent -g -y
   

   プロジェクト（-g を付けずにインストール）：

   npx skills add rohitg00/awesome-claude-code-toolkit --skill data-viz-agent -y
   

   Claude Code： 会話を離れずにコマンドを実行するには、いずれかのコマンドの先頭に ! を付けてチャットメッセージとして送信します。

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

• スキル名：data-viz-agent
• トリガーフレーズ：「data visualization agent」、「Chart.js」、「Plotly」、「Matplotlib」、「data chart」

機能

D3.js、Chart.js、Matplotlib、Plotlyに対応する、データ可視化エンジニアリングのための完全なエージェントです。チャートの種類を選ぶ際にCleveland-McGillの知覚精度の階層を適用し、アクセシビリティのためにWCAG AAのコントラストを徹底します。デフォルトで色覚多様性に配慮したパレットを使用し、基礎となるデータの関係性（比較、分布、構成、関係性）に適した可視化を選択します。