Canva MCP Server

🚀 Canva API MCP サーバー

CanvaのAPIとやり取りするための包括的なModel Context Protocol (MCP) サーバーです。このサーバーは、デザイン、ブランド、アセット、ユーザーの管理に必要なさまざまなツールとリソースを提供します。

✨ 主な機能

• Canva APIのエンドポイントを網羅
• 主要なAPI操作のためのツールを提供
• ドキュメントや技術詳細などのリソースを提供
• テスト用のモックデータをサポート

🚀 クイックスタート

1. このリポジトリをクローンします。
2. 依存関係をインストールします。

npm install

3. .env.example を .env にコピーし、Canva APIの認証情報を追加します。

CANVA_APP_ID=your_app_id
CANVA_API_KEY=your_api_key

4. サーバーを起動します。

npm run dev

💻 使用例

基本的な使用法

MCP Inspectorを使用したサーバーのテスト

npm run inspect

これにより、以下の操作が可能なWebインターフェースが開きます。

• 利用可能なすべてのツールを確認およびテストする
• リソースにアクセスする
• サーバーログを表示する

高度な使用法

利用可能なツール

デザイン管理

• get_design - 特定のデザインの情報を取得する
• list_designs - デザインを一覧表示する（オプションでページング可能）

ブランド管理

• get_brand - 特定のブランドの情報を取得する
• list_brands - ブランドを一覧表示する（オプションでページング可能）

アセット管理

• get_asset - 特定のアセットの情報を取得する
• list_assets - アセットを一覧表示する（オプションでフィルタリングとページング可能）
• upload_image - URLから画像をCanvaにアップロードする

ユーザー管理

• get_user - 特定のユーザーの情報を取得する
• list_users - ユーザーを一覧表示する（オプションでページング可能）

利用可能なリソース

ドキュメント

• canva://overview - APIの概要
• canva://getting-started - 入門ガイド
• canva://authentication - 認証情報
• canva://designs - デザインAPIのドキュメント
• canva://brands - ブランドAPIのドキュメント
• canva://assets - アセットAPIのドキュメント
• canva://users - ユーザーAPIのドキュメント

エンティティリソース

• canva://design/{designId} - 特定のデザインの情報
• canva://brand/{brandId} - 特定のブランドの情報
• canva://asset/{assetId} - 特定のアセットの情報

モックデータ

APIの認証情報が提供されていない場合、サーバーはすべてのレスポンスにモックデータを使用します。これはテストや開発に非常に便利です。

📄 ライセンス

MIT