dsh-element-context
在终端中运行以下命令:
dsh plugin install longhao666666/dsh-element-context
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 的插件管理中执行 dsh plugin install longhao666666/dsh-element-context,或按 https://github.com/longhao666666/dsh-element-context 仓库说明完成挂载后重启并在插件页启用。
插件介绍
和模型聊前端或页面问题时,截图和「右上角那个按钮」往往说不清:模型看不到 DOM 结构,你也很难一次性交代选择器、样式和布局。dsh-element-context 让你在 DeepSeek Harness 侧栏浏览器里直接点选控件,把结构化画像写进每轮对话的系统上下文,让讨论落在真实元素上。
插件支持两种关联方式:输入框上方的点选模式可连续拾取多个元素,Esc 结束;也可以手动填写 CSS 选择器或「文件:行号」形式的源码位置,适合 hover 才出现或你已知道位置的控件。已关联项以「UI 上下文」chip 展示,可单个移除或一键清空,上限 32 个,便于控制 token 占用。
注入内容包括源码位置(data-loc 及带标注的祖先)、选择器、标签与 id/class/role、文本、页面 URL 与标题、视口矩形、盒模型以及关键计算样式。点选探针通过 executeJavaScript 注入页面,不破坏页面自身沙箱;作为零依赖的 Cordis 插件,纯 JS 加载,无需编译、API Key 或额外服务。
适合在「操作」类带侧栏浏览器的会话里做 UI 调试、改样式、对齐布局或对照源码改组件的开发者与 Harness 用户;用完记得清理 chip,避免每轮携带过多上下文。
使用场景
- 侧栏浏览器里点选按钮或输入框,让模型按真实选择器改样式
- 手动填写文件行号关联 hover 菜单项,讨论源码与 DOM 对应关系
- 多元素 chip 一并发送,对照盒模型与计算样式排查布局错位
适合人员
- 在 Harness 侧栏浏览器里做页面联调的前端开发者
- 需要把 DOM 结构化信息交给模型而非截图的用户
- 使用「操作」类预设、频繁改 UI 的 DeepSeek Harness 用户