dsh-web-annotate
在终端中运行以下命令:
dsh plugin install nubeslove/dsh-web-annotate
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 终端执行 dsh plugin install nubeslove/dsh-web-annotate(源码:https://github.com/nubeslove/dsh-web-annotate),并在 profiles/desktop 的 dsh.profile.bundles 中加入 dsh-web-annotate 后重启 DSH。
插件介绍
改界面时最难的往往不是动手改,而是把意见说清楚:左边那张卡片边距大了点,模型得猜是哪个元素;截一张图贴进去,又得反复圈。dsh-web-annotate 把指路变成点一下:在 DSH 侧栏里跑真实浏览器,鼠标停在哪个元素上,标签、尺寸、背景色与字体就摆在眼前,点一下写一句人话,最后汇总成带选择器的结构化清单。
与 iframe 预览不同,宿主侧用 Playwright 起 Chromium,画面经 CDP 推流到侧栏,因此能在真实 DOM 上拾取与批注,含跨域 iframe 穿透。支持元素点击评论、拖动框选区域、批注按页面地址留在 localStorage、快捷键切换批注模式;退出拾取后点击与滚轮等交互会转发给页面,可当普通预览用。还可一键回填对话输入框、复制汇总,或导出 Markdown 到用户目录。
适合需要给 AI 或同事精确指路的前端、产品与走查同学,以及本地 dev server 页面联调、改样式时不想靠截图猜元素的场景。与 dsh-web-preview 可同时安装:预览追求速度用 iframe,需要批注与选择器时用本插件。
使用场景
- 本地 dev server 页面改样式时给 AI 精确指路
- 设计走查逐元素写意见并汇总成选择器清单
- 跨域 iframe 内控件需要点选批注而非截图
适合人员
- 前端开发在联调时需要可复现的元素描述
- 产品与设计师参与界面评审与改版沟通
- 用 DeepSeek Harness 侧栏预览网页并回填对话的同学