Sketchie MCPセットアップ: Claude Desktop、Claude Code、Claudeアプリ
SketchieはMCPサーバーを提供しているため、MCP対応のエージェントはホワイトボード解説動画をネイティブツールとして生成・編集できます。Claude Code、Claude Desktop、Claudeアプリでセットアップしてください。
必要なもの
- Sketchie APIキー(
sk_...)。アプリの設定で作成できます。API利用は全ての有料プランに含まれています。 - Sketchie MCPサーバー。bunで動作し、Sketchieリポジトリの
packages/mcp/src/index.tsにあります。
2つの環境変数でサーバーを設定します:
| 変数 | 意味 | デフォルト |
|---|---|---|
SKETCHIE_API_KEY | Bearerトークンとして送信されるAPIキー。 | unset |
SKETCHIE_API_URL | /apiプレフィックスを含むAPIベースURL。 | https://sketchie.ai/api |
Claude Code
1つのコマンドでサーバーを登録します。パスをSketchieリポジトリのチェックアウトに置き換えてください。
claude mcp add sketchie \
-e SKETCHIE_API_URL=https://sketchie.ai/api \
-e SKETCHIE_API_KEY=sk_... \
-- bun /path/to/sketchie/packages/mcp/src/index.ts claude mcp listで登録を確認します。セッション内でClaudeに解説動画の生成を依頼すると、Sketchieツールを呼び出します。
Claude Desktop
Claude Desktopの設定ファイルを開きます:
- macOS:
~/Library/Application Support/Claude/claude_desktop_config.json - Windows:
%APPDATA%\Claude\claude_desktop_config.json
mcpServersの下にSketchieを追加し、Claude Desktopを再起動します:
{
"mcpServers": {
"sketchie": {
"command": "bun",
"args": ["/path/to/sketchie/packages/mcp/src/index.ts"],
"env": {
"SKETCHIE_API_URL": "https://sketchie.ai/api",
"SKETCHIE_API_KEY": "sk_..."
}
}
}
} 再起動後、Sketchieツールがツールメニューに表示されます。設定、開発者、設定を編集から素早く設定を開けます。
Claudeアプリ
Claudeデスクトップアプリケーションは上記と同じclaude_desktop_config.jsonを使用します。設定、コネクタ、カスタムコネクタを追加からカスタムコネクタを追加してください。
Sketchie MCPサーバーはローカルプロセス(stdioトランスポート)として動作するため、Claudeがローカルコマンドを起動できる場所ならどこでも動作します。これはClaude CodeとClaudeデスクトップアプリです。Claudeのウェブ・モバイルアプリ向けのホスト型コネクタはロードマップにあります。それまでは、HTTP API、SDK、CLIが他のすべての環境をカバーします。
ツール
| ツール | 機能 |
|---|---|
sketchie_generate_explainer | inputから生成を開始します(オプションのlength、aspect、voice付き)。キューに入れられたレコードを返します。 |
sketchie_get_explainer | ステータス、準備が整った後の動画URL、編集可能なシーングラフを取得します。 |
sketchie_edit_explainer | 平易な言葉での指示をターゲットを絞った再レンダリングとして適用します。 |
sketchie_list_explainers | あなたのキーが所有する解説動画を一覧表示します。 |
sketchie_list_voices | ナレーションボイスを一覧表示します。 |