mermaid-diagrams

Mermaid is a JavaScript-based diagramming tool that renders Markdown-inspired text definitions into SVG diagrams. It supports flowcharts, sequence diagrams, ER diagrams, class diagrams, state diagrams, Gantt charts, pie charts, mindmaps, and git graphs directly inside Markdown files.

When to use: Documenting system architecture, visualizing data models, illustrating request flows, creating project timelines, embedding diagrams in GitHub/GitLab READMEs or docs sites.

When NOT to use: Pixel-perfect design mockups, interactive dashboards, diagrams requiring custom artwork or complex spatial layouts beyond hierarchical/relational structures.

순서도, 시퀀스 다이어그램, ERD, 클래스 다이어그램 등에 대한 인어 다이어그램 구문입니다. 마크다운으로 다이어그램을 만들거나, 아키텍처 시각적 개체를 생성하거나, 시스템 흐름을 문서화할 때 사용합니다. 인어, 다이어그램, 순서도, 시퀀스, ERD, 클래스 다이어그램, 간트, 원형 차트, 마인드맵에 사용합니다. 출처: oakoss/agent-skills.