● Communauté
coleam00
⚡ Instantané
Excalidraw Diagram Skill
par 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.
Pourquoi l'utiliser
Fonctionnalités clés
- 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)
Démo en direct
Aperçu en pratique
excalidraw-diagram-skill.replay
▶ prêt
Cas d'usage
Usages concrets : Excalidraw Diagram Skill
Quand l'utiliser : You want a diagram you can iterate on, not a static PNG.
Prérequis
- Server/skill installed and authenticated — See repo README
Déroulement
-
Describe the system
Using the Excalidraw skill, draw our auth flow: SPA → API gateway → auth-service → Postgres → emit event to Kafka.✓ Copié
→ A .excalidraw file with labeled boxes + arrows
-
Iterate
Add a Redis cache between API gateway and auth-service.✓ Copié
→ Updated file with the new node + correct re-routed arrows
Résultat : A diagram you actually edit, not redraw.
Pièges
- 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.
Coût et limites
Coût d'exécution
- Quota d'API
- See provider docs for rate limits
- Tokens par appel
- Varies by tool
- Monétaire
- See repo README for pricing details
- Astuce
- Cache tool results and avoid repeated identical calls.
Sécurité
Permissions, secrets, portée
Stockage des identifiants : Use environment variables; never commit secrets
Sortie de données : Tool calls go to the provider's API as documented
Dépannage
Erreurs courantes et correctifs
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.
Vérifier : 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.
Vérifier : Reload the file
Alternatives
Excalidraw Diagram Skill vs autres
| Alternative | Quand l'utiliser | Compromis |
|---|
| 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 |