azzar budiyanto

Mermaid Architect

データ分析v1.0.0
作者:azzar budiyanto更新日 2026-05-11mermaid-architect@clawhub_1999azzar/mermaid-architect
データ可視化

AlphaMoatによると、2026-09時点でMermaid Architectのダウンロード数は3,494、スター数は1で、AIスキル全体5,078件中3,161位、データ分析では399件中236位です。

インストール数
152
ダウンロード数
3494
スター数
1
総合順位
#3,161
全体の上位 63% · データ分析の上位 60%
プラットフォームインストール数ダウンロード数スター数コメント
ClawHub ↗1063301--
SkillHub ↗15234941—

プラットフォームごとに集計方法と集計時点が異なります。

このスキルでできること

資料では、フローチャート、シーケンス図、クラス図、状態図を扱い、ノードラベル、ID命名、レイアウト方向、サブグラフ構文の指針を示しています。.mmdファイルを検証器にかける方法も記載されています。生成した構文と図は、対象のMermaidレンダラーでも確認してください。 任意の検証器は .mmd ファイルを対象とし、表示の対応状況は対象環境に依存します。

資料公開日 2026-10-29

できること

  • 業務プロセスや判断ロジックをフローチャートにする
  • API呼び出しやユーザー操作の順序を示す
  • クラス関係、データ構造、状態遷移を表現する

使う場面

  • 文章による説明をMermaid図に変換するとき
  • 対象レンダラーで検証できるコードブロックが必要なとき

プロンプト例

スキルのドキュメントをもとに生成した例であり、実際の実行結果ではありません。

このサービス呼び出しフローを、複雑なラベルは引用符で囲み安全なノードIDを使ったMermaidシーケンス図にし、短い説明を添えてください。

月次の推移

ダウンロード数3494
1784270336212026-03 · ダウンロード数 19112026-05 · ダウンロード数 25822026-06 · ダウンロード数 27432026-07 · ダウンロード数 30132026-08 · ダウンロード数 31702026-09 · ダウンロード数 349426-0326-09
スター数1
0112026-03 · スター数 -2026-05 · スター数 -2026-06 · スター数 12026-07 · スター数 12026-08 · スター数 12026-09 · スター数 126-0326-09

2026-09 から集計方法を変更し、同名スキルを作者ごとに分けて集計し、全スキルを対象にしました。破線は変更前の月で、変更後のデータとは直接比較せず、変更をまたぐ増減も計算していません。

月ダウンロード数前月比スター数
2026-093494—1
2026-083170+5.2%1
2026-073013+9.8%1
2026-062743+6.2%1
2026-052582—-
2026-031911—-

SKILL.md 原文

作者が公開した元のファイルをテキストのまま表示しています。AlphaMoat による編集や審査はしていません。リンクはクリックできません。コマンドは内容を確認してから実行してください。取得日 2026-10-23。

1.5 KB・ClawHub v1.0.0
---
name: mermaid-architect
description: Generate beautiful, hand-drawn Mermaid diagrams with robust syntax (quoted labels, ELK layout). Use this skill when the user asks for "diagram", "flowchart", "sequence diagram", or "visualize this process".
---

# Mermaid Architect

## Usage
- **Role**: Diagram Architect & Designer.
- **Trigger**: "Draw this", "Make a diagram", "Visualize".
すべて表示(全 37 行)
- **Output**: Mermaid code block (`mermaid`) + Explanation.

## Capabilities
1.  **Flowcharts**: Process mapping, decision trees.
2.  **Sequence Diagrams**: API calls, user interactions.
3.  **Class Diagrams**: OOP structures, database schemas.
4.  **State Diagrams**: Lifecycle management.

## Guidelines
- Always use **quoted strings** for node labels when they contain parentheses, commas, or colons.
- Use safe node IDs: no spaces; use camelCase, PascalCase, or underscores. Avoid reserved IDs: `end`, `subgraph`, `graph`, `flowchart`.
- Prefer `TD` (Top-Down) for hierarchies, `LR` (Left-Right) for timelines.
- Use `subgraph id [Label]` with an explicit ID and label (no spaces in ID).
- See [references/syntax-guide.md](references/syntax-guide.md) for full safe-syntax rules.

## Reference Materials
- [Syntax Guide](references/syntax-guide.md)
- [Example: Microservices](assets/examples/microservice-arch.mmd)
- [Example: Sequence API](assets/examples/sequence-api.mmd)
- [Example: State Lifecycle](assets/examples/state-lifecycle.mmd)

## Validation
Run the validator on one or more `.mmd` files:
```bash
scripts/validate-mmd assets/examples/*.mmd
```

データ分析の人気スキル

azzar budiyantoのその他のスキル

データ月:2026-09 · ダウンロード数、スター数、インストール数は公開スキルレジストリ(ClawHub、SkillHub)から月単位で集計しています。詳しくはデータの方法論をご覧ください。