● مجتمع
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 |