MasterGo AI不直接生成面包屑组件，而是根据用户对位置、层级路径、交互和样式的明确描述，在原型中自动植入并渲染；需用具体场景替代抽象术语，并可通过上传参考图反向生成。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接生成“面包屑导航”这个单一组件，而是根据你对页面结构和层级关系的描述，自动在整体原型中合理植入并渲染面包屑导航。关键在于如何准确表达需求，让AI理解你要的是什么、出现在哪里、怎么联动。
明确描述面包屑的上下文和逻辑
AI 无法凭空猜出面包屑该出现在哪、显示哪些层级。你需要在提示词中说明：
- 位置：比如“顶部导航栏下方”“页面标题左侧”“固定在内容区顶部”
- 层级路径：例如“首页 > 产品中心 > 健身器材 > 跑步机”，或更动态地写“根据当前页面所属分类自动生成三级路径”
- 交互要求：是否可点击？是否高亮当前页？是否支持返回上一级？
- 样式倾向：如“文字大小14px、颜色#666、分隔符用‘/’、当前项加粗且色值#333”
用具体场景代替抽象术语
比起只说“加个面包屑”，更有效的方式是把面包屑嵌入完整页面逻辑中。例如：
- “后台管理系统首页，顶部有固定导航栏，下方紧贴一个面包屑区域：首页 > 订单管理 > 待发货订单，其中‘待发货订单’为当前页，不可点击，其余两项可点击跳转”
- “电商APP商品列表页，状态栏下有一行面包屑：首页 / 分类 / 运动器械 / 跑步机，使用小号灰色文字，箭头图标分隔，点击‘运动器械’返回上级分类”
这样AI能结合页面类型、布局习惯和国内主流设计规范，自动匹配合适的组件形态（文字链、图标+文字、带下划线等）。
生成后快速微调与验证
AI生成的面包屑通常已具备基本结构和样式，但可能需手动确认几点：
- 层级是否准确对应你的信息架构（比如是否漏掉某级）
- 链接是否指向正确页面（MasterGo 不自动绑定路由，需后续在交互面板中配置跳转）
- 响应式表现——在移动端是否换行或折叠（可在画布中缩放预览）
- 若需动态更新（如用户筛选后路径变化），需配合前端逻辑实现，AI仅负责静态视觉呈现
进阶技巧：用已有页面反向生成
如果你已有含面包屑的参考页面（哪怕是截图或手绘草图），可直接上传到 MasterGo AI 的“上传图片生成”功能中，并补充提示：“还原该图中的面包屑导航样式与层级关系，适配到我正在设计的后台系统首页”。AI会识别文字、分隔符、颜色和位置，生成高度一致的可编辑组件。
