创意名称:Mermaid2AI-Chat,一个编辑器 → AI 对话的MCP+VSCode插件
1. 创意介绍
-
想解决什么问题 :现有 Mermaid 可视化编辑器都是独立网页,用户画完流程图后必须手动复制代码、切到 AI 聊天框粘贴,AI 才能分析。编辑器与 AI 对话是两个割裂的世界,思路被打断。
-
为什么会想到做这个 :在用 TRAE 时发现,AI 能读懂我写的代码,却看不懂我直接在画布上画的流程图——必须复制粘贴 Mermaid 文本才能让它分析。亲测流程图很好用,学术研究也证实了这个痛点的解法方向:NAACL 2025 的 TextFlow 论文发现,把流程图转成中间文本表示让 LLM 推理,显著优于端到端 VLM 直接看图;EMNLP 2025 的 FlowPathAgent 论文证明,用结构化流程图数据辅助 LLM 推理能提升可验证性。既然「文本表示优于直接看图」,那让 AI 直接读取画布状态转成的 Mermaid 文本,就是最自然的解法。
-
大概是什么产品 :MCP + VSCode 插件,通过 MCP 协议把可视化流程图编辑器与 AI 对话无缝集成。
2. 目标用户及痛点
-
面向哪些用户 :在 TRAE IDE 中工作的开发者、产品经理、技术写作者,需要用流程图与 AI 沟通复杂逻辑。
-
在什么场景下使用 :在 TRAE IDE 里画系统架构图、业务流程图、状态机图,然后直接问 AI「看看我画的流程图,有没有逻辑漏洞」。
-
当前痛点 :没有本产品时,用户要「画图 → 手动复制 Mermaid 代码 → 切到 AI 对话 → 粘贴 → 提问」,反复切换打断思路;且 AI 无法感知用户画布的实时变化。
3. 价值与意义
-
效率提升 :消除「画图—复制—粘贴—提问」的反复切换,AI 通过 MCP 即时读取画布,让可视化思考与 AI 协作在同一心流中完成。
-
商业价值 :填补「编辑器 → AI 对话」MCP 集成的空白——现有 Mermaid 编辑器(mermaid-visual-editor、Flowova 等)都没有这个能力,可成为 AI IDE 的标准流程图协作插件。
4. 创意产物 HTML 文件
报名帖-创意产物.html (1.4 MB)