cathrynlavery/diagram-design

Health v2 · maintenance only

Flags: no_releases young

Adoption not part of the score

27354 stars · 1693 forks observed · 2026-08-28

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

A Claude Code / Codex / Pi skill that generates 39+ editorial-quality diagrams as self-contained HTML + SVG files. It redraws draw.io and Mermaid sources and matches brand styling automatically, with no build step or JavaScript dependencies.

Use cases

• generate architecture diagrams for blog posts
• convert mermaid diagrams to better-looking svg
• redraw draw.io diagrams with custom styling
• create flowcharts that match my website brand
• make editorial-quality diagrams without figma
• generate sankey and wardley map diagrams
• produce static html diagrams for documentation

When to choose

• you want polished, editorial-style diagrams generated by AI coding agents
• you need self-contained static HTML/SVG output with no build tooling
• you want to redraw existing Mermaid or draw.io diagrams at a chosen size and detail level

When to avoid

• you need interactive, JavaScript-driven diagram editing
• you require programmatic diagram generation in a library API rather than an agent skill
• you need real-time collaborative diagramming

Facets

plugin · maturity active

data-visualization templating documentation data-visualization developer-tools documentation cli cross-platform browser claude-code-skill agent-skills svg-diagrams mermaid-alternative drawio editorial-design html-diagrams

Member repositories

For agents

markdown · JSON · MCP: product_card(name="cathrynlavery/diagram-design")