Qursor
免费版每天 3 次选取;终身买断 $39
这是什么
跟 AI 说“把定价页那个蓝色按钮改大一点”,它却改了旁边的链接,或者硬生生烧 10 轮对话还在猜你指哪。Qursor 就是为这个场景生的:Chrome 插件让你直接点选页面上任意元素,一键复制带选择器、class、样式、字体、颜色、间距的结构化上下文,粘贴进 Cursor、Claude 或任何 Agent,对方立刻知道该动哪一块。
它不是又一个 DevTools 替代品,而是专门把“视觉指认”变成 AI 能直接吃的代码上下文,减少截图解读和全文搜索的浪费。
能打的地方
- 精确指认 + AI 就绪导出:点一下元素,自动抓取选择器、classes、样式,还能附上你的批注或直接改过的样式,复制即用。
- 即时检查关键视觉属性:悬停即可看字体家族/字号/字重/行高、文字/背景/边框颜色、padding/margin/gap,不用开 DevTools 翻面板。
- 组件一键抽取:把按钮、卡片甚至整块 UI 导出为干净 HTML、CSS 或 JSX,方便复用或喂给 AI 继续改。
- 颜色与字体探测器:网页任意位置取色(含图片背景),多格式复制;文字层直接识别字体与排版细节。
- 资源下载与客户批注:一键抓 SVG/PNG/JPG(单张或批量),客户端也能装插件直接点选标注要改的地方,反馈变成可执行上下文。
核心价值就一句话:少烧 token、少猜、少来回。
适合谁 · 谁不用碰
适合天天用 AI Agent(Cursor、Claude、自定义 agent)改生产/预发/本地界面的前端、全栈、设计师和产品经理;也适合需要客户精确反馈“改这个按钮”的远程协作场景。
不需要碰的:几乎不用 AI 写/改代码的人、纯后端、或者只做静态设计交付从不碰实现的人——普通 DevTools 或截图就够了。
上手门槛
Chrome 扩展,装完 30 秒能用,支持任意网站、staging 和 localhost。界面目前看是英文,中文站点本身能正常检查。免费额度每天 3 次选取,重度使用可买 $39 终身。安装走 Chrome Web Store,大陆用户通常需要梯子;注册无额外门槛,学习成本极低——会点鼠标就会。
和同类怎么选
没有直接对标的“AI 上下文专用”竞品(作者自述)。和 Chrome DevTools 比:后者检查更全面、调试更强,但导出的不是“粘贴即懂”的 AI 友好结构化文本,还得自己整理;和 WhatFont / ColorZilla 这类单点工具比:Qursor 把检查 + 取色 + 组件导出 + 批注整合成一条给 Agent 的流水线。截图喂多模态模型也能凑合,但 token 贵、定位仍模糊。具体以各家官网为准。
值不值得试
值得。免费 3 次/天足够验证痛点是否命中,如果你一周里有几次“跟 AI 描述 UI 描述到崩溃”,直接上终身版几乎不亏。去 Chrome 商店装了指两下就知道。
适合谁:用 AI Agent 改前端 UI 时,精确点选元素并复制选择器/样式/字体等结构化上下文,适合前端、设计与产品协作
同类替代