mermaid
✓beautiful-mermaid を使用して、人魚の図を SVG または ASCII アートとしてレンダリングします。ユーザーがフローチャート、シーケンス図、状態図、クラス図、または ER 図を作成する必要がある場合に使用します。グラフィカルな SVG 出力と端末に適した ASCII/Unicode 出力の両方をサポートします。
インストール
SKILL.md
Render Mermaid diagrams using beautiful-mermaid library. Supports 5 diagram types with dual output modes.
| Flowchart | graph TD/LR | Processes, decisions | | Sequence | sequenceDiagram | API calls, interactions | | State | stateDiagram-v2 | State machines | | Class | classDiagram | OOP design | | ER | erDiagram | Database schemas |
Use invalid theme name to see available themes list (e.g., --theme ?)
beautiful-mermaid を使用して、人魚の図を SVG または ASCII アートとしてレンダリングします。ユーザーがフローチャート、シーケンス図、状態図、クラス図、または ER 図を作成する必要がある場合に使用します。グラフィカルな SVG 出力と端末に適した ASCII/Unicode 出力の両方をサポートします。 ソース: iofficeai/aionui。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/iofficeai/aionui --skill mermaid- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
mermaid とは？
beautiful-mermaid を使用して、人魚の図を SVG または ASCII アートとしてレンダリングします。ユーザーがフローチャート、シーケンス図、状態図、クラス図、または ER 図を作成する必要がある場合に使用します。グラフィカルな SVG 出力と端末に適した ASCII/Unicode 出力の両方をサポートします。 ソース: iofficeai/aionui。
mermaid のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/iofficeai/aionui --skill mermaid インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/iofficeai/aionui
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-05