·mermaid-diagrams
</>

mermaid-diagrams

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

37インストール·1トレンド·@connorads

インストール

$npx skills add https://github.com/connorads/dotfiles --skill mermaid-diagrams

mermaid-diagrams のインストール方法

コマンドラインで mermaid-diagrams AI スキルを開発環境にすばやくインストール

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

ソース: connorads/dotfiles。

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 グラフ、円グラフ、ガント チャート、またはその他の図を含む図を通じてソフトウェアを作成、視覚化、または文書化する必要がある場合に使用します。タイプ。トリガーには、「図表」、「視覚化」、「モデル化」、「地図作成」、「フローの表示」、またはシステム アーキテクチャ、データベース設計、コード構造、またはユーザー/アプリケーション フローを説明するときのリクエストが含まれます。 ソース: connorads/dotfiles。

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

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

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/connorads/dotfiles --skill mermaid-diagrams
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-20
更新日
2026-03-10

Browse more skills from connorads/dotfiles

クイックアンサー

mermaid-diagrams とは?

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

mermaid-diagrams のインストール方法は?

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

ソースリポジトリはどこですか?

https://github.com/connorads/dotfiles