mermaid
✓人魚図を作成するための包括的なガイダンスを提供します。 Mermaid は、Markdown からインスピレーションを得たテキスト定義とレンダラーを使用して複雑な図を作成および変更する JavaScript ベースの図作成およびグラフ作成ツールです。 Mermaid の主な目的は、ドキュメントが開発に追いつくのを支援することです。 Mermaid は、Markdown ドキュメント、GitHub、GitLab、Wiki、ブログ、その他の Markdown ベースのプラットフォームでの使用に特に適しています。ユーザーが図、チャート、グラフ、フローチャート、アーキテクチャ図、シーケンス図、クラス図、状態図、ガント チャート、マインドマップ、タイムライン、またはその他の視覚的な図を Markdown に適した形式で描画、作成、生成、作成、構築、または視覚化したい場合に使用します。このスキルは、フローチャート、シーケンス図、クラス図、状態図、ER 図、ガント チャート、円グラフ、四分円グラフ、Git グラフ、C4 図、マインドマップ、タイムラインなどを含む 23 以上のマーメイド図タイプすべてをカバーします。ユーザーが Mermaid について言及した場合、Markdown ドキュメント用の図が必要な場合、または Markdown レンダラーで直接レンダリングする簡単な図が必要な場合は、常にこのスキルを使用してください。
SKILL.md
Mermaid and PlantUML are two different diagramming tools with different purposes:
CRITICAL: Mermaid is a Markdown-focused diagramming tool. This skill should be triggered when the user explicitly mentions "Mermaid", needs diagrams for Markdown documentation, or wants diagrams that render directly in Markdown renderers (GitHub, GitLab, wikis, blogs).
When both PlantUML and Mermaid are matched, ALWAYS ask the user to choose the output format or tool, as they are two different diagramming tools with different purposes.
人魚図を作成するための包括的なガイダンスを提供します。 Mermaid は、Markdown からインスピレーションを得たテキスト定義とレンダラーを使用して複雑な図を作成および変更する JavaScript ベースの図作成およびグラフ作成ツールです。 Mermaid の主な目的は、ドキュメントが開発に追いつくのを支援することです。 Mermaid は、Markdown ドキュメント、GitHub、GitLab、Wiki、ブログ、その他の Markdown ベースのプラットフォームでの使用に特に適しています。ユーザーが図、チャート、グラフ、フローチャート、アーキテクチャ図、シーケンス図、クラス図、状態図、ガント チャート、マインドマップ、タイムライン、またはその他の視覚的な図を Markdown に適した形式で描画、作成、生成、作成、構築、または視覚化したい場合に使用します。このスキルは、フローチャート、シーケンス図、クラス図、状態図、ER 図、ガント チャート、円グラフ、四分円グラフ、Git グラフ、C4 図、マインドマップ、タイムラインなどを含む 23 以上のマーメイド図タイプすべてをカバーします。ユーザーが Mermaid について言及した場合、Markdown ドキュメント用の図が必要な場合、または Markdown レンダラーで直接レンダリングする簡単な図が必要な場合は、常にこのスキルを使用してください。 ソース: teachingai/full-stack-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/teachingai/full-stack-skills --skill mermaid- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
mermaid とは?
人魚図を作成するための包括的なガイダンスを提供します。 Mermaid は、Markdown からインスピレーションを得たテキスト定義とレンダラーを使用して複雑な図を作成および変更する JavaScript ベースの図作成およびグラフ作成ツールです。 Mermaid の主な目的は、ドキュメントが開発に追いつくのを支援することです。 Mermaid は、Markdown ドキュメント、GitHub、GitLab、Wiki、ブログ、その他の Markdown ベースのプラットフォームでの使用に特に適しています。ユーザーが図、チャート、グラフ、フローチャート、アーキテクチャ図、シーケンス図、クラス図、状態図、ガント チャート、マインドマップ、タイムライン、またはその他の視覚的な図を Markdown に適した形式で描画、作成、生成、作成、構築、または視覚化したい場合に使用します。このスキルは、フローチャート、シーケンス図、クラス図、状態図、ER 図、ガント チャート、円グラフ、四分円グラフ、Git グラフ、C4 図、マインドマップ、タイムラインなどを含む 23 以上のマーメイド図タイプすべてをカバーします。ユーザーが Mermaid について言及した場合、Markdown ドキュメント用の図が必要な場合、または Markdown レンダラーで直接レンダリングする簡単な図が必要な場合は、常にこのスキルを使用してください。 ソース: teachingai/full-stack-skills。
mermaid のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/teachingai/full-stack-skills --skill mermaid インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/teachingai/full-stack-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01