
スキル集
claude-d3js-skill
148
chrisvoncsefalvay/claude-d3js-skill
概要
このツールの詳細と使い方を解説します。
D3.jsによるデータ可視化コードを、Claude Codeから直接生成できるスキル。 棒グラフ・折れ線・散布図・ネットワーク図などを、自然言語で指示するだけで作成できます。 SVGやHTMLファイルとして出力できます。
連携方式スキル
使い方
Claude Code がインストール済みであることを前提としています
スキルとして使う
スキルとは? →Claude Code に特定の作業を覚えさせる命令ファイルです。/スキル名と入力するだけで呼び出せます
STEP 1ファイルを入手
SKILL.mdGitHub からダウンロードSTEP 2フォルダに配置
.claude/commands/プロジェクト or ホームにSTEP 3チャットで起動
/スキル名Claude Code のチャット欄で配置場所のイメージ
プロジェクト/
└── .claude/
└── commands/
└── skill-name.md ← ここに置く
# グローバル(全プロジェクトで使う場合)
~/.claude/commands/