Cocoon-AI/architecture-diagram-generator

Health v2 · maintenance only

Adoption not part of the score

7039 stars · 534 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A Claude AI skill that generates dark-themed system architecture diagrams as standalone HTML/SVG files from plain-English descriptions. Output includes built-in Copy/PNG/PDF export buttons and can be iterated on via chat.

Use cases

• generate architecture diagrams from a system description
• visualize a codebase architecture with AI
• create dark-themed system design diagrams as shareable HTML
• export architecture diagrams to PNG or PDF
• iterate on diagram layout and components via chat
• produce diagrams without design skills

When to choose

• you use Claude.ai and want fast, professional architecture diagrams
• you want a single self-contained HTML file that needs no special software
• you want to iterate on diagrams conversationally
• you need built-in PNG/PDF export

When to avoid

• you need diagrams generated programmatically in CI without an LLM
• you need offline tooling or a CLI
• you require precise pixel-level manual diagram editing like in dedicated diagramming tools
• you don't have a Claude plan with code execution enabled

Facets

plugin · maturity active

data-visualization developer-tools documentation developer-tools documentation cloud-computing web-development browser claude-skill architecture-diagrams svg dark-theme standalone-html diagram-generation ai-assisted web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="Cocoon-AI/architecture-diagram-generator")