● Сообщество
coleam00
⚡ Сразу
Excalidraw Diagram Skill
автор 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.
Зачем использовать
Ключевые функции
- 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)
Живое демо
Как выглядит на практике
excalidraw-diagram-skill.replay
▶ готово
Сценарии использования
Реальные сценарии: Excalidraw Diagram Skill
Когда использовать: You want a diagram you can iterate on, not a static PNG.
Предварительные требования
- Server/skill installed and authenticated — See repo README
Поток
-
Describe the system
Using the Excalidraw skill, draw our auth flow: SPA → API gateway → auth-service → Postgres → emit event to Kafka.✓ Скопировано
→ A .excalidraw file with labeled boxes + arrows
-
Iterate
Add a Redis cache between API gateway and auth-service.✓ Скопировано
→ Updated file with the new node + correct re-routed arrows
Итог: A diagram you actually edit, not redraw.
Подводные камни
- 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.
Стоимость и лимиты
Во что обходится
- Квота API
- See provider docs for rate limits
- Токенов на вызов
- Varies by tool
- Деньги
- See repo README for pricing details
- Совет
- Cache tool results and avoid repeated identical calls.
Безопасность
Права, секреты, радиус поражения
Хранение учётных данных: Use environment variables; never commit secrets
Исходящий трафик: Tool calls go to the provider's API as documented
Устранение неполадок
Частые ошибки и исправления
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.
Проверить: 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.
Проверить: Reload the file
Альтернативы
Excalidraw Diagram Skill в сравнении
| Альтернатива | Когда использовать | Компромисс |
|---|
| 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 |