drawbridge
Live flowcharts and architecture diagrams on a shared canvas
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install Drawbridge?▼
Run `npx skills add alexknowshtml/drawbridge --all -g -y` in your terminal to install the skill globally, then start the included server to view diagrams live.
How to draw diagrams with Claude Code?▼
Once the skill is installed, just ask for a flowchart or architecture diagram in plain English and the elements stream live onto an Excalidraw canvas in your browser.
Can Drawbridge export diagrams to PNG or SVG?▼
Yes. It includes a render script that converts any diagram or live session into PNG or SVG files using headless Chromium.
Does Drawbridge support real-time collaboration?▼
Yes. Multiple browsers connected to the same session see elements appear in real time via WebSocket, and users can edit the canvas directly.
Do I need design skills to use Drawbridge?▼
No. The skill handles layout, colors, sizing, and arrow connections automatically based on your plain-English description.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video