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_KEYBearerトークンとして送信されるAPIキー。unset
SKETCHIE_API_URL/apiプレフィックスを含むAPIベースURL。https://sketchie.ai/api

Claude Code

1つのコマンドでサーバーを登録します。パスをSketchieリポジトリのチェックアウトに置き換えてください。

Terminal
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を再起動します:

claude_desktop_config.json
{
  "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 APISDK、CLIが他のすべての環境をカバーします。

ツール

ツール機能
sketchie_generate_explainer inputから生成を開始します(オプションのlengthaspectvoice付き)。キューに入れられたレコードを返します。
sketchie_get_explainer ステータス、準備が整った後の動画URL、編集可能なシーングラフを取得します。
sketchie_edit_explainer 平易な言葉での指示をターゲットを絞った再レンダリングとして適用します。
sketchie_list_explainers あなたのキーが所有する解説動画を一覧表示します。
sketchie_list_voices ナレーションボイスを一覧表示します。