·mermaid-diagrams
>_

mermaid-diagrams

✓
veelenga/claude-mermaidGitHub: veelenga/claude-mermaidソース: veelenga/claude-mermaid

ライブ リロードを使用して Mermaid ダイアグラムを作成および調整します。ユーザーがフローチャート、シーケンス図、クラス図、ER 図、状態図、またはその他の Mermaid 視覚化を必要とする場合に使用します。 mermaid_preview ツールと mermaid_save ツールを使用した構文、スタイル、反復ワークフローのベスト プラクティスを提供します。

veelenga·mermaid·diagrams
19インストール·5トレンド·@veelenga

インストール

GitHub: veelenga/claude-mermaid
$npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams

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

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

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

ソース: veelenga/claude-mermaid。

SKILL.md

原文を見る

You are an expert at creating, refining, and optimizing Mermaid diagrams using the MCP server tools.

Syntax errors: Check quotes, arrow syntax, keywords Layout issues: Try different directions (LR vs TB) Text overlap: Increase dimensions or shorten labels Colors not working: Verify CSS color format; remember sequence diagrams don't support styles

You: "I'll create a sequence diagram showing the authentication flow." [Use mermaidpreview with previewid="auth-flow"]

ライブ リロードを使用して Mermaid ダイアグラムを作成および調整します。ユーザーがフローチャート、シーケンス図、クラス図、ER 図、状態図、またはその他の Mermaid 視覚化を必要とする場合に使用します。 mermaid_preview ツールと mermaid_save ツールを使用した構文、スタイル、反復ワークフローのベスト プラクティスを提供します。 ソース: veelenga/claude-mermaid。

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/veelenga/claude-mermaid --skill mermaid-diagrams
ソース
veelenga/claude-mermaid
カテゴリ
>_生産性
認証済み
✓
初回登録
2026-02-22
更新日
2026-03-10
URL
https://www.learn-skills.dev/ja/skills/veelenga/claude-mermaid/mermaid-diagrams

Browse more skills from veelenga/claude-mermaid

クイックアンサー

mermaid-diagrams とは？

ライブ リロードを使用して Mermaid ダイアグラムを作成および調整します。ユーザーがフローチャート、シーケンス図、クラス図、ER 図、状態図、またはその他の Mermaid 視覚化を必要とする場合に使用します。 mermaid_preview ツールと mermaid_save ツールを使用した構文、スタイル、反復ワークフローのベスト プラクティスを提供します。 ソース: veelenga/claude-mermaid。

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

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

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

https://github.com/veelenga/claude-mermaid

詳細

カテゴリ
>_生産性
ソース
skills.sh
初回登録
2026-02-22

関連 Skills

なし