draw-architecture: Claude skill: turn any system architecture into an interactive, explorable canvas diagram

by yulonghe97 · Claude Skill · ★ 146

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

How to install draw-architecture

npx skills add yulonghe97/draw-architecture
npx skills add yulonghe97/draw-architecture -g

Taken from the project's README on GitHub.

Security audit verdict: SAFE · quality 64/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours.

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

Quick Facts

Stars146
Forks13
LanguageHTML
CategoryClaude Skill
LicenseMIT
Quality Score64/100
Open Issues1
Last Updated2026-08-25
Created2026-08-11
Platformsclaude-code
Est. Tokens~18k

About draw-architecture

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.

Compatible Skills

These tools work well together with draw-architecture for enhanced workflows:

  • weekend-city-trip — semantic(0.18)+complementary+same_lang+similar_pop+shared_platform (56%)

draw-architecture alternative? Top 2 similar tools

Looking for a draw-architecture alternative? If you're comparing draw-architecture 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.

  • life-sciences by anthropics · ⭐ 637

    Repo for the Claude Code Marketplace to use with the Claude for Life Sciences Launch. This will continue to ho

  • claude-ai-mcp by anthropics · ⭐ 484

    Report issues related to MCP integration with Claude here.

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular HTML Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Claude Skill tools