UI 改不动？用 Cursor Design Mode 点页面再指挥 Agent
Cursor Design Mode：在 Cursor browser 里点选、圈画或语音描述 UI，把 xpath/组件与截图塞进上下文，让 Agent 对着运行中的页面改代码。对照官方中文博文，顺带说清和 Composer 2.5 怎么配。
改间距、对齐两个按钮、把某块挤在一起的导航拉开——这些活用文字描述最费劲：「左侧第三个卡片里、标题下面那个灰色小字」。搜 cursor design mode，官方给的答案是：别只打字，对着跑着的页面点、画、说。
材料来自 cursor.com/cn/blog/design-mode（英文同文 /blog/design-mode）。菜单名以你客户端为准。
Design Mode 解决的是「空间意图」
聊天适合讲逻辑；UI 更像标注。设计师、PM、前端常靠圈一块区域、指某个元素说事。Design Mode 挂在 Cursor browser 上：你还在看运行中的产品，Agent 在底下改源码。指令可以带上选中的元素、背后的代码、周围布局和页面上的视觉关系，不只是一句话。
点选、多选、绘制、语音：四种喂法
官方写了几条常见路径：
- 点选：在运行中的应用里点一个元素，再针对它写提示，让 Agent 改代码。
- 多选：改动依赖元素关系时用。例如两个组件要对齐样式、去掉重复内容、一组一起调。
- 绘制：圈密集区、框一块区域、标动画页的一部分。标注叠在视口的静止帧上，Agent 看到的是你发指令时那一帧，不是你鼠标移开后的状态。
- 语音：本版加强了口述；可以和绘制一起用。
底层细节值得记：选中元素会往上下文塞两类信号——元素标识（xpath、组件、attributes、计算样式，以及 fiber tree 里的 props），再加一张截图补空间上下文。Agent 找源码会省很多瞎猜。
怎么开、怎么跟 Agent 节奏配
- 进 Agents Window，按官方指引打开 Design Mode / Cursor browser（具体按钮文案以当版客户端为准）。
- 先让本地或预览把页面跑起来；没跑起来的静态文件，点选意义不大。
- 点一个你真想改的控件，发一句短指令，例如「字号降一档，左边距和上面卡片对齐」。看热重载结果，再点下一处。
- 一串微调接连出现时，不必等上一轮完全结束再发下一轮——官方明确写了可以并行扔任务，也方便管多个子 Agent。
模型侧：他们点名 Composer 2.5 适合这种「快、针对 UI」的节奏。重推理、大重构另说；打磨间距和组件对齐，先用快模型往往更顺。
别和「丢张截图进 Chat」混为一谈
Chat 里粘贴截图也有用，见 @ 喂上下文。Design Mode 差在：元素身份和冻结视口是产品级信号，不是你自己描述「大概在右上角」。Agent 基础概念仍看 Agent 是什么；Chat / Composer / Agent 怎么选见 三种用法。
我自己的粗规则：能点到的控件优先 Design Mode；跨很多文件的逻辑 bug 还是回主对话写清楚复现。日常穿插用法可对照 日常教程。
下次再写「把那个蓝按钮往左挪一点」，先试着点一下那个按钮。点得着，就少打半段方位散文。