iagogfe/excalidraw-icons-mcp

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

32 stars 1 forks 품질 82 트렌드 19MIT

Repository Install

AI 내장 건축 다이어그램에 대한 실시간 캔버스, 31 도구

개요

주변을 건설한 Excalidraw MCP 서버. AI Agent는 공식 AWS, Azure, GCP, OCI 및 Kubernetes 아이콘을 사용하여 아키텍처 다이어그램을 그릴 수 있습니다. 두 가지는 업스트림 포크에서 출발합니다. - ⚡ : 단일 배치 요소 생성, 린더 의존성 나무, 최적화 된 캔버스로드 경로 - 다이어그램 당 몇 라운드 스트립. - ✪ : search official icon + add image pull 실제 공급 업체 아이콘 대신 그림 모양 만 대략적으로. - : Model Context Protocol (Claude Desktop, Cursor, Codex CLI 등) 이상 31개의 도구 - 아이콘 검색 및 삽입, 요소 CRUD, 자동 레이아웃, per-domain 다이어그램 컨벤션 - : Claude Code, Codex CLI 및 기타 기술 지원 에이전트를위한 휴대용 기술 키워드: Excalidraw MCP 서버, AWS/Azure/GCP 아이콘, AI 건축 도표, 부호로 도표, Claude 부호 기술, Codex CLI 기술, Cursor MCP, Excalidraw에 Mermaid.

개요(AI 번역)

faster Excalidraw MCP 서버는 **real 납품업자 아이콘을 중심으로 구축했습니다 **. AI Agent는 공식 AWS, Azure, GCP, OCI 및 Kubernetes 아이콘을 사용하여 아키텍처 다이어그램을 그릴 수 있습니다.

두 가지는 업스트림 포크에서 출발합니다.

nam Speed: 단일 배치 요소 생성, 린더 의존성 나무, 최적화 된 캔버스로드 경로 - 다이어그램 당 몇 라운드 스트립.
✪Real icons: search_official_icon + add_image)는 그림 모양 대신 실제 공급 업체 아이콘을 끌어냅니다.

이 repo는 제공합니다:

MCP Server: 모델 Context Protocol(Claude Desktop, Cursor, Codex CLI 등) 이상 31개 이상의 도구 - 아이콘 검색 및 삽입, 요소 CRUD, 자동 레이아웃, 퍼도메인 다이어그램 컨벤션
Agent Skill: Claude Code, Codex CLI 및 기타 기술 지원 에이전트를위한 휴대용 기술

키워드: Excalidraw MCP 서버, AWS/Azure/GCP 아이콘, AI 건축 도표, 부호로 도표, Claude 부호 기술, Codex CLI 기술, Cursor MCP, Excalidraw에 Mermaid.

데모

이 페이지는 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"
      }
    }
  }
}