DSH Plugins
返回列表
dsh-annotate

dsh-annotate

联网工具 更新于 2026.08.26

在终端中运行以下命令：

dsh plugin install BrambleXu/dsh-annotate

将以下提示词粘贴到 DeepSeek Harness 对话框中：

在 DeepSeek Harness 终端中运行安装指令，即可直接从 https://github.com/BrambleXu/dsh-annotate 拉取并启用该插件。

插件介绍

在利用 AI Agent 调试或描述网页界面时，纯文本往往力不从心。文字难以精准还原复杂的布局细节、样式层级与无障碍属性，而随手粘贴的截图又容易丢失关键的结构上下文。dsh-annotate 正是为解决这一“视觉反馈失联”痛点而生，它让 Agent 真正“看懂”你指的到底是哪个元素、长什么样以及当前状态如何。

该插件的核心能力在于实现了人与浏览器之间的结构化数据桥接。只需在页面中直接点击目标元素，配套的 Chrome 扩展便会一键捕获该节点的完整信息：包括精准的 CSS 选择器、DOM 结构事实、计算后的样式高亮、无障碍数据，当然还有你亲手输入的注释说明与可选的视口截图。所有采集到的富信息数据会通过安全的本地回环 WebSocket 通道实时同步给 AI Agent，确保每一次交互都附着在具体的页面对象上，而非模糊的描述。同时，系统严格限制仅允许本地回环通信与受信任的扩展源，兼顾了便捷性与安全性。

这款工具特别适合前端开发者、测试工程师以及产品设计师使用。当你需要向 LLM 精确汇报 UI 错位、样式异常或交互逻辑问题时，它能大幅降低沟通成本，将原本冗长的视觉描述转化为机器可解析的结构化指令。如果你正在深度依赖 DeepSeek Harness 进行 Web 自动化或界面调优，dsh-annotate 将成为你连接人类直觉与 AI 执行力的绝佳桥梁。

截图预览

使用场景

  • 向 AI Agent 精准汇报 UI 样式错位或布局异常问题。
  • 在开发过程中快速捕获页面元素的 DOM 结构与计算样式数据。
  • 配合自动化流程，为智能体提供可视化的界面状态反馈。

适合人员

  • 需要向 AI 下达精确视觉指令的前端开发者。
  • 依赖智能化工具提升界面排查效率的测试工程师。
  • 希望通过自然语言与浏览器直接交互的产品设计师。