drawbridge — Claude Skill by alexknowshtml

by alexknowshtml · Claude Skill · ★ 60

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

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. Once installed, Claude will automatically use Drawbridge when you ask for flowcharts, architecture diagrams, dependency maps, or any visual diagram. Install the Skill Copy the skill file into your project's directory: Or if you cloned the repo: bash mkdir -p .claude/skills/drawbridge cp drawbridge/skills/SKILL.md .claude/skills/drawbridge/

Quick Facts

Stars60
Forks3
LanguageTypeScript
CategoryClaude Skill
Quality Score70.0486185732205/100
Open Issues1
Last Updated2026-02-12
Created2026-02-08
Platformsclaude-code, node
Est. Tokens~27k

drawbridge alternative? Top 2 similar tools

Looking for a drawbridge alternative? If you're comparing drawbridge with other claude skill tools, these 2 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • skyll by assafelovic · ⭐ 222

    A tool for autonomous agents like OpenClaw to discover and learn skills autonomously

  • digital-marketing-pro by indranilbanerjee · ⭐ 175

    Open-source AI marketing plugin for agencies & in-house teams — 158 skills, 25 specialist agents, 12-Part Stra

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular TypeScript Agent Tools

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 Skill 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.

What are the best alternatives to drawbridge?

The top alternatives to drawbridge on Agent Skills Hub include skyll, digital-marketing-pro. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

View on GitHub → Browse Claude Skill tools