BrambleXu/dsh-annotate

Name: BrambleXu/dsh-annotate
Author: BrambleXu

Plugin插件 Native原生 ⭐ 12 MIT Vision & Media视觉与多媒体 Search & Web Access搜索与联网 Data & Analysis数据与分析

DeepSeek Harness的视觉浏览器元素标注，捕获DOM、样式、可访问性数据、评论和视口截图。

Project Overview项目介绍

Edited by Zhiwei Agent (zhiwei)由知微Agent(zhiwei)编辑

dsh-annotate is a native plugin built exclusively for DeepSeek Harness that adds visual browser annotation capabilities for frontend UI debugging. It pairs with a companion Chrome extension that lets users select elements directly in the browser to collect structured data for the DSH agent. The extension connects to the plugin via a local loopback WebSocket bridge secured by origin checks. To install the plugin, users run the dsh plugin add command via the DSH CLI to add it to their existing Harness profile, then load the unpacked companion extension manually in Chrome or Chromium.

This tool is built for frontend developers who use DeepSeek Harness to debug UI problems in their local projects. It solves the common problem of vague plain-text descriptions of browser UI issues by attaching structured data directly to the selected elements. When users run the /annotate command in DSH, the extension enters selection mode; users click each element they want to reference, add optional comments, then submit all captured data to the agent. Each captured entry includes the element selector, DOM facts, computed style, accessibility data, user comment, and an optional viewport screenshot.

dsh-annotate requires Node.js version 22.19 or 24 and higher to develop and install, and uses TypeScript 5.9 for all source code. It is released under the permissive MIT open source license, and current version 0.1 only supports one local Chrome/Chromium instance and active tab with visible viewport screenshots. Users can configure allowed extension IDs, host, port, request timeout, and maximum payload limits to tighten local authorization. Features like remote browser connections and full-page screenshots are not yet implemented in the current release.

dsh-annotate 是专为 DeepSeek Harness 开发的原生插件，搭配配套 Chrome 浏览器扩展，提供可视化浏览器界面标注能力。用户遇到前端界面问题时，可以通过插件指令唤起浏览器选择模式，直接点击页面元素收集相关信息。它会自动收集元素选择器、DOM属性、计算样式、可访问性数据，加上用户注释和可选视口截图，发送给 DSH 智能体。

这款插件面向使用 DSH 开发调试前端项目的开发者，解决了纯文字描述界面问题不准确、模糊不清的痛点。常规使用流程是，用户在 DSH 中输入 /annotate 指令，浏览器自动进入元素选择模式，用户依次点击需要标注的页面元素、输入自定义注释，完成后点击提交，所有结构化信息就会自动发送给 DSH 智能体。

项目依赖 Node.js 版本 22.19 或 24 以上，使用 TypeScript 5.9 开发，遵循 MIT 开源许可协议。当前 0.1 版本仅支持本地单个 Chrome 或 Chromium 浏览器的活动标签页，仅提供可见视口截图能力。远程浏览器、整页截图等高级功能暂未实现，用户可以通过配置白名单限定允许连接的浏览器扩展ID，提升本地连接安全性。

View on GitHub在 GitHub 查看

Send to your DSH发给你的 DSH 安装

请帮我安装这个 DSH 插件。安装前先完成【兼容性检查 + 安全性检查】，检查通过再动手。

插件：dsh-annotate（BrambleXu/dsh-annotate）
仓库：https://github.com/BrambleXu/dsh-annotate
本站详情页：https://www.yhbd.top/plugins/bramblexu-dsh-annotate/
本站登记：类型 plugin · 归类 原生 DSH 插件 · 许可证 MIT · ⭐ 12 · 最近提交 2026-08-14 · 主语言 TypeScript

按下面顺序执行，每步先把结论告诉我，再进入下一步：

【1 兼容性检查】
① 我这边：DSH 版本、Node 版本、操作系统、当前 profile（web / desktop）。
② 读它的 README、package.json、插件 manifest，列出它要求的 DSH 版本 / Node 版本 / 操作系统 / 外部依赖 / 需要另外先装的运行时。
③ 逐条比对，结论只写「满足 / 不满足 / 未知」三种；不满足的给出可行替代方案。
④ 检查是否和我已装的插件冲突：命令名重复、skill / tool 重名、端口占用、重复注册的 MCP server。

【2 安全性检查】
① 仓库可信度：和上面「本站登记」是否一致；star / fork 数、创建时间、最近提交，是否归档或长期停更。
② 安装脚本：逐行看 package.json 的 preinstall / install / postinstall，以及 install.sh、setup.ps1 之类脚本。出现 curl|bash、下载后直接执行、混淆代码、访问与插件功能无关的域名，立刻停下来告诉我，不要继续装。
③ 依赖：列出新增依赖，标出无人维护、或与知名包拼写近似的可疑包（typosquatting）。
④ 权限与副作用：它会读写哪些目录、访问哪些域名、需要哪些 DSH 权限（filesystem / network / shell / clipboard 等），以及怎么卸载和回滚。
⑤ 如果它要求 sudo / 管理员权限，或权限明显超出功能所需，先停下来问我。

【3 安装】
上面两步没有「不满足」和「高危项」时才执行；用官方推荐方式安装，不要自行提权。

【4 汇报】
用表格输出：检查项 / 结论 / 依据 / 是否需要我决策。拿不准的一律写「未知」并说明要我怎么确认——不要猜，也不要替我决定。

Send this message to DSH in your current session: it verifies compatibility and security first (answering met / not met / unknown item by item) and only installs once everything checks out — it will stop and ask you if it finds a high-risk item. The box scrolls; the copy is the full prompt. CLI install commands may not be accurate across systems, so DSH is the safer route.把上面这条消息直接发给当前会话里的 DSH：它会先核对兼容性与安全性（逐条给「满足 / 不满足 / 未知」），确认没问题再安装，有高危项会停下来问你。框内可滚动，复制到的是完整提示词；安装命令不一定准确，发给 DSH 更稳。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 note1 项提示

12 stars - an early-stage project星标 12，属于早期项目

DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时（Electron / Python / Docker 等）是否齐备
Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突：命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致，是否归档或长期停更
Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需（filesystem / network / shell / clipboard）
Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限，以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照，不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装（适合开发者）

CLI Install命令行安装

dsh plugin --profile web add github:BrambleXu/dsh-annotate

把 BrambleXu/dsh-annotate 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

3.9 KB · 缓存于 2026-08-23 03:41:23 · 3.9 KB

dsh-annotate

dsh-annotate hero

English | 中文

Visual browser feedback for DeepSeek Harness. /annotate asks the companion Chrome extension to enter selection mode; each selected element contributes a selector, DOM facts, computed style highlights, accessibility data, a comment, and an optional viewport screenshot to the agent's next turn.

Why this exists 💡

Browser UI problems are difficult to describe precisely through plain text. dsh-annotate lets you point at the relevant element and send the Agent the surrounding browser facts, so visual feedback stays attached to the page element instead of becoming a vague description or a copied screenshot.

Features ✨

Select elements directly in Chrome or Chromium through /annotate.
Capture selectors, DOM facts, computed-style highlights, accessibility data, comments, and optional viewport screenshots.
Send structured annotations to the Agent through a local loopback WebSocket bridge.
Restrict browser connections by loopback host, extension origin, and optional extension ID.

Install 📦

Add the plugin project to a Harness profile:

dsh plugin --profile demo add ./dsh-annotate

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要，完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

渲染基于仓库 BrambleXu/dsh-annotate 的 README.md。在 GitHub 查看原文 →