Mermaid 可视化工具

将文本内容转换为干净、专业的 Mermaid 图表，针对演示和文档进行优化，自动防止语法错误，兼容 Obsidian 和 GitHub。

核心优势

• 将文本转换为专业 Mermaid 图表
• 6 种图表类型：流程图、循环流程、对比图、思维导图、序列图、状态图
• 内置语法错误防护（避免列表冲突、子图命名问题）
• 兼容 Obsidian 和 GitHub
• 可配置布局（垂直/水平）和详细级别
• 具有语义含义的专业配色方案

主要功能

• 图表类型：流程图（graph TB/LR）、循环流程、对比图、思维导图、序列图、状态图
• 布局选项：垂直（TB）、水平（LR）、从右到左（RL）、从下到上（BT）
• 详细级别：简单（仅核心）、标准（平衡）、详细（完整注释）、演示（幻灯片）
• 样式：极简（单色）、专业（语义颜色）、彩色（鲜艳）、学术（正式）
• 语法保护：自动避免 Markdown 列表冲突、正确的子图 ID 语法、正确的节点引用

使用场景

• 可视化概念、流程或工作流程
• 创建流程图或决策树
• 构建系统架构图
• 生成对比或前后对比图
• 用户请求"可视化"、创建"流程图"、"图表"或"思维导图"

关键语法规则

防止常见错误：

• 避免触发 Markdown 列表冲突的"数字. 空格"模式
• 使用正确的子图命名：subgraph id["显示名称"]
• 通过 ID 引用子图，而不是显示名称
• 转义特殊字符：" → 『』，() → 「」
• 应用正确的箭头语法（-->、-.-> 、==>)

配置选项

• 布局：direction（TB/LR/RL/BT）、aspect（纵向/横向/正方形）
• 详细：simple/standard/detailed/presentation
• 样式：minimal/professional/colorful/academic
• 附加：show_legend、编号步骤、自定义标题

工作流程

1. 分析内容结构和关系
2. 选择适当的图表类型
3. 选择配置（或使用默认值）
4. 生成语法正确的 Mermaid 代码
5. 在 markdown 代码围栏中输出并附带说明

配色方案

• 绿色：输入、感知、开始状态
• 红色：规划、决策点
• 紫色：处理、推理
• 橙色：操作、工具使用
• 青色：输出、执行、结果
• 黄色：存储、内存、数据
• 粉色：学习、优化
• 蓝色：元数据、定义

来源：https://github.com/axtonliu/axton-obsidian-visual-skills/tree/main/mermaid-visualizer 许可证：查看仓库了解详情