mcpField
E
Excalidraw MCP Server

Excalidraw MCP Server

ローカル
github.com/i-tozerメディア・デザイン4585 週間前に更新

Excalidraw MCP Server について

Excalidraw MCP Serverは、MCPクライアントからExcalidrawの図を操作し、複数形式で書き出せるサーバーです。シンプルなファイルベースの保存方式を採用しています。

主な機能

  1. 01図の作成・読み取り・更新・削除
  2. 02図の一覧表示
  3. 03SVG・PNG・JSONへの書き出し
  4. 04ファイルベースの図の保存

活用シーン

  1. 01Excalidrawの図の作成と管理
  2. 02保存済みの図の取得や一覧表示
  3. 03図を別形式で書き出し

MCP 対応

図の作成、取得、更新、削除、一覧表示と書き出しのツールをMCPクライアントに提供します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

インストール方法は未掲載です

このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。

リポジトリ

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Excalidraw MCP サーバー

これは Excalidraw 用の Model Context Protocol (MCP) サーバーで、Excalidraw の図面を操作するための API 機能を提供します。

機能

  • Excalidraw 図面の作成、読み取り、更新、削除
  • 図面を SVG、PNG、JSON 形式にエクスポート
  • シンプルなファイルベースのストレージシステム

インストール

# Clone the repository
git clone https://github.com/yourusername/excalidraw-mcp.git
cd excalidraw-mcp

# Install dependencies
npm install

# Build the project
npm run build

使用方法

サーバーの起動
npm start
API エンドポイント

サーバーは以下のツールを提供します:

図面管理
  • create_drawing: 新しい Excalidraw 図面を作成します
  • get_drawing: ID で Excalidraw 図面を取得します
  • update_drawing: ID で Excalidraw 図面を更新します
  • delete_drawing: ID で Excalidraw 図面を削除します
  • list_drawings: すべての Excalidraw 図面を一覧表示します
エクスポート操作
  • export_to_svg: Excalidraw 図面を SVG にエクスポートします
  • export_to_png: Excalidraw 図面を PNG にエクスポートします
  • export_to_json: Excalidraw 図面を JSON にエクスポートします

開発

プロジェクト構成
excalidraw-mcp/
├── src/
│   ├── common/
│   │   └── errors.ts
│   └── operations/
│       ├── drawings.ts
│       └── export.ts
├── index.ts
├── package.json
├── tsconfig.json
└── README.md
ビルド
npm run build
開発モードでの実行
npm run dev

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。