MasterGo AI 不自动校准排版，需人+AI+MasterGo基础能力协同：AI理解意图并生成结构，MasterGo自动布局、组件系统和设计规范保障排版稳定性；提示词须明确数值规则，结合设计稿链接与标注截图输入，分块精修并用Git控制版本。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接“智能校准”排版，它不自动识别设计稿偏差并一键修正。真正起作用的是「人 + AI + MasterGo 基础能力」的协同工作流——AI 负责理解意图、生成结构、响应指令；MasterGo 的自动布局、组件系统和设计规范才是排版稳定性的底层保障。
用 AI 明确排版意图，而不是依赖它猜
AI 不会主动判断“这个卡片间距该是 16px 还是 24px”。你需要在提示词中明确写出排版规则，例如：
- “所有卡片之间垂直间距为 24px，上下边距各为 32px”
- “表格行高统一为 48px，首列固定宽度 120px，其余列等宽自适应”
- “标题使用 H2 字体大小 20px，行高 1.5，与下方内容块保持 24px 间距”
越具体的数值指令，AI 输出的初始结构越接近规范。模糊描述如“看起来舒服一点”或“对齐美观”会导致结果波动大。
靠 MasterGo 自动布局锁死动态排版逻辑
AI 生成的初版代码或结构，需立刻导入 MasterGo 并套用自动布局，才能让排版真正“稳住”：
- 按钮文字变长时，自动布局让容器自动撑开，不用反复调尺寸
- 表格增删行后，自动布局实时重算高度和对齐，避免手动拖拽错位
- 卡片内图标、标题、描述纵向堆叠，设置垂直自动布局+固定间距后，拉伸卡片宽度也不会破坏内部节奏
自动布局不是 AI 功能，但它是 AI 输出成果能落地、可维护的关键“安全带”。没它，AI 生成的页面一改内容就散架。
双参考输入，让 AI 理解“排版到底以谁为准”
只丢一个设计稿链接，AI 容易忽略细节；只给截图，又容易学偏比例关系。推荐组合使用：
- MasterGo 设计稿链接：提供权威的间距、字号、色值、栅格系统等精确参数
- 本地模块截图（含标注）：比如截一张带红标“24px 间距”的卡片区域，帮 AI 快速建立视觉锚点
两者结合，AI 更大概率把“顶部导航栏高度 64px、左侧菜单宽度 220px、主内容区占满剩余空间”这类排版约束准确转化到代码或图层结构中。
分块精修 + Git 版本控制，防止排版越调越乱
整页一起让 AI 修改排版，它容易顾此失彼。实际高效做法是：
- 先锁定头部导航栏的水平自动布局和固定高度
- 再单独处理侧边菜单，设置垂直自动布局+图标文字间距
- 接着优化数据卡片区，统一卡片容器的 padding 和子元素对齐方式
每完成一块，立刻 git add . && git commit -m "fix header layout"。这样哪怕某次调整把间距搞错了，也能秒级回退，不用从头再来。
