Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
作者による説明(英語の原文)
Create and edit Excalidraw diagrams in your CanvasKeep workspace, with auto-layout and folders.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
CANVASKEEP_API_KEY, CANVASKEEP_MASTER_KEY, CANVASKEEP_API_URL「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"canvaskeep": {
"command": "npx",
"args": [
"-y",
"canvaskeep-mcp"
],
"env": {
"CANVASKEEP_API_KEY": "your-value",
"CANVASKEEP_MASTER_KEY": "your-value",
"CANVASKEEP_API_URL": "your-value"
}
}
}
}ターミナルでこれを実行します
claude mcp add canvaskeep --env CANVASKEEP_API_KEY=your-value --env CANVASKEEP_MASTER_KEY=your-value --env CANVASKEEP_API_URL=your-value -- npx -y canvaskeep-mcp動かす前に、空欄の値を入力してください。
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"canvaskeep": {
"command": "npx",
"args": [
"-y",
"canvaskeep-mcp"
],
"env": {
"CANVASKEEP_API_KEY": "your-value",
"CANVASKEEP_MASTER_KEY": "your-value",
"CANVASKEEP_API_URL": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"canvaskeep": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"canvaskeep-mcp"
],
"env": {
"CANVASKEEP_API_KEY": "your-value",
"CANVASKEEP_MASTER_KEY": "your-value",
"CANVASKEEP_API_URL": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
CANVASKEEP_API_URL envこの設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント CanvasKeep で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
入力が必要なもの:CANVASKEEP_API_KEY, CANVASKEEP_MASTER_KEY
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.6.2)がレジストリに届いたのは19 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには:Spec Driven Development, Remote Desktop Commander, zanadir
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Find what a repository's CI is missing, and which security checks cannot fail the build.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
An MCP (Model Context Protocol) server that lets AI tools like Claude Code and Codex generate Excalidraw diagrams and save them directly into your CanvasKeep workspace.
Claude Code:
claude mcp add canvaskeep \
-e CANVASKEEP_API_KEY=ck_your_key_here \ -- npx canvaskeep-mcp
Codex / other MCP clients:
{
"mcpServers": { "canvaskeep": { "command": "npx", "args": ["canvaskeep-mcp"], "env": { "CANVASKEEP_API_KEY": "ck_your_key_here" } } } }
| Variable | Required | Default | Description |
|---|---|---|---|
CANVASKEEP_API_KEY | Yes | - | Your API key from the CanvasKeep dashboard |
CANVASKEEP_MASTER_KEY | No | - | Needed to read or edit encrypted diagrams. Copy it from canvaskeep.com/dashboard/encryption (Key for the MCP server) |
CANVASKEEP_API_URL | No | https://canvaskeep.com | API base URL (override for local dev) |
| Tool | Description |
|---|---|
list_workspaces | List all your workspaces |
create_workspace | Create a new workspace |
list_folders | List folders in a workspace |
create_folder | Create a new folder, optionally nested |
list_diagrams | List diagrams in a workspace |
create_diagram | Create a diagram, optionally inside a folder |
update_diagram | Rename a diagram |
delete_diagram | Permanently delete a diagram |
get_diagram_summary | Get diagram metadata and element count |
get_diagram_scene | Read the full Excalidraw scene of a diagram |
save_diagram_scene | Write a full Excalidraw scene back to a diagram |
generate_diagram | Generate a diagram from nodes and edges with auto-layout |
Diagrams you encrypt in CanvasKeep stay encrypted when an AI tool works with them. When get_diagram_scene or save_diagram_scene touches an encrypted diagram, this server decrypts and re-encrypts it locally (AES-GCM, see src/encryption.ts) using CANVASKEEP_MASTER_KEY. The master key never leaves your machine.
generate_diagram sends the nodes and edges you give it to CanvasKeep, which lays them out on the server, so diagrams generated this way are stored unencrypted.
Ask Claude Code something like:
"Draw an architecture diagram of a web app with a React frontend, Node API, PostgreSQL database, and Redis cache"
Claude will use the MCP tools to create a diagram in your CanvasKeep workspace with properly laid-out boxes and labeled arrows.
git clone https://github.com/CanvasKeep/canvaskeep-mcp.git
cd canvaskeep-mcp npm install npm run build CANVASKEEP_API_KEY=ck_... CANVASKEEP_API_URL=http://localhost:3000 node dist/index.js
To run your local build from Claude Code:
claude mcp add canvaskeep \
-e CANVASKEEP_API_KEY=ck_your_key_here \ -- node /path/to/canvaskeep-mcp/dist/index.js
MIT