MasterGo AI 能根据自然语言描述秒生成移动端 Dashboard 高保真 UI：需明确结构（如顶部状态栏、指标卡片、图表区域等）、风格（主题色、圆角、暗/浅色模式）及框架规范（如 Vant），支持分块微调与一键导出 React/Vue 可用代码。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
直接用自然语言描述需求，MasterGo AI 就能几秒生成移动端 Dashboard 的高保真 UI 界面。它不依赖设计经验，重点在于说清结构、功能和风格，再配合简单调整，就能拿到可编辑的设计稿和可用代码。
明确描述 Dashboard 的核心模块
输入时避免模糊词汇，聚焦真实业务场景中的区块组成。比如：
- 顶部状态栏：显示当前用户头像、通知图标、时间
- 关键指标卡片：今日订单数、销售额、用户增长、活跃设备数（每张卡含数值+趋势箭头）
- 图表区域：左侧折线图（近7日访问量），右侧饼图（渠道来源占比）
- 数据表格：最近5条订单，列包括订单号、客户名、金额、状态、操作按钮
- 底部导航：首页、分析、报表、我的，选中态高亮
设置移动端适配参数
在 AI 输入页主动指定关键约束，避免生成 PC 风格布局：
- 写明“移动端”或“手机端”，系统会自动采用竖屏比例和触控友好尺寸
- 指定主题色（如 #2563EB）和圆角（如“中等圆角”），提升视觉统一性
- 勾选“暗色模式”或“浅色模式”，AI 会同步调整文字对比度与背景色
- 若需适配特定框架（如 Vue + Vant），可在描述末尾注明“按 Vant 组件规范生成”
生成后快速优化细节
第一版通常是骨架准确但细节待调，建议分块微调而非整体重写：
- 点击画布中某张指标卡片，输入“把数值字号放大到 24px，单位文字缩小为 12px”
- 选中图表区域，说“折线图Y轴从0开始，添加网格线”
- 对表格行，输入“行高设为 56px，操作按钮使用主色填充”
- 不满意某处间距？直接说“卡片之间留 16px 间隙”比手动拖更精准
导出代码并验证可用性
设计定稿后，无需切换工具，一键获取前端代码：
- 点击右上角【导出】→【代码】，选择 React 或 Vue 框架
- 支持主流组件库（如 Ant Design Mobile、Vant、Naive UI），AI 会自动匹配对应语法
- 生成的代码含基础样式类名、响应式结构，甚至带简单交互（如折叠/展开）
- 复制粘贴到本地项目即可运行，无需重写 CSS 或调整 DOM 结构
