关键在于将需求拆解为AI可执行的结构化步骤。需分区块生成、绑定交互意图、启用团队库约束，并优先校验功能而非外观。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
关键不在“让AI猜对”，而在“把需求拆成它能执行的步骤”。MasterGo AI 本身不理解业务逻辑，但它能精准响应结构化、带约束的指令。解决功能不符问题，核心是切断模糊描述，用设计语言和工程思维重新组织输入。
锁定功能区块，分块生成
别一次性让AI画整页。先在画布上按Wireframe划分出明确区域——比如“搜索栏”“商品列表”“筛选弹窗”，每个区域单独选中后触发AI生成。这样能避免AI把“筛选按钮”和“排序下拉框”合并成一个组件，或把“加入购物车”误判为普通文本。
例如，只框选顶部搜索区，输入：“生成搜索模块：左侧图标（放大镜SVG），中间输入框（圆角8px，占宽70%，默认提示文字‘搜商品’），右侧语音按钮（麦克风图标，尺寸24×24）；所有元素水平居中，上下内边距16px。”
绑定真实交互意图，而非视觉描述
AI容易把“点击跳转”当成装饰元素。你需要把动作意图直接写进提示词：
- 写“‘立即购买’按钮需支持点击后弹出规格选择浮层”，而不是只说“红色按钮，文字加粗”
- 写“‘收藏’图标点击后变为实心❤️并显示‘已收藏’toast”，而不是“爱心图标，红色”
- 写“列表项支持左滑唤出‘删除’操作，右滑唤出‘分享’”，而不是“每行有三个点图标”
MasterGo AI在Agent模式下能识别这类行为动词，生成带交互锚点的组件，后续可直接连线配置原型流程。
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
用团队库+设计令牌硬约束输出
启用预置团队库（如Ant Design或自定义组件库）后，AI会优先调用已有组件，而非自由绘制。更重要的是，它会自动继承颜色、间距、圆角等设计令牌值。
比如你设定了主色#2563EB、按钮高度40px、标准间距8px，AI生成的按钮就会严格遵循这些值，不会出现“蓝色偏紫”或“按钮太高挤占列表空间”这类功能干扰型偏差。
若发现AI仍偏离，可在提示词末尾追加：“必须使用团队库中的Button组件，禁用自定义样式。”
生成后立刻做功能校验，而非外观验收
别先看“好不好看”，先验证“能不能用”：
- 检查按钮是否自带交互热区（选中后右侧属性栏显示“交互”标签）
- 点击列表项，是否已预设hover态或选中态变体
- 输入框是否已绑定placeholder和focus状态
- 弹窗组件是否包含关闭X按钮及蒙层点击收起逻辑
不符合就立刻反馈：“将‘登录’按钮改为提交表单动作，触发表单校验并显示错误提示”，比说“按钮不对”有效十倍。
