MasterGo AI 不直接生成按钮组，而是根据页面级结构化提示词在设计Dashboard时自动布局符合规范的按钮组；需明确模块位置、功能数量及视觉要求，并通过块状精修和组件化确保一致性。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接“生成按钮组”这个原子级控件，而是通过理解你的设计意图，在生成 Dashboard 整体页面时，自动布局并创建符合规范的按钮组——比如操作栏里的「新增」「编辑」「删除」「导出」等组合。关键不在“点一下出按钮”，而在你如何描述场景、约束条件和交互逻辑。
明确按钮组的业务语境和位置
AI 需要上下文才能判断按钮该长什么样、放哪、怎么排列。单纯说“加个按钮组”效果很差；要说清楚：
- 它属于哪个模块：例如“订单管理表格上方的操作栏”“用户列表右上角”“数据看板右上角筛选区”
- 按钮功能与数量：例如“包含新增订单、批量导入、导出 Excel 三个按钮，左对齐”
- 视觉要求：例如“主色按钮+文字按钮组合，圆角 4px，间距 8px，禁用态需灰显”
用结构化提示词引导生成（非自由发挥）
在 MasterGo AI 的「AI 生成界面」输入框中，把按钮组嵌入页面级描述里，而不是单独提需求。示例写法：
设计一个销售数据看板 Dashboard：顶部为标题栏，中间是销售额折线图和商品排行榜卡片，底部是「用户活跃趋势」图表；在标题栏右侧放置操作按钮组，包含「刷新数据」「按周切换」「导出 PDF」三个按钮，其中「刷新数据」为主按钮（蓝色填充），其余为文字按钮（灰色文字），水平右对齐，按钮间间距 12px。这样 AI 才会把按钮组作为整体 UI 结构的一部分来渲染，而非孤立元素。
生成后快速精修按钮组细节
首轮输出的按钮组常存在字号不一致、间距不准、颜色未对齐设计规范等问题。这时别重生成整页，直接用「块状精修法」：
- 选中按钮组所在图层（或用框选工具圈住），右键 →「AI 编辑选中区域」
- 输入精准指令，如：“将三个按钮高度统一为 32px，字体大小设为 14px，主按钮背景色改为 #1677FF，文字按钮文字颜色改为 #595959”
- 若按钮图标缺失，可补充说明：“在‘刷新数据’按钮左侧添加旋转箭头 SVG 图标，尺寸 16×16”
结合 MasterGo 组件库提升一致性
生成后的按钮组建议立刻转为「组件」：右键按钮组 →「转换为组件」→ 命名为「Dashboard-ActionGroup-Primary」。后续再生成其他页面时，AI 若识别到同类语境（如“操作栏”“管理页顶部按钮”），会更倾向复用已有组件逻辑，减少风格漂移。这也让团队协作时按钮样式天然统一，无需反复调整。
