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. 03展示 FreeRTOS 任务关系

安装

复制下面的命令,在终端中运行。

$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 技能约定: 说明假设、所需工具和版本、实现步骤、各验证阶段的测试/证据、已知限制,以及恢复/安全说明。

评论

支持 Markdown