dsh-annotate

@BrambleXu · 浏览器与网页

检测有风险提示无安装脚本

面向 Vibe Coding 的浏览器元素标注插件，选取页面元素并把结构化视觉反馈发给 Agent

v0.1.0版本

GitHub 源码安装安装方式

2026-08-14最近更新

7Star

dsh plugin --profile web add github:BrambleXu/dsh-annotate查看仓库

插件介绍

根据仓库资料整理 · commit 43f3954

主要功能

在 Chrome/Chromium 中通过 /annotate 进入选择模式，直接点选页面元素
为每个选中元素采集选择器、DOM 信息、关键计算样式、无障碍数据、用户评论及可选的视口截图
通过本地回环 WebSocket 桥将结构化标注数据发送给 Agent 的下一轮对话
可按回环主机、扩展来源及可选扩展 ID 限制浏览器连接，增强本地安全性

适合什么时候用

在 Vibe Coding 中遇到浏览器界面问题，希望直接指向具体元素而非用文字描述
需要把页面元素的 DOM、样式、无障碍等结构化信息连同截图一起反馈给 Agent 以便修复

安装后会多出什么

界面配套 Chrome/Chromium 浏览器扩展及其弹出窗口 · 页面内元素选择模式覆盖层，支持点选并输入评论

命令/annotate

使用前需要

需要 Node.js ^22.19 或 >=24 运行环境
依赖 @deepseek-ai/cordis、dsh-attachment、dsh-commands、dsh-llm 等 DSH 插件
需手动加载 browser-extension 目录到 Chrome/Chromium（开发者模式，Load unpacked）
需要一个本地回环 WebSocket 桥（默认 127.0.0.1:43119）在浏览器扩展与 Agent 之间通信

在 GitHub 阅读完整 README

权限与能力

安装后它能碰到什么

不覆盖任何 dsh-base 宿主行：不接管沙箱、审批、凭据等能力。

宿主能力

Agent 控制浏览器 UI外部网络遥测

能力是范围不是结论：很多能力是功能所需。

基本信息

仓库BrambleXu/dsh-annotate安装方式GitHub 源码安装（需 allowBuilds）安装提示源码安装会在你的机器上执行 prepare 构建，需要 allowBuilds 授权；建议用 github:BrambleXu/dsh-annotate#43f3954 锁定本次检测的 commit。收录日期2026-08-14固定 commit43f39543f720 · 2026-08-14

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