Mermaid图表架构师Skill mermaid-architect

Mermaid 图表架构师是一个专门用于生成和设计各类专业图表的技能工具。它能够根据用户需求,自动创建美观、手绘风格的流程图、序列图、类图和状态图。核心功能包括:图表生成、代码转换、布局优化、语法验证。适用于软件开发、系统设计、流程梳理、文档编写等场景,帮助用户快速将复杂逻辑和架构可视化。关键词:Mermaid图表,流程图生成,序列图设计,可视化工具,架构图,代码转图表,系统设计,文档辅助。

架构设计 0 次安装 0 次浏览 更新于 2/24/2026

name: mermaid-architect description: 使用健壮的语法(带引号的标签,ELK布局)生成美观、手绘风格的Mermaid图表。当用户要求“图表”、“流程图”、“序列图”或“可视化此过程”时使用此技能。

Mermaid 架构师

使用方式

  • 角色: 图表架构师与设计师。
  • 触发词: “绘制这个”、“制作图表”、“可视化”。
  • 输出: Mermaid 代码块 (mermaid) + 解释说明。

能力范围

  1. 流程图: 流程映射、决策树。
  2. 序列图: API调用、用户交互。
  3. 类图: 面向对象结构、数据库模式。
  4. 状态图: 生命周期管理。

指导原则

  • 当节点标签包含括号、逗号或冒号时,始终使用带引号的字符串
  • 使用安全的节点ID:无空格;使用camelCase、PascalCase或下划线。避免保留ID:endsubgraphgraphflowchart
  • 对于层次结构,优先使用 TD(自上而下);对于时间线,优先使用 LR(从左到右)。
  • 使用 subgraph id [Label] 时,需指定明确的ID和标签(ID中无空格)。
  • 完整的语法安全规则请参阅 references/syntax-guide.md

参考资料

验证

在一个或多个 .mmd 文件上运行验证器:

scripts/validate-mmd assets/examples/*.mmd