MasterGo AI 不直接生成可交互下拉菜单，而是依据明确的功能描述、位置、样式规范及参考图，在 Dashboard 页面中自然呈现下拉筛选模块；需人工补全交互逻辑。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 本身不直接“生成下拉菜单组件”作为独立可交互控件，而是通过理解设计意图+结构语义，在生成 Dashboard 页面时，把下拉选择（如筛选器、状态切换、数据维度切换等）作为页面模块的一部分自然呈现出来。关键不在“点一下就出下拉”，而在“说清楚它该在哪、长什么样、起什么作用”，AI 才能准确还原。
明确描述功能与位置
在使用 MasterGo AI 的「AI 生成界面」或「Agent 模式」时，输入提示词要具体到行为和上下文。比如：
- “Dashboard 顶部右侧放一个下拉筛选器，用于切换时间范围：今日、本周、本月；默认显示‘本月’，带向下箭头图标”
- “表格上方左侧加一个多选下拉，标签是‘部门’，选项包括：技术部、产品部、设计部、运营部；支持按住 Ctrl 多选”
避免只说“加个下拉菜单”——AI 无法判断它是表单字段、筛选入口还是导航元素，容易生成风格或位置错位的版本。
用参考图+设计稿双输入锚定样式
仅靠文字描述，AI 可能套用默认样式（如圆角、浅灰边框），但真实 Dashboard 中的下拉常需匹配品牌规范。建议：
- 在 reference 文件夹中放入一张你已有的下拉组件截图（带悬停/展开态更佳）
- 同步提供 MasterGo 设计稿链接，并在提示中强调：“所有下拉的字体大小（14px）、行高（32px）、边框色（#D0D5DD）、聚焦态描边（#3B82F6）均以设计稿为准”
这样 AI 不会凭空发挥，而是复刻你设定的视觉语言。
Cursor 2.4
下载
Agents 正在你的整个代码库中处理越来越复杂、运行时间更长的任务。本次版本引入了新的 agent 框架改进，以实现更好的上下文管理，并在编辑器和 CLI 中带来了许多提升使用体验的修复。
生成后手动补全交互逻辑（AI 不负责运行时行为）
MasterGo AI 输出的是静态设计稿或基础 HTML 结构，不生成 JavaScript 交互代码。如果需要真正可点击、可展开的下拉菜单，后续需：
- 在 MasterGo 中双击下拉组件 → 右侧属性栏开启「回显」并设置选项，确保设计稿里逻辑完整
- 导出为代码后，在 Cursor 或本地开发环境中，用 HTML + CSS + 少量 JS（如监听 click、toggle class）补全展开收起逻辑
- 若用 MCP 连接 Cursor，可让 AI 基于你提供的设计稿截图，专门生成配套的下拉交互代码片段
也就是说：AI 负责“画对”和“标清”，你负责“让它动起来”。
高频问题快速应对
实测中常见卡点：
- AI 把下拉做成了纯文本框→ 提示词缺“下拉”“展开”“选项列表”等关键词，补上即可
- 选项堆在一起没间距→ 在设计稿中用标注工具标出选项间 padding（如 8px），或在提示中写明“每个选项垂直间距 8px”
- 箭头图标位置偏移→ 单独截图该图标区域喂给 AI，或描述为“右侧垂直居中、距右边缘 12px 的 SVG 向下箭头”
本质上，AI 是你手的延伸，不是替代你思考交互细节的同事。说得越准，它做得越省心。
