Mermaid.js — автогенерация диаграмм архитектуры

★ 7.5 · general

mermaid-diagrams is a Claude Code skill that generates Mermaid.js diagrams for system architecture visualization, data flow mapping, and project planning. It supports six diagram types: C4-style architecture graphs, sequence diagrams, flowcharts with conditional branching, entity relationship diagrams, state diagrams, and Gantt timelines. When documenting an existing codebase, the skill reads entry points, routers, and models to identify key components and their relationships, then saves the output to a file such as `docs/architecture.md`. It is aimed at developers and architects who need to explain system design, document API interactions, or map a database schema without writing diagram markup by hand.