DSH Plugins
返回列表
🤖

dsh-element-context

模型推理 更新于 2026.09.30

在终端中运行以下命令:

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 用户