MasterGo AI通过前置干预、结构控制和图层秩序管理预防重叠。一、用明确空间指令替代模糊描述；二、强制启用Auto Layout并约束定位；三、利用图层顺序模拟Z轴层级；四、借助MCP质量优先模式预控结构。

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

MasterGo AI 本身不直接“修复”重叠，而是通过前置干预+结构控制+图层秩序管理，从生成源头降低重叠发生概率，并提供可操作的修正路径。关键不在事后擦除，而在让AI理解“不重叠”是布局的基本前提。

一、用明确的空间指令替代模糊描述

AI对“卡片并排”“内容居中”等表述容易按默认堆叠逻辑处理，导致视觉重叠。需主动声明容器关系和留白规则：

• 在提示词中加入“每个卡片独立占位，水平间距16px，不重叠”“所有模块使用Auto Layout横向排列”
• 避免只说“展示三个功能入口”，改用“以三列网格布局展示，每列宽度均分，间隙统一为24px”
• 对需要错落效果的场景（如瀑布流），明确写“纵向依次排列，上一个卡片底部与下一个卡片顶部间隔12px”

二、强制启用 Auto Layout 并约束定位行为

AI生成的Frame若未开启Auto Layout或缺少约束，缩放或内容变更时极易漂移重叠。生成后立即执行以下操作：

Canvas 内容工厂（网格生成→多页 PDF→SVG 精准复刻）

用户要生成可打印的中文字帖/练习纸、导出多页 A4 PDF 报告，或把 SVG 设计稿零误差还原到 Canvas 时使用。本技能是「Canvas 内容工厂闭环」的总控，编排：网格渲染引擎(13 种教育网格+拼音标注) → 多页 PDF 导出(A4 合成) → SVG 精准复刻(坐标误差<0.001px)。触发词：生成字帖、练习纸、导出 PDF、SVG 转 Canvas、印刷级还原、A4 报告、米字格田字格。

下载

• 选中父容器 → 按 Shift + A 启用 Auto Layout
• 将内部所有子Frame的Constraints设为“Left + Top”，关闭“Stretch”
• 若存在浮动元素（如悬浮按钮），单独为其创建新Frame，并用“Fix position to canvas”锚定到画布坐标

三、利用图层顺序模拟Z轴层级

MasterGo没有z-index输入框，但图层绘制顺序即Z轴。重叠本质常是“该在前的图层被压在了下面”：

• 在图层面板中，将需前置的元素（如弹窗、高亮按钮）拖拽至其父容器内所有其他图层的最上方
• 若该元素需长期保持顶层，建议将其单独放入一个新Frame，并把该Frame置于父容器图层序列顶端
• 检查父容器是否已启用“Fix position to canvas”，否则相对定位可能破坏图层顺序预期

四、借助MCP质量优先模式预控结构质量

MasterGo最新版MCP支持“质量优先”模式，在生成前自动分析需求并匹配design.md规范。它会主动规避易导致重叠的原始HTML结构（如未设宽高的绝对定位div），转而推荐使用Flex/Grid语义化容器：

• 开启该模式后，输入提示词时系统会先拆解页面类型（如“个人中心页”）、核心模块（头像区、信息列表、操作按钮组）
• 自动匹配团队设计规范中的间距体系、容器嵌套深度限制（例如：禁止超过3级嵌套）
• 生成结果默认启用Auto Layout、预设合理gap值，大幅减少手动调整重叠的工作量