Um app de quadro branco Excalidraw auto-hospedado, com contas, espaço de equipe, pastas, busca e colaboração em tempo real, que armazena os desenhos no seu próprio Postgres.
yctimlin/mcp_excalidraw
Servidor MCP, CLI e skill para agentes que dão a agentes de programação com IA um canvas Excalidraw ativo para criar, capturar, editar e exportar diagramas.
- Estrelas
- 2,625
- Forks
- 295
- Issues abertas
- 42
- Último commit
- há 8 dias
O que é?
mcp-excalidraw-server permite que agentes de IA criem e editem diagramas do Excalidraw por programação em um canvas local ativo. Um agente pode adicionar, consultar, atualizar e excluir elementos individuais, organizá-los com operações de alinhamento, distribuição e agrupamento, e conferir o próprio trabalho por meio de uma descrição textual da cena ou de uma captura de tela renderizada.
O projeto oferece três formas de operar o mesmo canvas: uma skill para agentes com CLI (recomendada para agentes de programação), um servidor MCP via stdio com 26 ferramentas para clientes MCP como Claude Desktop, Cursor e Codex CLI, e uma API REST simples. O servidor do canvas é iniciado automaticamente quando um comando de desenho é executado, e as operações essenciais de desenho não exigem chaves de API nem contas.
Os diagramas podem ser exportados como arquivos .excalidraw para serem commitados junto com o código ou como arquivos .excalidraw.md para vaults do Obsidian. Capturas de tela e exportações em PNG/SVG são renderizadas sem interface gráfica no Node, enquanto a conversão de Mermaid e o controle da área visível ainda exigem uma aba do navegador aberta.
Recursos principais
- 01Criar, ler, atualizar e excluir elementos individualmente em um canvas Excalidraw ativo.
- 02Capturas de tela sem interface gráfica e exportação em PNG/SVG, para que os agentes possam inspecionar os próprios diagramas.
- 03Ferramentas de layout para alinhar, distribuir, agrupar, bloquear e duplicar.
- 04Snapshots nomeados e restauração para reverter uma cena.
- 05Conversão de Mermaid para canvas e links de compartilhamento criptografados para excalidraw.com.
- 06Funciona via CLI, servidor MCP ou API REST.
Casos de uso
- Usar um agente de programação para desenhar diagramas de arquitetura e fluxogramas de uma base de código.
- Exportar diagramas .excalidraw para um repositório, mantendo-os versionados junto com o código.
- Gerar e manter diagramas em um vault do Obsidian.
- Renderizar arquivos .excalidraw commitados em PNG no CI sem executar um navegador.
Início rápido
- 1
Inicie o servidor do canvas com npx
npx -y mcp-excalidraw-server start - 2
Desenhe um diagrama de teste com a CLI
npx -y mcp-excalidraw-server describe - 3
Instale a skill do agente no seu diretório de skills
npx -y mcp-excalidraw-server install-skill --dir <skills-root>
Antes de usar
- A conversão de Mermaid requer uma aba do navegador aberta no canvas.
- A página do canvas carrega as fontes do Excalidraw da CDN esm.sh.
Em coleções
Tópicos
Perguntas frequentes
- O que é mcp_excalidraw?
- Servidor MCP, CLI e skill para agentes que dão a agentes de programação com IA um canvas Excalidraw ativo para criar, capturar, editar e exportar diagramas. mcp-excalidraw-server permite que agentes de IA criem e editem diagramas do Excalidraw por programação em um canvas local ativo. Um agente pode adicionar, consultar, atualizar e excluir elementos individuais, organizá-los com operações de alinhamento, distribuição e agrupamento, e conferir o próprio trabalho por meio de uma descrição textual da cena ou de uma captura de tela renderizada.
- mcp_excalidraw é gratuito? Qual é a licença?
- mcp_excalidraw é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- mcp_excalidraw ainda é mantido?
- Manutenção ativa. O último commit de mcp_excalidraw foi em 30 de out. de 2026.
- Para que posso usar mcp_excalidraw?
- Usar um agente de programação para desenhar diagramas de arquitetura e fluxogramas de uma base de código. Exportar diagramas .excalidraw para um repositório, mantendo-os versionados junto com o código. Gerar e manter diagramas em um vault do Obsidian. Renderizar arquivos .excalidraw commitados em PNG no CI sem executar um navegador.
- Como instalar mcp_excalidraw?
- Inicie o servidor do canvas com npx: npx -y mcp-excalidraw-server start Desenhe um diagrama de teste com a CLI: npx -y mcp-excalidraw-server describe Instale a skill do agente no seu diretório de skills: npx -y mcp-excalidraw-server install-skill --dir <skills-root>
- Onde consigo mcp_excalidraw?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/yctimlin/mcp_excalidraw
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Workspace web local-first para conversar com documentos enviados e criar e refinar diagramas de arquitetura editáveis em um canvas do Excalidraw.
Workspace Excalidraw auto-hospedado com coleções, colaboração em tempo real, compartilhamento, histórico de versões, backups e login local ou via OpenID Connect.
Skill de programação que permite ao Claude Code e a agentes semelhantes gerar diagramas do Excalidraw a partir de descrições em linguagem natural.
Quadro branco virtual de código aberto para criar diagramas com aparência desenhada à mão, com pacote npm para incorporar em aplicações React.
Uma skill de agente que faz agentes de programação explicarem as mudanças no código com diagramas interativos, vinculando cada parte à sua origem.