SheepNav
Qursor

Qursor

qursor.app

指向UI元素,精准传递上下文给AI

25天前制作者:Omkar Birje

关于 Qursor

Qursor 是一款专为开发者与设计师打造的浏览器工具,让你告别模糊截图与浪费的AI Token。只需指向任意UI元素,即可一键提取并复制结构化的上下文信息(包括选择器、类名、样式、字体、颜色等),直接粘贴给你的AI代理,确保每次修改都精准命中目标。

核心功能

  • AI就绪的上下文提取:点击任意元素,自动生成包含CSS选择器、样式属性、字体颜色等结构化数据,AI代理无需额外解析即可直接使用。
  • 视觉属性检测:内置颜色取色器与字体检测器,快速获取页面元素的精确色值、字体系列、字号、行高、间距等设计参数。
  • 组件导出:将选中的UI组件提取为HTML、CSS或JSX代码片段,方便复用或与AI协作修改。
  • 资源下载:一键下载页面中的图片、图标、字体文件等资源,无需手动查找。

主要特性

  • 精准定位:避免AI修改错误元素,减少Token浪费
  • 结构化输出:提供AI可直接理解的格式,提升协作效率
  • 设计系统洞察:快速获取字体、颜色、间距等设计Token
  • 跨框架兼容:支持React、Vue、Angular等主流框架的组件提取
  • 轻量高效:浏览器扩展形式,不干扰日常开发流程

适用场景

  • 前端开发者与AI代理协作修改UI
  • 设计师快速提取页面设计规范
  • 团队复用现有页面组件进行二次开发
  • 学习分析优秀网站的样式实现细节

相关工具