MasterGo AI 不直接生成标准流程图，但能通过多模态理解与结构化引导产出可落地的页面流程图雏形；需明确节点类型、流转关系与条件分支，结合文字描述、手绘草图和设计稿输入，并辅以人工校验与Mermaid转换。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接生成标准流程图（如 Mermaid 或 BPMN 格式），但它能通过“多模态理解+结构化引导”方式，帮你产出逻辑清晰、可落地的页面流程图雏形——关键不在一键出图，而在如何让它准确理解你的业务路径与交互决策。
H3 理解页面流程图的本质需求
页面流程图不是装饰，而是表达“用户怎么走、系统怎么响应、在哪分支、在哪跳转”。MasterGo AI 要还原这个逻辑，必须明确三类要素：
- 节点类型：起始页、表单页、列表页、详情页、弹窗、404/登录拦截页等；
- 流转关系：点击按钮跳转哪页？提交成功后去哪？权限不足时显示什么？；
- 条件分支：比如“用户已登录 → 进入首页”，“未登录 → 弹出登录框 → 登录成功后回原页”。
H3 用文字描述构建可被AI解析的流程骨架
别写“用户打开APP后看到首页”，要拆解成带判断和动作的结构化语句：
- 当用户首次访问 /login 页面时，若已存在有效 token，则重定向至 /dashboard；否则显示账号密码输入框；
- 点击“忘记密码”按钮，跳转至 /reset-password，并清空当前表单；
- 在 /product-list 页面，点击任一商品卡片，携带 id 参数跳转至 /product-detail?id=xxx；
- 若网络请求失败，所有列表页均显示“加载失败”提示及重试按钮。
这类描述越接近真实前端路由逻辑和状态判断，AI 输出的页面跳转关系就越准。
H3 借助 MasterGo AI 的双输入能力强化流程准确性
单纯靠文字容易漏掉视觉线索或隐含规则。建议组合使用：
- 上传一张手绘流程草图（哪怕只是箭头+方框+简写文字），让 AI 抓取布局顺序与连接方向；
- 同步提供设计稿链接（如 MasterGo 内部共享链接），AI 可读取页面命名、图层分组、交互标注（如“点击→跳转至XX页”）；
- 在提示词末尾强调：“请输出页面间跳转关系图，每个页面为一个矩形节点，跳转线标注触发动作（如‘点击搜索按钮’‘提交成功后’），分支条件写在连线旁。”
H3 后续处理：导出后做轻量校验与补全
AI 生成的结果通常是页面级跳转示意，而非标准流程图代码。你可以：
- 将生成的设计画布截图，用 Mermaid Live Editor 手动重绘为 graph TD；
- 或复制页面名称和跳转说明，在 Prompt 中要求：“请将以下页面流转关系转为 Mermaid flowchart TD 代码，判断节点用菱形，页面节点用矩形，连线标注触发条件”；
- 对于复杂状态（如“登录态变化影响多个页面入口”），建议先在 MasterGo 中用「连接线工具」手动绘制跳转路径，再导出为 PNG 供开发对齐。
它不替代流程建模工具，但能把模糊的产品想法快速固化为可视、可讨论、可迭代的流程原型。
