iagogfe/excalidraw-icons-mcp

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

32 stars 1 forks 品質 82 トレンド 19MIT

Repository Install

人工知能構築アーキテクチャ図のAWS/Azure/GCP/OCI/Kubernetes(AWS/Azure/GCP/OCI/Kubernetes) — ライブキャンバス、31ツール

概要

周りに構築されたExqualidraw MCPサーバー。 AI エージェントは、公式 AWS、Azure、GCP、OCI、Kubernetes のアイコンでアーキテクチャ図を描画します。一般的な整形ではなく、ライブキャンバス上に 1 ショットバッチで表示し、精製できます。 2つのものは、それが成長した上流フォークから離れて設定しました: - ⚡ : シングルバッチ要素作成、リーダー依存ツリー、最適化されたキャンバスロードパス — グラフごとのラウンドトリップが少ない。 - インポート : search official icon + add image は、近似する形状を描画する代わりに、実際のベンダーのアイコンをプルします。 - :モデルコンテキストプロトコル(Claude Desktop、Ccursor、Codex CLIなど)上の31個のツール - アイコン検索&インサート、要素CRUD、自動レイアウト、一元図の慣例 - : クロードコード、コーデックCLI、およびその他のスキル対応エージェントのポータブルスキルキーワード:エクスカロイド MCP サーバー, AWS/Azure/GCP アイコン, AI アーキテクチャ図, コードとしての図, クロードコードスキル, コーデックス CLI スキル, カーソル MCP, マーメイドから Excalidraw.

概要（AI 翻訳）

faster Excalidraw MCP サーバは、real ベンダーのアイコンの周りに構築されています。 AI エージェントは、公式 AWS、Azure、GCP、OCI、Kubernetes のアイコンでアーキテクチャ図を描画します。一般的な整形ではなく、ライブキャンバス上に 1 ショットバッチで表示し、精製できます。

2つのものは、それが成長した上流フォークから離れて設定しました:

⚡Speed:シングルバッチ要素作成、リーダー依存ツリー、および最適化されたキャンバスロードパス — 図ごとのラウンドトリップが少ない。
インポートReal icons:[search_official_icon] + [[add_image]]は、それらを近似する図形ではなく、実際のベンダーのアイコンをプルします。

このリポジトリは以下を提供します。

-MCP Server:モデルコンテキストプロトコル(Claude Desktop、Cursor、Codex CLIなど)上の31のツール — アイコン検索&インサート、要素CRUD、自動レイアウト、各ドメイン図会議

エージェントスキル: クロードコード、コーデックCLI、その他のスキル対応エージェントのポータブルスキル

キーワード:エクスカロイド MCP サーバー, AWS/Azure/GCP アイコン, AI アーキテクチャ図, コードとしての図, クロードコードスキル, コーデックス CLI スキル, カーソル MCP, マーメイドから Excalidraw.

デモ

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

Excalidraw Icons MCP

A faster Excalidraw MCP server built around real vendor icons. AI agents draw architecture diagrams with official AWS, Azure, GCP, OCI, and Kubernetes icons — not generic rectangles — in one-shot batches on a live canvas they can see and refine.

Two things set it apart from the upstream fork it grew from:

⚡ Speed: single-batch element creation, a leaner dependency tree, and an optimized canvas load path — fewer round-trips per diagram.
🎨 Real icons: search_official_icon + add_image pull actual vendor icons instead of drawing shapes that only approximate them.

This repo provides:

MCP Server: 31 tools over the Model Context Protocol (Claude Desktop, Cursor, Codex CLI, etc.) — icon search & insertion, element CRUD, auto-layout, per-domain diagram conventions
Agent Skill: Portable skill for Claude Code, Codex CLI, and other skill-enabled agents

Keywords: Excalidraw MCP server, AWS/Azure/GCP icons, AI architecture diagrams, diagrams as code, Claude Code skill, Codex CLI skill, Cursor MCP, Mermaid to Excalidraw.

Demo

An AI agent builds a serverless AWS architecture step by step with Route 53, CloudFront, API Gateway, Lambda, DynamoDB, SQS, and S3.

Demo
What It Is
How We Differ from the Official Excalidraw MCP
What’s New
Quick Start (Local)
Quick Start (Docker)
Configure MCP Clients
Agent Skill (Optional)
MCP Tools (31 Total)
Vendor Icon Packs
Testing
Troubleshooting
Known Issues / TODO
Development

What It Is

This repo contains two separate processes:

Canvas server: web UI + REST API + WebSocket updates (default http://127.0.0.1:3000)
MCP server: exposes MCP tools over stdio; syncs to the canvas via EXPRESS_SERVER_URL

GitHub で README 全文を見る

インストール

docker run -i --rm -e EXPRESS_SERVER_URL=http://host.docker.internal:3000 -e ENABLE_CANVAS_SYNC=true ghcr.io/iagogfe/excalidraw-icons-mcp:latest

MCP 初心者？mcpskill.org のガイドから始めましょう →

設定

{
  "mcpServers": {
    "excalidraw": {
      "command": "node",
      "args": ["/absolute/path/to/excalidraw-icons-mcp/dist/index.js"],
      "env": {
        "EXPRESS_SERVER_URL": "http://127.0.0.1:3000",
        "ENABLE_CANVAS_SYNC": "true"
      }
    }
  }
}