● Comunidad
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 qué usarlo
Características clave
- 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 en vivo
Cómo se ve en la práctica
excalidraw-diagram-skill.replay
▶ listo
Casos de uso
Usos del mundo real: Excalidraw Diagram Skill
Cuándo usarlo: You want a diagram you can iterate on, not a static PNG.
Requisitos previos
- Server/skill installed and authenticated — See repo README
Flujo
-
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.
Errores comunes
- 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.
Coste y límites
Lo que cuesta ejecutarlo
- Cuota de API
- See provider docs for rate limits
- Tokens por llamada
- Varies by tool
- Monetario
- See repo README for pricing details
- Consejo
- Cache tool results and avoid repeated identical calls.
Seguridad
Permisos, secretos, alcance
Almacenamiento de credenciales: Use environment variables; never commit secrets
Salida de datos: Tool calls go to the provider's API as documented
Resolución de problemas
Errores comunes y soluciones
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 otros
| Alternativa | Cuándo usarla | Contrapartida |
|---|
| 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 |