Design Cursor

About

Design Cursor 是一个面向 Chrome / Edge 的浏览器扩展，用来在真实网页里直接选中元素、记录结构和样式上下文，并生成适合粘贴到 Codex、Cursor、ChatGPT 等 AI 工具中的页面说明。

它解决什么问题

和 AI 协作改 UI 时，最常见的问题不是“不会描述需求”，而是 AI 拿不到足够真实的页面上下文。

Design Cursor 把这件事做成了一个浏览器内工作流：

1. 在网页中直接圈出你想修改的元素
2. 自动提取文本、结构、布局和关键样式信息
3. 为元素补充你的修改要求或调整意图
4. 一键复制成结构化提示词，继续发给 AI 修改页面

它不是截图工具，而是一个面向 AI 工作流的“网页上下文采集器”。

版本能力

- 支持在网页中选中单个或多个 DOM 元素
- 支持选中文本片段，而不只是整个元素
- 自动整理页面标题、URL、选择器、文本、尺寸、位置、关键样式和 HTML 片段
- 支持为每个选中项补充单独的修改提示词
- 支持在清单中直接编辑每一项的内容要求
- 提供排版/调整模式，用于表达顺序调整、位置交换和样式修改
- 支持直接调整常见视觉属性，例如尺寸、布局方向、间距、内边距、填充、透明度、圆角和阴影
- 支持撤销 / 重做，方便反复试验
- 支持一键复制完整上下文到剪贴板

使用场景

- 让 AI 精准修改按钮、输入框、卡片、标题、段落等界面元素
- 一次收集多个相关元素，让 AI 做联动调整
- 表达“把这两个模块换位置”“把这一组内容重新排序”这类布局任务
- 在不依赖截图的前提下，把真实 DOM 上下文交给 AI 继续改页面