● コミュニティ
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 |