mermaid-diagram-generator について
Mermaid Diagram Generator は、Arduino や組み込みシステムの概念を Mermaid 図で記録するためのスキルです。図のテンプレート、コード抽出のヒント、検証手順、コマンドライン生成スクリプトを備えています。
主な機能
- 01状態図やフローチャートの生成
- 02タイミングやプロトコルシーケンスの表現
- 03FreeRTOS タスク関係の図示
- 04Mermaid テンプレートとコード抽出資料
- 05チェックリストによる構文・描画確認
活用シーン
- 01コードからフローチャートを作成
- 02組み込みプロトコルやタイミングを記録
- 03FreeRTOS のタスク構成を図示
- 04プロジェクト文書に Mermaid 図を追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ wedsamuel1230/ arduino-skills --skill mermaid-diagram-generatorインストール後、Claude Code で/mermaid-diagram-generatorを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/code-patterns.mddiagram-templates.mdvalidation-checklist.mdscripts/generate_diagram.py詳細
Mermaid 図ジェネレーター
不要な詳細を最初から読み込まずに、Arduino および組み込みシステムの概念から Mermaid 図を生成します。
リソース
scripts/generate_diagram.py- 図を出力する CLI ジェネレーターreferences/diagram-templates.md- 図の種類別 Mermaid テンプレートreferences/code-patterns.md- コードから図を抽出するヒューリスティックreferences/validation-checklist.md- レンダリングと構文の確認項目
使用する場面
次のような依頼には、このスキルを使用します。
- ステートマシンを視覚化する
- コードをフローチャートに変換する
- タイミングやプロトコルのシーケンスを文書化する
- FreeRTOS タスク間の関係を示す
- プロジェクトのドキュメントに図を追加する
図を追加しても明瞭さが増さない、小さなコードスニペットには使用しないでください。
ワークフロー
- 図の種類を特定します。
- 状態遷移 ->
references/code-patterns.mdを開きます - タイミングまたはプロトコルのシーケンス ->
references/diagram-templates.mdを開きます - タスクアーキテクチャ ->
code-patterns.mdとdiagram-templates.mdの両方を開きます
- 状態遷移 ->
- 挙動を説明する、最もシンプルな図を選びます。
- 入力が自動化に十分なほど構造化されている場合は、
scripts/generate_diagram.pyを使用します。 - Mermaid の出力を提示する前に、
references/validation-checklist.mdの項目を確認します。
検証
- Mermaid の構文がエラーなく解析されること。
- 図の抽象化レベルが依頼に適していること。
- 状態名、遷移、信号がソース資料と完全に一致していること。
- コードをリバースエンジニアリングしなくても、出力を読み取れること。
統合
- タスクや同期の図には、
freertos-patternsと組み合わせます。 - 生成されたスケッチにも視覚的なドキュメントが必要な場合は、
arduino-code-generatorと組み合わせます。 - 図をリポジトリのドキュメントに含める場合は、
readme-generatorと組み合わせます。
共通出力仕様
共通の Arduino スキル仕様に従い、前提条件、必要なツールとバージョン、実装手順、証明段階ごとのテスト/証拠、既知の制限事項、復旧とセキュリティに関する注意事項を示してください。
コメント
Markdown 対応