drawbridge

by alexknowshtml · Claude 技能 · ★ 60

About drawbridge

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.

Quick Facts

Stars60
Forks3
LanguageTypeScript
CategoryClaude 技能
Quality Score29.75/100
Open Issues1
Last Updated2026-02-12
Created2026-02-08
Platformsclaude-code, node
Est. Tokens~27k

More Claude 技能 Tools

Explore other popular claude 技能 tools:

View all Claude 技能 tools →

Popular TypeScript Agent Tools

  • openclaw ⭐ 379.1k · Codex 技能
  • n8n ⭐ 192.9k · MCP 服务器
  • dify ⭐ 145.6k · MCP 服务器
  • gstack ⭐ 110.8k · AI 工具
  • gemini-cli ⭐ 105.3k · MCP 服务器

Frequently Asked Questions

What is drawbridge?

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 技能 with 60 GitHub stars.

What programming language is drawbridge written in?

drawbridge is primarily written in TypeScript.

How do I install or use drawbridge?

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.

View on GitHub → Browse Claude 技能 tools