edwingao28

edwingao28 / excalidraw-skill

Public

Claude Code skill for generating architecture diagrams on a live Excalidraw canvas

54
4
100% credibility
Found Feb 26, 2026 at 21 stars 3x -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
AI Summary

This project adds a skill to an AI coding tool that reads codebases and draws interactive architecture diagrams live on a browser canvas.

How It Works

1
🔍 Discover Diagram Helper

While building your project, you learn about a handy tool that lets your AI turn code into visual diagrams.

2
📥 Add the Magic

You quickly install the diagram skill into your AI coding companion.

3
🖼️ Open Drawing Board

You launch a fresh canvas in your web browser, ready for drawings.

4
🔗 Link It Up

Your AI connects smoothly to the open canvas so it can draw there.

5
💭 Describe Your Vision

You simply tell your AI what to draw, like your project's flow or components, and point it to your code folder.

6
✨ Watch It Come Alive

Live in your browser, colorful shapes, arrows, and connections appear automatically, perfectly laid out.

7
💾 Grab Your Diagram

You save it as a picture, editable file, or shareable web link for docs or teams.

🎉 See Your Project Clearly

Now you have stunning visuals to understand, share, and explain your code's big picture effortlessly.

Sign up to see the full architecture

6 more

Sign Up Free

Star Growth

See how this repo grew from 21 to 54 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is excalidraw-skill?

excalidraw-skill is a Claude Code skill that generates architecture diagrams on a live Excalidraw canvas from any codebase or natural language description. Point it at your Python, TypeScript, or Go project—or just describe a microservices setup—and it reads the code, draws components with color-coded shapes, auto-routes arrows, and builds visuals in real time in your browser. Users get exports like PNG, SVG, editable files, or shareable URLs without ever touching a drawing tool.

Why is it gaining traction?

It stands out from static Mermaid converters by offering a live canvas where diagrams evolve step-by-step, with smart layouts for vertical flows, pipelines, or hub-and-spoke patterns. Developers hook on the Claude Code integration for claude code agents and claude code skills, plus easy claude code install via plugin marketplace, making it a quick win over manual tools. Features like tracing data flows or converting Mermaid shine for claude code docs and claude code web use cases.

Who should use this?

Architecture leads diagramming microservices or event-driven systems with Kafka and databases. DevOps engineers mapping CI/CD pipelines tied to claude github actions or claude github integration. Data teams visualizing ETL flows from S3 to Snowflake, especially in claude code free workflows without design software.

Verdict

With 18 stars and a 1.0% credibility score, it's early-stage and lacks broad testing, but solid docs and examples make it worth a spin for Claude Code users needing fast excalidraw skill diagrams. Install the excalidraw MCP server first if you're evaluating claude code security or private repos.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.