mermaid-diagramming

SKILL.md

[H1][MERMAID-DIAGRAMMING] Dictum: Modern Mermaid syntax produces consistent, styled diagrams.

Mermaid v11+ diagram creation with frontmatter YAML, ELK layout, Dracula palette. 22 diagram types across 5 semantic categories.

| Graph | flowchart, mindmap, block | →graph.md | | Interaction | sequence, journey | →interaction.md | | Modeling | state, ER, class, requirement | →modeling.md | | Charts | pie, quadrant, sankey, xy, radar, gantt, treemap | →charts.md | | Architecture | C4, architecture, packet, timeline, gitgraph, kanban | →architecture.md |

ELK レイアウトと YAML フロントマターを使用して Mermaid v11+ の図を作成します。 22 の図タイプをカバーします: フローチャート、マインドマップ、ブロック、シーケンス、ジャーニー、状態、ER、クラス、要件、パイ、象限、サンキー、xy、レーダー、ガント、ツリーマップ、C4、アーキテクチャ、パケット、タイムライン、ギットグラフ、カンバン。ロジック フロー、インタラクション、ステート マシン、データ モデル、チャート、システム アーキテクチャ、またはテーマ、classDef スタイル、アクセシビリティを必要とする図を視覚化するときに使用します。 ソース: bsamiee/parametric_forge。

原文を見る