# Cocoon-AI/architecture-diagram-generator

Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files. Works as a Claude AI skill.

Repository: https://github.com/Cocoon-AI/architecture-diagram-generator
Canonical: https://ross.abutalabs.com/products/architecture-diagram-generator
Language: HTML
License: MIT
License Family: permissive
Last push: 2026-05-13T23:04:17+00:00

## Health v2 (maintenance only)
Score: 61/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 82, release rhythm 59, longevity 18
- inputs: {"age_days": 254, "days_push": 112, "days_rel": 117, "gap_med": 137, "n_releases_24m": 2}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 7039, forks 534 (observed 2026-08-28T04:09:55.267132+00:00)

## What it is
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
- artifact type: plugin
- maturity: active
- function: data-visualization, developer-tools, documentation
- domain: developer-tools, documentation, cloud-computing, web-development
- platform: browser
- tags: claude-skill, architecture-diagrams, svg, dark-theme, standalone-html, diagram-generation, ai-assisted, web-server

## Member repositories
- Cocoon-AI/architecture-diagram-generator (main) score 61

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:55.267132+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:40:33.286700+00:00, confidence not recorded.
  - readme: https://github.com/Cocoon-AI/architecture-diagram-generator (fetched 2026-08-28T04:09:55.267132+00:00, sha a92334cbe571)
- Data as of 2026-08-30T08:39:29.467469+00:00.