mermaid-diagrams

SKILL.md

Create professional software diagrams using Mermaid's text-based syntax. Mermaid renders diagrams from simple text definitions, making diagrams version-controllable, easy to update, and maintainable alongside code.

Mermaid 構文を使用してソフトウェア図を作成するための包括的なガイド。ユーザーが、クラス図 (ドメイン モデリング、オブジェクト指向設計)、シーケンス図 (アプリケーション フロー、API インタラクション、コード実行)、フローチャート (プロセス、アルゴリズム、ユーザー ジャーニー)、エンティティ関係図 (データベース スキーマ)、C4 アーキテクチャ図 (システム コンテキスト、コンテナー、コンポーネント)、状態図、git グラフ、円グラフ、ガント チャート、またはその他の図を含む図を通じてソフトウェアを作成、視覚化、または文書化する必要がある場合に使用します。タイプ。トリガーには、「図表」、「視覚化」、「モデル化」、「地図作成」、「フローの表示」、またはシステム アーキテクチャ、データベース設計、コード構造、またはユーザー/アプリケーション フローを説明するときのリクエストが含まれます。 ソース: el-feo/ai-context。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/el-feo/ai-context --skill mermaid-diagrams インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応

原文を見る