DSH HUB
HomePlugin StorePlugin PacksCommunityRankingsResourcesPublish Guide
Plugin source
Back to catalog

longhao666666 /

longhao666666/dsh-element-context

Verified

DeepSeek Harness 插件:对话中圈选/关联 UI 元素,把选择器、源码位置、盒模型与计算样式注入模型提示词

★ 1 Stars0 Forks0 IssuesN/A Community rating0 Confirmed installs
View on GitHub
READMESource: main@70689493

dsh-element-context

在对话中圈选 UI 元素,把选择器、源码位置、盒模型与计算样式直接注入模型上下文

version license platform dsh stars

简体中文 | English


零依赖:常规 Cordis 插件,纯 JS 源码直接加载——无需编译、无需 Token / API Key、无需额外服务。

不用再截图,也不用口头描述「就是右上角那个按钮」:点一下页面上的元素,模型就能看到它的完整结构化画像。

功能特性

能力 说明
鼠标点选 点击输入框上方的「点选元素」进入点选模式,直接点击右侧浏览器页面里的控件即可关联,可连续拾取多个,Esc 结束
手动关联 在输入框里填写 CSS 选择器(如 #submit-btn)或源码位置 文件:行号,适合 hover 才出现的元素、或已知源码位置的场景
结构化注入 关联元素以 <target_ui_element>(单个)/ <target_ui_elements count=N>(多个)的形式进入系统提示词
元素画像 源码位置(data-loc 及最近带标注的祖先)、选择器、标签 / id / class / role、文本内容、页面 URL 与标题、视口矩形、盒模型、关键计算样式
Chip 管理 已关联元素显示为「UI 上下文」chip 列表,可单个移除或一键清空;上限 32 个(每个元素每轮约占 400 token,建议用完就删)
沙箱友好 点选探针经 executeJavaScript 注入页面,页面自身的沙箱不受影响

环境要求

  • Windows
  • DeepSeek Harness 桌面版已安装,并至少启动过一次(开发时基于 0.2.0-rc.2 验证)

安装

一键脚本(自动检测 DSH、建立 node_modules/@local 链接、写入 profile 配置):

git clone https://github.com/longhao666666/dsh-element-context.git
cd dsh-element-context
powershell -ExecutionPolicy Bypass -File .\install.ps1
方式二:手动挂载(点开查看)
$profile = "$env:USERPROFILE\.dsh\profiles\desktop"
$repo    = "<你的克隆路径>"    # 例如 "$HOME\code\dsh-element-context"

New-Item -ItemType Directory -Force "$profile\node_modules\@local" | Out-Null
New-Item -ItemType Junction -Path "$profile\node_modules\@local\dsh-element-context" -Target $repo

然后编辑 $profile\package.json,合并以下字段(已存在的字段里追加即可):

{
  "dependencies": {
    "@local/dsh-element-context": "link:C:/Users/you/code/dsh-element-context"
  },
  "dsh": {
    "profile": {
      "bundles": ["@local/dsh-element-context"]
    }
  }
}

两种方式完成后都需重启 DeepSeek Harness,并在「插件管理」页确认 @local/dsh-element-context 已启用。

使用说明

  1. 打开一个带侧栏浏览器页面的会话(如「操作」类预设)。
  2. 点击输入框上方的「点选元素」,状态栏提示「在右侧浏览器页面里点击目标控件,可连续拾取多个;Esc 结束」。
  3. 在右侧页面上点击目标控件,元素随即出现在「UI 上下文」chip 列表中。
  4. 正常发送消息——模型每轮都会收到这些元素的完整上下文。
  5. 不再需要时,点 chip 上的移除按钮或「清空」,节省 token。

卸载

powershell -ExecutionPolicy Bypass -File .\install.ps1 -Uninstall

重启 DSH 后生效;克隆下来的仓库文件不会被删除。

工作原理(点开查看)
  • host.js(Node 侧):注册 /element-context 路由(受 DSH 连接层信任策略保护),并把 ~/.dsh/element-context.json 中的元素列表渲染为 systemPrompt 上下文块。
  • client.js(浏览器侧):输入框 dock(手动输入 + chip 列表)与点选探针。桌面端浏览器是 Electron <webview>,client 作为宿主用 executeJavaScript 向页面注入探针并轮询读回采集结果。

相关插件

  • dsh-ask-mode — 会话内一键切换「咨询模式」
  • dsh-session-delete — 侧栏一键删除会话

许可证

MIT

—/ 5

No ratings yet

Verified DSH bundle

Commit 70689493104b

Community comments

No comments yet. Be the first to write one.

DSH HUB

A community index for DSH plugins. Not an official GitHub or DeepSeek AI product.

CommunityResourcesAPIAbout