MasterGo AI 生成 Dashboard 的关键在于“准”而非“快”，需通过明确模块描述、双参考法（设计稿链接+本地截图）和分块迭代精修，辅以细节规范（如矢量文本、背景定位、Git 备份）确保还原精度。

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

MasterGo AI 生成 Dashboard 页面，关键不在“快”，而在“准”——它能快速搭出结构骨架，但真正还原信息展示逻辑和视觉精度，得靠你引导它一块一块精修。

明确描述 Dashboard 的信息模块

AI 不会自己猜你要展示什么。输入提示词时，必须把每个信息区块说清楚：

• 写明核心数据类型：比如“销售额趋势图（支持日/周/月切换）”“热销商品 Top5 排行榜（含销量、品类、占比）”“实时订单状态分布饼图”
• 标注交互需求：如“点击柱状图可下钻查看明细”“筛选器默认显示近7天，支持手动选择日期范围”
• 说明布局逻辑：“顶部为全局概览卡片组，中间是双栏图表区（左折线图+右环形图），底部为表格列表，固定表头”

用双参考法稳住还原基准

单靠文字描述容易跑偏，建议同时喂给 AI 两个参考源：

• MasterGo 设计稿链接：作为唯一权威依据，确保色值、字体大小、间距、组件圆角等规范对齐
• 本地截图（reference 文件夹）：提供关键模块的视觉快照，比如“数据卡片样式”“表格行高与对齐方式”“图表图例位置”，帮 AI 建立直观感知

只给链接，AI 对细节理解易波动；只给截图，它可能忽略设计系统逻辑。两者结合，首版骨架还原度能稳定在 70% 左右。

分块迭代，不整体重刷

Dashboard 是复合型页面，AI 怕“全量优化”。一旦发现某块不对，别重写整页提示词，而是聚焦局部：

• 先修顶部卡片：输入“将左侧销售额卡片改为深蓝底白字，右侧用户增长卡片增加同比箭头图标，间距统一为 24px”
• 再调图表区：“折线图 Y 轴刻度从 0 开始，图例居右对齐；环形图外圈加 2px 白色描边”
• 最后抠表格：“冻结第一列，金额列右对齐并加千分位， hover 行背景色 #f8f9fa”

每次只改一个区域，反馈更精准，也避免前序调整被覆盖。

注意几个高频翻车点

这些细节看似小，却是 Dashboard 专业感的关键：

• 文字和图标别切图：直接让 AI 生成矢量文本+Icon，否则缩放或换主题时失真
• 背景图要带定位指令：比如“浅灰网格背景，repeat-x，top left 对齐”，光说“加背景”AI 容易铺满或错位
• 资源替换后记得刷新：改完配色或图标，点一下画布右上角“刷新”按钮，确保新样式生效
• 用 Git 备份每轮修改：执行 git add . && git commit -m "Dashboard-卡片样式微调"，AI 跑飞了也能秒级回滚