mastergo ai 能将自然语言描述的业务流程自动转为可交互的web流程图与高保真原型。它识别关键节点生成frame骨架，预设基础跳转逻辑，支持手动完善交互分支、响应式布局及表单状态，并可导出vue/react可运行代码。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 能直接把业务逻辑描述转成可编辑的 Web 端流程图和高保真原型，不用画节点、连线条、手动跳转——它用自然语言理解业务路径，自动生成带交互逻辑的页面结构。
用一句话定义业务流程
输入清晰的用户操作路径，比如：
- “用户登录后进入仪表盘，点击‘新建订单’弹出表单，填写后提交跳转到确认页，失败时显示错误提示并返回”
- “访客浏览商品列表→点击某商品→进入详情页→加入购物车→跳转至购物车页→结算生成订单”
AI 会识别其中的关键节点（登录页、仪表盘、表单页、确认页、错误态等），自动创建对应 Frame，并按顺序组织为流程骨架。它不只生成静态页面，还会预设基础跳转关系，比如“提交按钮”默认关联“确认页”。
生成后立即启用交互逻辑
AI 输出的页面已内置基础交互，但需手动完善细节才能达到演示级效果：
- 选中按钮或链接图层，在右侧「交互」栏点击【+】，确认触发方式（如“单击”）和动作（如“跳转到页面”）
- 若涉及表单校验或条件跳转（如“邮箱格式正确→跳转，否则弹提示”），需在对应图层添加多个交互分支，并设置条件判断（支持字段值、是否为空等简单逻辑）
- 所有页面必须归属同一「流程」：切换到原型模式，检查右侧「流程」栏，确保各 Frame 都在同一个流程下；未纳入的页面，拖拽连接器或从下拉菜单中手动添加即可
适配 Web 端特性与交付需求
Web 页面常需响应式布局、滚动容器、表单反馈等，这些不能靠 AI 一步到位，需人工微调：
- 长内容区域（如数据列表、详情文案）要启用滚动：选中容器 Frame → 右侧属性栏设置「溢出行为」为“垂直”，并确保容器高度小于内容总高
- 表单输入框建议提前设计「聚焦态」「错误态」图层，AI 生成时可能只给默认态，后续需手动补全并绑定交互
- 导出前端代码前，可在画布中右键页面 → 选择「导出为 Vue/React」，AI 自动匹配 Ant Design 或 Element Plus 组件库，生成含路由配置和基础状态管理的可运行代码
