🖼️ Output Preview

⚡ Why Diagram Weaver?
| Feature |
Diagram Weaver |
Eraser.io |
Draw.io |
| Works inside VS Code |
✅ |
❌ |
❌ |
| Zero API key needed |
✅ |
❌ |
❌ |
| Auto-scans your project |
✅ |
❌ |
❌ |
| Dark-mode output |
✅ |
✅ |
❌ |
| 100% Free |
✅ |
❌ |
❌ |
🚀 How To Use
Option 1 — Auto-Scan (Zero Prompt)
- Open any project in VS Code
- Press
Ctrl+Shift+P → type "Diagram Weaver: Weave Diagram"
- Leave the prompt empty and hit Enter
- Your full architecture diagram appears instantly ✨
Option 2 — Custom Prompt
- Press
Ctrl+Shift+P → "Diagram Weaver: Weave Diagram"
- Type anything: "Draw a REST API with JWT auth and MongoDB"
- Done!
Option 3 — Copilot Chat
@diagram draw a microservices architecture with API Gateway
@diagram /explainProject → scans your whole workspace
@diagram /fromSelection → diagrams your selected code
@diagram /generateDocs → creates ARCHITECTURE.md
⚙️ Requirements
- VS Code
v1.93.0+
- GitHub Copilot Chat (free tier works)
| |