DSH Plugins
返回列表
dsh-annotate

dsh-annotate

联网工具 更新于 2026.10.12

在终端中运行以下命令:

dsh plugin install TheYoungChen/dsh-annotate

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

在 DeepSeek Harness 中执行 dsh plugin install TheYoungChen/dsh-annotate,或将 README 一键安装说明发给 DSH,也可参考 https://github.com/TheYoungChen/dsh-annotate 将插件加入 Web profile 的 bundles 后重启。

插件介绍

改界面时,最难的往往不是怎么改,而是让 AI 准确知道改哪儿。截图加模糊描述只能让它猜,猜错就要再来一轮。dsh-annotate 是 DeepSeek Harness 的 Web 侧边栏标注插件:在实时预览里点选元素,可选写批注,下一条消息会带上 CSS 选择器、元素真实文本和你的说明,而不是需要看图猜的截图。

无需浏览器扩展,在 DSH 的 Web profile 中启用即可。悬停高亮并显示选择器,点一下完成标注;留空表示只看这里,写一句则带上修改要求。选择器会校验是否唯一命中你点的节点,必要时用文本消歧。多条标注按页面从上到下排序,编号与标记针一致;单页应用换路由后列表仍保留,针只出现在当初标注的页面。标注作为独立上下文随消息发送,不会混进输入框正文。

通过本机 loopback 代理加载预览,默认面向本地服务与工作区 HTML,也可按配置预览远程 http(s) 站点。支持扫描本机端口识别常见技术栈,并可更换在深浅色主题下都清晰的标注颜色。

适合在 DSH 里做前端改稿、可视化 UI 反馈、让模型精确定位 DOM 的开发者与设计协作。它只说明改哪儿,不自动改代码;不能标注跨域 iframe 内部,也不能脱离 DSH 单独使用。

截图预览

使用场景

  • 在 DSH 侧边栏预览里点选要改的界面元素并附上修改说明
  • 给 AI 发前端改稿需求时避免截图和模糊描述
  • 本地开发页面或工作区 HTML 上做可视化圈选与批注

适合人员

  • 使用 DSH Web profile 的前端开发者
  • 需要把界面修改意见结构化交给 AI 的设计与产品协作方
  • 在实时预览中迭代页面并追求精确定位 DOM 的用户