
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
- 设计师快速提取页面设计规范
- 团队复用现有页面组件进行二次开发
- 学习分析优秀网站的样式实现细节