Фирменные диаграммы 39 типов в HTML и SVG

★ 8.5 · design

Diagram design is a Claude Code skill that generates branded diagrams of 39 types as self-contained HTML/SVG/PNG files with a built-in editorial design system. Reach for it when you need to produce an architecture diagram in your company's brand colors, when you want to redraw existing DrawIO or Mermaid sources at a different size or style, when you need consistent visuals across a whole documentation set without touching each file by hand, or when a single project calls for a flowchart, a Wardley map, and a swimlane diagram that all look like they belong together. Covered types include architecture, IT current-state, sequence, ER/data model, swimlane, org chart, Gantt, Sankey, fishbone, kanban, user journey, UML class, deployment, treemap, scatter, radar/spider, and more — 39 in total. On first use in a project it checks the style guide and offers to pull brand tokens from a website URL, a local design-system folder, or manual paste; tokens save as a named client profile for reuse. Supports redrawing .drawio, .drawio.png, .drawio.svg, and Mermaid .mmd sources, and can add semantic patterns, callouts, accessible animation, or sketchy/hand-drawn styling. The skill produces and reworks diagrams — it does not insert ready-made widgets or ASCII art (use wiretext for quick unicode sketches).