这是什么
通过配套 Chrome 扩展做可视化浏览器反馈：/annotate 进入选择模式，你点选的每个元素都会带上选择器、DOM 事实、计算样式要点、无障碍数据、你的批注和可选的视口截图，一起进入 Agent 的下一轮。
Visual browser element annotation for DeepSeek Harness, capturing DOM, styles, accessibility data, comments, and viewport screenshots.
它对设计意味着什么
- 视觉反馈始终挂在页面元素上，而不是退化成一段含糊描述或一张贴进来的截图。
- 计算样式和无障碍数据以结构化事实的形式到达，Agent 可以直接照着行动。
- 按主机、来源和扩展 ID 限制的本地回环 WebSocket 桥，让整条通道不出本机。
包含哪些内容
- Why this exists
- Features
- Install
- Use
- Configure
- Scope
如何安装
dsh-annotate
-
在终端里运行这条命令。
git clone https://github.com/BrambleXu/dsh-annotate.git && dsh plugin --profile demo add ./dsh-annotate -
重启 dsh web，让它加载这个插件。
-
然后描述你想要的设计，DeepSeek Harness 会自动用上插件提供的工具。
如何配合 DeepSeek Harness 使用
-
克隆仓库并把项目加进一个 harness profile，然后在 chrome://extensions 里以解包扩展方式加载它的 browser-extension 文件夹。
-
运行 /annotate，在页面上点选元素，逐个附上批注。
-
提交——采集到的事实和视口截图会落进 Agent 的下一轮。
这里的每个插件都可以免费安装，并附上真实的上游源地址。
在 DeepSeek Harness 仓库里了解更多 ↗
下一步
用 OpenDesign 做设计，省掉那些配置
你可以自己装这个插件，也可以用 OpenDesign 在 DeepSeek Harness 外面套一整层精选设计层。自带 API Key，产出归你所有。