by alexknowshtml · Claude Skill · ★ 60
Drawbridge A Claude Code skill + real-time diagram server. Ask Claude to draw a flowchart, architecture diagram, or dependency map — and watch it appear live on an Excalidraw canvas in your browser. Table of Contents Using with Claude Code How It Works Quick Start Configuration API Reference Element Format Color Palette Sizing Rules Drawing Order Complete Examples Rendering to PNG/SVG Persistence Frontend Features Architecture Credits Using with Claude Code Drawbridge includes a ready-to-use Claude Code skill that teaches Claude how to generate and push diagrams.
| Stars | 60 |
| Forks | 3 |
| Language | TypeScript |
| Category | Claude Skill |
| Quality Score | 70.0486185732205/100 |
| Open Issues | 1 |
| Last Updated | 2026-02-12 |
| Created | 2026-02-08 |
| Platforms | claude-code, node |
| Est. Tokens | ~27k |
Explore other popular claude skill tools:
drawbridge is Claude Code skill + real-time diagram server. Ask Claude to draw flowcharts, architecture diagrams, and dependency maps — watch them appear live on an Excalidraw canvas.. It is categorized as a Claude Skill with 60 GitHub stars.
drawbridge is primarily written in TypeScript.
You can find installation instructions and usage details in the drawbridge GitHub repository at github.com/alexknowshtml/drawbridge. The project has 60 stars and 3 forks, indicating an active community.