Claude Code Skill

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リファレンスですべてのパラメータを網羅しています。