ztlovelsw/dsh-ui-picker ↗★ 0

dsh-ui-picker

点选前端页面上的任意 UI 控件,自动把控件详情(标签/CSS 选择器/XPath/组件名/样式)写入 DeepSeek Harness 输入框,让 AI 精准定位要改的界面元素。 适合需要让AI精准定位、修改前端页面特定元素,免去手动复制CSS/XPath的开发者。

Package
dsh-ui-picker
Compatibility
Unverified
Cordis peer range
^4.0.1
Version
0.1.4
License
MIT
Last updated
Oct 24, 2026

Install

$npx -p @deepseek-ai/dsh dsh plugin --profile web add github:ztlovelsw/dsh-ui-picker

使用

  1. 页面右下角出现一个玻璃质感的小按钮(取景框图标),或按 Ctrl + Shift + P
  2. 点它 → 鼠标划过控件会蓝色描边
  3. 点一下目标控件 → 文本出现在 DSH 输入框
  4. 在最后一行「修改需求:」后面补一句话,回车

多选

按住 Shift 点第一个控件进入多选,之后直接点其它控件继续加选;底部出现「已选 N 个」面板:

操作效果
Enter / 面板「发送」合并成一条消息发出
Esc / 面板「取消」丢弃本次多选

按钮手势

操作效果
拖动移动位置,按站点记住(localStorage),越界自动夹回
右键还原到右下角默认位置
单击进入 / 退出拾取模式

也可以 window.dshUiPicker.resetPosition() 复位。

配置

cordis.patch.yml:

- insert:
    - id: dsh-ui-picker
      name: dsh-ui-picker
      config:
        enabled: true
        port: 17857     # 改端口后,页面里的 script 地址也要跟着改