Agent Skills
返回列表
🤖

Tarsier 网页交互视觉工具

AI Agent 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/tarsier-vision-utilities-web-interaction-agents

技能介绍

它解决什么问题

让 LLM 直接操作浏览器,最大的痛点不是「不会点击」,而是看不懂页面。HTML 里的 DOM 结构和用户实际看到的渲染结果之间存在巨大鸿沟——一个按钮可能被 CSS 隐藏、被遮挡,或点击区域与文本位置不一致。只把 DOM 喂给模型,容易选错坐标;只给截图,纯文本模型又无法解析像素内容。Tarsier 要填的正是这个坑:在渲染层给可交互元素打上带括号的编号(如 CLICK [23] 中的 [23]),同时用 OCR 把截图转成空白字符分隔的文本结构,让不具备视觉能力的文本模型也能「看懂」页面布局。

核心能力与工作流程

  • 视觉标注(Visual Tagging):在页面截图上识别可交互元素并标注括号 ID,LLM 据此输出 CLICK [23] 这类结构化动作,而不是猜坐标。
  • OCR 文本化:内置 OCR 算法把截图转换为以空白字符分隔的文本表示,保留元素的相对位置与层级关系。
  • 动作映射:模型从标注中获得元素编号,从 OCR 文本中理解内容与上下文,再组合成可执行的动作序列。

典型路径:代理获取页面截图 → Tarsier 标注并 OCR → 文本模型基于编号与文本决定下一步 → 执行动作并循环。

适用边界与注意点

  • 该库来自 Reworkd,Python 包中复用了由 TypeScript 编译而来的 JavaScript 实现,使用前需确保构建链路可用(上游要求 npm run build 产出供 Python 端调用的 JS)。
  • 标注与 OCR 都基于渲染后的截图,准确率受页面动态加载、遮挡和缩放影响,渲染时机需要自行把控。
  • 纯文本模型得到的只是「文本化」的页面视图,并非真正的视觉理解,遇到复杂视觉语义(如图表含义)时可能仍然失效。

使用场景

  • 在无人值守的自动化流程里,让模型根据截图中的标注编号自动点击按钮并填写表单
  • 把网页截图转成结构化文本,供纯文本 LLM 读取后再决定下一步操作
  • 为浏览器代理增加视觉反馈,当元素被遮挡或位置错乱时仍能按编号定位
  • 在 RPA 流程中替代人工识别页面元素,用括号 ID 描述点击目标

适合人员

  • 需要在 Kubernetes 集群中部署自研 AI Agent 的后端工程师,希望快速验证网页交互能力
  • 负责设计 RPA 自动化方案的技术负责人,想把模型操作网页的准确率提升到可落地水平
  • 维护多语言翻译流水线的工程师,想让模型根据页面截图自动生成可点击的本地化版本
  • 为团队搭建内部工具箱的平台开发者,需要把截图转文本能力嵌入现有代理框架