Design Cursor

选中网页元素并复制为适合粘贴到 AI 对话中的结构化上下文。

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 继续改页面