AI不能一键做出精致Dashboard，但能快速搭建基础结构并配合人工精修。需截图+设计稿链接双参考、分块处理视觉单元、精准控制图片填充、每轮修改后Git备份。

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

AI 不能一键把 Dashboard 做得精致，但能快速把基础结构搭好，再靠你引导它一块一块调准。关键不是让它“全盘重做”，而是用对方法，让 AI 配合你聚焦视觉表现的薄弱环节。

先喂对参考：截图+设计稿链接双管齐下

只丢一个 MasterGo 设计稿链接，AI 容易忽略字号、间距、图标对齐等细节；只给截图，又容易照猫画虎，失掉设计规范逻辑。必须两者并用：

• 把 Dashboard 各模块（如头部导航、数据卡片、图表区）单独截图，存进 reference 文件夹，让 AI 先建立视觉直觉
• 同时提供 MasterGo 原始设计稿链接，并在提示中强调“所有色值、字体大小、圆角、边距均须严格按此稿执行”
• 这样首轮输出能保住 70% 的结构和氛围，剩下 30% 的视觉精度才值得你花时间精修

视觉问题分块处理，别一次性改整页

AI 对“整体优化”指令反应迟钝，一说“让整个页面更专业”，结果可能全乱。要拆成可执行的视觉单元：

• 头部区域：重点校准 Logo 位置、搜索框宽度、图标尺寸与文字行高匹配度
• 数据卡片：单独选中一张卡片，指令如“将标题字号设为 16px，主数值加粗至 600，右上角状态标签背景色改为 #E6F7FF，圆角 4px”
• 图表容器：避免让 AI 生成图表本身，而是让它调整容器边距、阴影强度、内边距是否统一

图片填充要精准控制，别靠切图硬塞

很多视觉失真来自错误使用图片——比如把图标导出为 PNG 再贴上去，缩放后模糊。MasterGo 中正确做法是：

• 选中目标图层（确保不是组内嵌套层，否则右侧无填充选项）→ 右侧「填充」栏点「+」上传或粘贴图片
• 背景图需明确指定定位方式：比如“背景图居中、覆盖全图层、不重复”，否则 AI 可能默认拉伸变形
• 批量替换时，多选同类图层（如全部卡片封面），用 Unsplash 搜索关键词自动分配不同图，比手动一张张传更高效且风格统一

每轮修改后立刻 Git 备份，不怕调崩

视觉精修常反复试错，没 Git 就像没保存就关机。三步养成习惯：

• 项目初始化：git init
• 每次调完一块视觉效果：git add . && git commit -m "修复卡片阴影与文字对齐"
• 万一某次指令导致大面积错位，git checkout 上一版就能秒回退