● Comunidade
coleam00
⚡ Instantâneo
Excalidraw Diagram Skill
por coleam00 · coleam00/excalidraw-diagram-skill
Skill that gives Claude the ability to generate Excalidraw diagrams.
This skill teaches Claude to produce Excalidraw .excalidraw JSON files — architecture diagrams, sequence diagrams, mind maps — that open natively in Excalidraw and stay editable. No screenshot-and-pray.
Por que usar
Principais recursos
- Outputs native .excalidraw JSON (fully editable)
- Pre-baked layouts for architecture, sequence, flow, mind map
- Smart auto-layout to avoid label overlap
- Annotation arrows with proper anchoring
- Works in any agent (Claude Code, Cursor, Codex)
Demo ao vivo
Como fica na prática
excalidraw-diagram-skill.replay
▶ pronto
Casos de uso
Usos do mundo real: Excalidraw Diagram Skill
Quando usar: You want a diagram you can iterate on, not a static PNG.
Pré-requisitos
- Server/skill installed and authenticated — See repo README
Fluxo
-
Describe the system
Using the Excalidraw skill, draw our auth flow: SPA → API gateway → auth-service → Postgres → emit event to Kafka.✓ Copiado
→ A .excalidraw file with labeled boxes + arrows
-
Iterate
Add a Redis cache between API gateway and auth-service.✓ Copiado
→ Updated file with the new node + correct re-routed arrows
Resultado: A diagram you actually edit, not redraw.
Armadilhas
- For very large diagrams (>30 nodes) auto-layout struggles — For very large diagrams (>30 nodes) auto-layout struggles — split into multiple diagrams or group by concern.
Custo e limites
O que custa rodar
- Cota de API
- See provider docs for rate limits
- Tokens por chamada
- Varies by tool
- Monetário
- See repo README for pricing details
- Dica
- Cache tool results and avoid repeated identical calls.
Segurança
Permissões, segredos, alcance
Armazenamento de credenciais: Use environment variables; never commit secrets
Saída de dados: Tool calls go to the provider's API as documented
Solução de problemas
Erros comuns e correções
file doesn't open in Excalidraw
Make sure the file ends with .excalidraw and is valid JSON. The skill outputs both, but check the extension.
Verificar: Open at excalidraw.com → load file
arrows pointing wrong way
Excalidraw's arrow startBinding/endBinding matters. The skill's templates handle it, but custom edits can break it.
Verificar: Reload the file
Alternativas
Excalidraw Diagram Skill vs. outros
| Alternativa | Quando usar | Troca |
|---|
| BV-Venky/excalidraw-architect-mcp | You want it as an MCP server instead of a skill | MCP is heavier setup; skill is just a folder |