MermaidFlow

流程图往往卡在“画图工具太重”与“Markdown 太轻”之间；Mermaid 的优势是可维护，但编辑体验常常不够顺滑。

• 写文档与技术方案：在 README / Spec 中维护图表。
• 产品/流程梳理：快速迭代流程版本，不被拖拽 UI 绑架。
• 学习与分享：以链接/导出图像的方式传播。

• 编辑区 + 预览区的实时联动。
• 面向可写性的语法高亮与输入体验。
• 导出能力：把图表带走，进入你的文档与汇报。

• “输入/输出”一眼可见：把主要精力留给内容本身。
• 低干扰 UI：工具存在感要低，但反馈要及时。
• 默认可用：打开即写，不让用户先做配置。

• Mermaid 渲染与预览组件化，确保编辑与渲染解耦。
• 以导出为核心的输出链路（SVG/PNG 等）。