mcpField
M
mermaid-diagram-generator

mermaid-diagram-generator

github.com/wedsamuel1230開発2897 回インストール2 週間前に更新
リポジトリ

mermaid-diagram-generator について

Arduino や組み込みシステムの概念、コード、タスク構成から Mermaid 図を作成するスキルです。状態遷移、タイミング、プロトコル、FreeRTOS の関係を文書化し、テンプレートや構文・可読性の確認手順を提供します。

主な機能

  1. 01構造化入力からの図生成
  2. 02複数の図種別向けテンプレート
  3. 03コードから図への抽出ガイド
  4. 04Mermaid の構文と描画の確認

活用シーン

  1. 01状態マシンやコードフローの可視化
  2. 02タイミングやプロトコルシーケンスの文書化
  3. 03FreeRTOS タスク関係の図示

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/wedsamuel1230/embedded-engineering-skills --skill mermaid-diagram-generator

インストール後、Claude Code で/mermaid-diagram-generatorを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
code-patterns.md
diagram-templates.md
validation-checklist.md
scripts/
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 タスク間の関係を示す
  • プロジェクトのドキュメントに図を追加する

図を追加しても明瞭さが増さない、小さなコードスニペットには使用しないでください。

ワークフロー

  1. 図の種類を特定します。
    • 状態遷移 -> references/code-patterns.md を開きます
    • タイミングまたはプロトコルのシーケンス -> references/diagram-templates.md を開きます
    • タスクアーキテクチャ -> code-patterns.md と diagram-templates.md の両方を開きます
  2. 挙動を説明する、最もシンプルな図を選びます。
  3. 入力が自動化に十分なほど構造化されている場合は、scripts/generate_diagram.py を使用します。
  4. Mermaid の出力を提示する前に、references/validation-checklist.md の項目を確認します。

検証

  • Mermaid の構文がエラーなく解析されること。
  • 図の抽象化レベルが依頼に適していること。
  • 状態名、遷移、信号がソース資料と完全に一致していること。
  • コードをリバースエンジニアリングしなくても、出力を読み取れること。

統合

  • タスクや同期の図には、freertos-patterns と組み合わせます。
  • 生成されたスケッチにも視覚的なドキュメントが必要な場合は、arduino-code-generator と組み合わせます。
  • 図をリポジトリのドキュメントに含める場合は、readme-generator と組み合わせます。

共通出力仕様

共通の Arduino スキル仕様に従い、前提条件、必要なツールとバージョン、実装手順、証明段階ごとのテスト/証拠、既知の制限事項、復旧とセキュリティに関する注意事項を示してください。

コメント