mastergo ai 不支持一键生成带标签页的 dashboard，需通过ai生成界面+手动结构引导+分块精修实现：明确提示词定义4个标签页及切换逻辑，用page承载各标签页，组件变体或跳转模拟交互，cursor辅助局部精修。

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

MasterGo AI 本身不直接支持“一键生成带标签页的 Dashboard”，但可以通过 AI 生成界面 + 手动结构引导 + 分块精修 的组合方式，高效还原含多标签页（如「概览」「订单」「用户」「报表」）的后台 Dashboard。关键不在“自动生成标签页”，而在于让 AI 理解并构建出可切换、有逻辑关联的多页结构。

明确告诉 AI：这是多标签页 Dashboard

单纯写“做一个后台 Dashboard”容易产出单页布局。需在提示词中显式定义导航结构和页面关系：

• 用“顶部/左侧含标签导航栏，包含【概览】【订单管理】【用户列表】【数据报表】4个可切换标签页”替代模糊描述
• 说明切换逻辑：“点击标签页时，下方主内容区动态切换对应模块，保持头部和侧边栏不变”
• 为每个标签页补充一句核心内容：“概览页展示卡片式KPI；订单页含搜索栏+表格+操作按钮；用户页带筛选器和分页”

用 MasterGo 的「页面层级」功能承载标签页

MasterGo 中的“页面”（Page）天然对应标签页概念。AI 生成后，需人工或半自动完成结构映射：

Cursor 2.4

Agents 正在你的整个代码库中处理越来越复杂、运行时间更长的任务。本次版本引入了新的 agent 框架改进，以实现更好的上下文管理，并在编辑器和 CLI 中带来了许多提升使用体验的修复。

下载

• AI 首轮输出常默认生成单页。此时手动新建多个 Page（如「Dashboard_Overview」「Dashboard_Orders」），作为各标签页容器
• 将 AI 生成的对应模块（如 KPI 卡片组）拖入「Overview」页；将表格组件拖入「Orders」页
• 统一设计公共区域（顶部导航栏、左侧菜单）并复制到所有页面，确保视觉一致性

标签交互靠组件+手动配置，非 AI 自动生成

MasterGo AI 目前不生成可交互的 Tab 切换逻辑（如点击切换内容），这部分需设计师手动完成：

• 使用 MasterGo 内置的「组件变体（Variant）」功能：将标签栏建为组件，不同状态（选中/未选中）设为变体，再绑定交互
• 或用「链接跳转」模拟：给每个标签设置“跳转到对应页面”的交互，实现页面级切换（适合原型演示）
• 若需真实前端效果，导出时选择「Vue/React 代码」，AI 会生成带路由结构的基础代码，但具体 Tab 切换逻辑仍需开发补全

配合 Cursor 做块状精修，提升标签页还原精度

当 AI 输出的某个标签页（如「报表」页）图表错位、间距不准时，不要重跑整页，而是聚焦该区块：

• 截图该标签页的局部（如折线图区域），放入 reference 文件夹
• 在 Cursor 中上传 MasterGo 设计稿链接 + 该截图，指令：“修正报表页图表容器宽度、Y轴标签字号、图例对齐方式，严格对齐设计稿”
• 逐页、逐模块推进，避免跨页干扰，效率更高