mastergo ai 不支持导出 word/pdf 格式 prd，但能通过 ai 生成可交互原型并导出 react/vue/html 等结构化代码实现原型级交付物自动化输出。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不提供“原型文档自动导出”这一独立功能，它不生成 Word/PDF 形式的 PRD 或需求文档。但它能通过AI生成可交互原型 + 导出结构化代码的方式，间接实现原型级交付物的自动化输出——这才是它真正落地的“自动导出”能力。
明确目标：什么是 MasterGo AI 能导出的“原型文档”？
所谓“原型文档”，在 MasterGo AI 场景中实际指：
✅ 可运行的前端代码（React/Vue/HTML 等）
✅ 带交互逻辑的设计稿（含状态、跳转、动效）
❌ 不是 Word/PDF 格式的文字型 PRD（那需搭配 PMAI 等工具）
配置关键三步：从描述到可运行代码
- 输入精准的自然语言提示词：不是简单写“做个登录页”，而是包含页面类型（Web/App）、核心模块（表单字段、错误提示、成功跳转）、视觉关键词（圆角、深色模式、Ant Design 风格）和交互细节（密码可见切换、验证码倒计时）。示例：“生成一个移动端登录页，使用微信风格 UI，含手机号输入框、验证码发送按钮（60秒倒计时）、微信一键登录入口，提交后跳转至首页，支持暗色模式切换。”
- 生成后进入设计画布并做必要标记：AI 生成的初稿需人工确认。重点检查并手动标注：组件是否为可复用原子组件、表单域是否绑定状态、按钮是否设为交互触发点、页面跳转关系是否已连线。这些标记直接影响后续代码中事件与路由的生成质量。
- 点击「AI 生成代码」并选择框架导出：确保画布已保存 → 点击右下角 AI 图标 → 选「生成代码」→ 在弹窗中选择目标框架（如 React）→ 选择版本（推荐「完整版」，含基础状态逻辑）→ 点击「导出ZIP」。导出包内含可直接 npm run dev 启动的工程结构。
提升导出可用性的实操要点
- 若需对接现有项目，优先选「HTML」或「Vue」输出，兼容性更强；React 输出依赖特定 Hooks 和 Context 结构，建议先在沙箱环境验证。
- 导出前务必启用 MasterGo 的「Auto Layout」布局功能，AI 对弹性容器识别更准，生成的 CSS 类名和响应式规则更可靠。
- 复杂交互（如多步骤表单、条件渲染区块）需在画布中手动添加多个状态帧（State），AI 才能识别并生成对应逻辑分支代码。
- 导出的代码默认使用 Tailwind CSS，如项目用 SCSS，可在 MasterGo 设置中开启「CSS 变量映射」，系统会将颜色/间距转为自定义属性供你接管。
整个流程无需额外配置服务器或插件，登录即用。只要提示词清晰、画布标记到位、框架选择匹配，就能稳定产出可调试、可集成的原型级代码——这才是当前阶段最高效、最落地的“原型文档自动化”。
