mermaid

SKILL.md

Mermaid is a JavaScript-based diagramming and charting tool that uses text definitions to create diagrams dynamically. This skill includes the complete official documentation from the mermaid repository.

Quick Start: Read mermaid-cli/README.md for installation and usage. Always use mermaid-cli to validate code and generate diagrams. Adjust width/height for readability (default PNGs are often too small).

Diagram Type Syntax For detailed syntax, examples, and best practices for each diagram type, refer to files in the syntax/ folder:

mermaid-cli (mmdc) を使用して、mermaid 定義から図とフローチャートを生成します。テーマ、カスタム CSS、SVG、PNG、PDF などのさまざまな出力形式をサポートします。 Mermaid は、フローチャート、シーケンス図、クラス図、状態図、エンティティ関係図、ユーザー ジャーニー、ガント チャート、円グラフ、四分円グラフ、要件図、GitGraph、C4 図、マインドマップ、タイムライン、ZenUML、サンキー図、XY チャート、ブロック図、パケット図、カンバン ボード、アーキテクチャ図、レーダー チャート、ツリーマップなど、20 以上の図タイプをサポートしています。このスキルは、ユーザーが「図を作成する」、「フローチャートを作成する」、「シーケンス図を生成する」、「マーメイド チャートを作成する」、「これを図として視覚化する」、「マーメイド コードをレンダリングする」、または「アーキテクチャ図を作成する」などの発言をしたときにトリガーされます。 ソース: seckatie/katies-ai-skills。

原文を見る