mermaid-diagramming とは?
フローチャート、シーケンス図、ERD、ステート マシン、ガント チャート、アーキテクチャ ビューを含むマーメイド ダイアグラムの作成。ドキュメント内の技術図を作成または更新するときに使用します。 ソース: nickcrew/claude-ctx-plugin。
フローチャート、シーケンス図、ERD、ステート マシン、ガント チャート、アーキテクチャ ビューを含むマーメイド ダイアグラムの作成。ドキュメント内の技術図を作成または更新するときに使用します。
コマンドラインで mermaid-diagramming AI スキルを開発環境にすばやくインストール
ソース: nickcrew/claude-ctx-plugin。
Create clear, professional Mermaid diagrams for technical documentation. Covers all major diagram types with both basic and styled variants, rendering guidance, and export recommendations.
| references/diagram-types.md | Syntax, patterns, and code examples for every Mermaid diagram type | Choosing or building a diagram |
| Process flow, decisions, branching | flowchart | | Interactions over time between systems/actors | sequenceDiagram | | Data model and relationships | erDiagram | | Object structure and inheritance | classDiagram | | States and transitions | stateDiagram-v2 | | Project schedule and dependencies | gantt | | Proportions or distribution | pie |
フローチャート、シーケンス図、ERD、ステート マシン、ガント チャート、アーキテクチャ ビューを含むマーメイド ダイアグラムの作成。ドキュメント内の技術図を作成または更新するときに使用します。 ソース: nickcrew/claude-ctx-plugin。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill mermaid-diagrammingフローチャート、シーケンス図、ERD、ステート マシン、ガント チャート、アーキテクチャ ビューを含むマーメイド ダイアグラムの作成。ドキュメント内の技術図を作成または更新するときに使用します。 ソース: nickcrew/claude-ctx-plugin。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill mermaid-diagramming インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/nickcrew/claude-ctx-plugin