mastergo ai 不提供自动整理原型的独立功能，其“自动整理”实为通过ai生成+人工引导+工作流配合实现高保真稿的一次性结构化产出；需明确输入页面类型、模块顺序与关系，调用预置组件库保障一致性，多轮对话补全交互逻辑，并以导出代码验证结构合理性。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

MasterGo AI 本身不提供“自动整理原型”这一独立功能，它没有内置的归档、分类或结构化重组逻辑。所谓“自动整理”，实际是指借助 AI 生成能力+人工引导+工作流配合，实现原型页面的快速生成、风格统一、组件复用和逻辑归位。核心不是让 AI 主动整理旧稿，而是用 AI 一次性产出结构清晰、层级合理的高保真稿，省去后期手动排布与对齐。

明确需求描述，让 AI 一次生成合理结构

AI 不会猜测你“想怎么整理”，它只响应你写的提示词。所以关键在输入阶段就定义好信息架构：

• 写清页面类型（如“后台管理首页”“小程序订单确认页”）
• 列出必须包含的模块及顺序（如“顶部导航 → 搜索栏 → 卡片式服务列表 → 底部Tab栏”）
• 说明模块间关系（如“服务列表每项含图标+名称+状态标签，横向滑动”）
• 避免模糊词，比如不用“看起来专业”，改用“使用 Ant Design 风格，圆角 8px，主色 #2B6CB0”

用预置组件库保证一致性，减少手动调整

MasterGo AI 支持调用 Ant Design、Element Plus 等预置团队库，这些库自带规范化的间距、字体、交互反馈。启用后，AI 生成的按钮、表单、卡片会天然对齐系统规范，视觉和结构自动“整齐”：

MaterialDesign风格下拉菜单jquery插件

menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。

下载

• 新建项目时，在 AI 生成界面点击“预置团队库”，选择对应设计系统
• 生成后若发现某控件不匹配，可直接选中→右键“替换为组件库内同类型元件”
• 后续新增页面也沿用同一库，所有页面默认保持统一栅格与留白

通过多轮对话迭代，让 AI 补全逻辑关系

首次生成可能只有静态布局，真正的“整理”体现在交互与数据流层面。这时靠对话指令驱动 AI 补充：

• “把‘待处理订单’卡片加点击跳转箭头，链接到订单详情页”
• “给搜索框添加清空按钮，并设置聚焦时边框变蓝”
• “将用户头像区域设为可点击，点击弹出个人信息抽屉”
• 每次指令都让页面从“静态图”向“有逻辑的原型”靠近一步

导出时选择框架代码，反向验证结构合理性

点击“导出代码”（支持 React/Vue/Ant Design 等），查看生成的 JSX 或 Vue 模板。如果结构混乱、嵌套过深或语义标签错用（如用 div 做按钮），说明原始提示词或 AI 理解有偏差，需回退修改提示词重新生成：

• 良好的 HTML 结构通常体现为：语义化标签（header/main/section）、合理 class 命名（如 .order-list__item）、组件拆分清晰
• 导出失败或代码明显异常，往往是提示词缺少“响应式”“移动端适配”等关键约束
• 导出成功且结构干净，说明 AI 已按你预期“整理”好了逻辑层