Claude Code スキル

Claude Codeから直接マインドマップをレンダリングします。Claudeがアウトラインを書き、rawモードでAPIを呼び出し、洗練されたPNGをプロンプトの隣に出力します。手動でのcurlやチャットへのトークンの貼り付けは不要です。

仕組み

このスキルは、~/.claude/skills/mindmap/ 配下の SKILL.md と小さなシェルスクリプトで構成されています。Claudeに何かを可視化するよう依頼すると、テーマを選択し、構造化されたマークダウンを書き、それをrawモードで公開の /mindmaps/image エンドポイントにパイプします。レスポンスとしてPNGが作業ディレクトリに書き込まれます。

Claudeが作成したマークダウン

Claudeがアウトライン(見出しと箇条書き)を自動作成し、ユーザーの要求に完全に一致します。

Rawモードは即時処理

サーバー側のAIは不要。レンダラーがマークダウンをそのまま処理するため、画像生成がより高速・低コスト・決定論的になります。

トークンはディスクに保存

APIトークンは環境変数から読み取られ、チャットに貼り付けられることも履歴に記録されることもありません。

テーマとレイアウトを自動選択

ビジネス、ロジック、タイムライン、自由形式 — Claudeがコンテンツをスキルに組み込まれたプリセットのいずれかにマッピングします。

インストール

初回設定:2つのファイルを~/.claude/skills/mindmap/にダウンロードし、APIトークンをエクスポートしてください。

セットアップbash
mkdir -p ~/.claude/skills/mindmap/scripts
curl -fsSL https://static.clipmind.tech/skills/mindmap/SKILL.md \
  -o ~/.claude/skills/mindmap/SKILL.md
curl -fsSL https://static.clipmind.tech/skills/mindmap/scripts/render.sh \
  -o ~/.claude/skills/mindmap/scripts/render.sh
chmod +x ~/.claude/skills/mindmap/scripts/render.sh

export CLIPMIND_API_TOKEN='<your api token>'
export CLIPMIND_API_URL='https://api.clipmind.tech/public/mindmaps/image'

使用する

任意のClaude Codeセッションでスキルを起動できます。プロンプト例:

プロンプトtext
> turn these notes into a mindmap:
>   - launch plan
>   - weeks 1-2: research
>   - weeks 3-4: design
>   - week 5: ship

> visualize the decision tree for feature flagging

> 把这些要点画成脑图,主题用 dark-ocean

はじめに

ワークスペースからAPIトークンを取得し、スキルをインストールしてください。代わりに生のAPIが必要ですか?RESTリファレンスですべてのパラメータを網羅しています。