★ 4615 TypeScript http 更新 45分钟前

Excalidraw

Fast and streamable Excalidraw MCP App

安装配置

{
    "mcpServers": {
        "excalidraw": {
            "command": "node",
            "args": [
                "/path/to/excalidraw-mcp-app/dist/index.js",
                "--stdio"
            ]
        }
    }
}

README 摘要

# Excalidraw MCP App Server MCP server that streams hand-drawn Excalidraw diagrams with smooth viewport camera control and interactive fullscreen editing. ![Demo](docs/demo.gif) ## Install Works with any client that supports [MCP Apps](https://modelcontextprotocol.io/docs/extensions/apps) — Claude, ChatGPT, VS Code, Goose, and others. If something doesn't work, please [open an issue](https://github.com/antonpk1/excalidraw-mcp-app/issues). ### Remote (recommended) ### `https://mcp.excalidraw.com` For apps that don't yet have an official integration, you can add a custom MCP / connector (naming can vary between apps). ### Local **Option A: Download Extension** 1. Download `excalidraw-mcp-app.mcpb` from [Releases](https://github.com/antonpk1/excalidraw-mcp-app/releases) 2. Double-click to install in Claude Desktop **Option B: Build from Source** ```bash git clone https://github.com/excalidraw/excalidraw-mcp.git cd excalidraw-mcp-app pnpm install && pnpm run build ``` Add to `~/Library/Application Support/Claude/claude_desktop_config.json`: ```json { "mcpServers": { "excalidraw": { "command": "node", "args": ["/path/to/excalidraw-mcp-app/dist/index.js", "--stdio"] } } } ``` Restart Claude Desktop. ## Usage Example prompts: - "Draw a cute cat using excalidraw" - "Draw an architecture diagram showing a user connecting to an API server which talks to a database" ## What are MCP Apps and how can I build one? Text responses can only go so far. Sometimes users need to interact with data, not just read about it. [MCP Apps](https://github.com/modelcontextprotocol/ext-apps/) is an official Model Context Protocol extension that lets servers return interactive HTML interfaces (data visualizations, forms, dashboards) that render directly in the chat. - **Getting started for humans**: [documentation](https://modelcontextprotocol.io/docs/extensions/apps) - **Getting started for AIs**: [skill](https://github.com/modelcontextprotocol/ext-apps/blob/main/plugins/mcp-apps/skills/create-mcp-app/SKILL.md) ## Contributing PRs welcome! See [Local](#local) above for build instructions. ### Deploy your own instance You can deploy your own copy to Vercel in a few clicks: 1. Fork this repo 2. Go to [vercel.com/new](https://vercel.com/new) and import your fork 3. No environment variables needed — just deploy 4. Your server will be at `https://your-project.vercel.app/mcp` ### Release checklist For maintainers ```bash # 1. Bump version in manifest.json and package.json # 2. Build and pack pnpm run build && mcpb pack . # 3. Create GitHub release gh release create v0.3.0 excalidraw-mcp-app.mcpb --title "v0.3.0" --notes "What changed" # 4. Deploy to Vercel vercel --prod ``` ## Credits Built with [Excalidraw](https://github.com/excalidraw/excalidraw) — a virtual whiteboard for sketching hand-drawn like diagrams. ## License MIT

相关 MCP

Trend Radar

⭐AI-driven public opinion & trend monitor with multi-platform aggregation, RSS, and smart alerts.🎯 告别信息过载,你的...

★ 58684 Python http 有配置
mcp Python http

Libre Chat

Enhanced ChatGPT Clone: Features Agents, MCP, DeepSeek, Anthropic, AWS, OpenAI, Responses API, Azure, Groq, o1, GPT-5, M...

★ 37798 TypeScript sse 待补充
mcp sse TypeScript

Gin Vue Admin

🚀Vite+Vue3+Gin拥有AI辅助的基础开发平台,企业级业务AI+开发解决方案,内置mcp辅助服务,内置skills管理,支持TS和JS混用。它...

★ 24725 Go http 待补充
mcp Go http

Activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI W...

★ 22502 TypeScript sse 待补充
mcp sse TypeScript