by yulonghe97 · Claude Skill · ★ 46
draw-architecture An agent skill that turns any system architecture — a codebase, an architecture doc, or a plain-English description — into an interactive, explorable canvas diagram: dark, monospaced, organized into colour-coded planes, with pan/zoom, click-to-isolate focus, and PNG export. One self-contained HTML file, ready to share or publish. ▶ Try the live demo — pan around, zoom in, click any component to isolate it and read what it does. Install Three ways in — pick one, since installing twice leaves you with the skill in two places and your agent loading whichever it finds first.
| Stars | 46 |
| Forks | 4 |
| Language | HTML |
| Category | Claude Skill |
| License | MIT |
| Quality Score | 64.2917036191701/100 |
| Open Issues | 1 |
| Last Updated | 2026-08-13 |
| Created | 2026-08-11 |
| Platforms | claude-code |
| Est. Tokens | ~18k |
These tools work well together with draw-architecture for enhanced workflows:
Explore other popular claude skill tools:
draw-architecture is Claude skill: turn any system architecture into an interactive, explorable canvas diagram. It is categorized as a Claude Skill with 46 GitHub stars.
draw-architecture is primarily written in HTML.
You can find installation instructions and usage details in the draw-architecture GitHub repository at github.com/yulonghe97/draw-architecture. The project has 46 stars and 4 forks, indicating an active community.
draw-architecture is released under the MIT license, making it free to use and modify according to the license terms.