dsh-plugin-ui-debug 怎么安装？

在已安装 dsh CLI 引擎的环境中，进入插件页复制安装命令一键执行即可；自动检查通过：npm 包已发布且 engines 声明满足基线；该结论来自程序自动检查，未经人工实机验证。

dsh-plugin-ui-debug 兼容性怎么样？

自动检查通过：npm 包已发布且 engines 声明满足基线；该结论来自程序自动检查，未经人工实机验证。

dsh-plugin-ui-debug 有中文文档吗？

已提供中文翻译 README（由 DeepSeek 最新模型翻译生成），本站可切换中英文对照阅读。

dsh-plugin-ui-debug 还在维护吗？

GitHub 7 星。最近一次上游提交在 2026/8/22。

界面调试器 FeatherHunter/dsh-plugin-ui-debug

DeepSeek Harnessv0.0.2

FeatherHunter73 天前有提交已提供中文文档扫描：含敏感能力

在 GitHub 查看 ↗

在真实 Chrome 中查看界面、点击按钮并验证改动

32/100

综合分

GitHub 星标

npm 周下载

—/5

用户评分

数据截至 2026/9/19 · 周下载取自 npm 全网（含 CI / 镜像），非本站安装数；综合分由星标、活跃度与兼容性检查合成。

安装命令 · 需先装 dsh CLI 引擎

dsh plugin --profile web add @feather_wch/dsh-plugin-ui-debug

npm 源 · @feather_wch/dsh-plugin-ui-debug 的发布者账号已校验与本仓库一致

状态速览

判定依据：实装验证 · 静态安装检查 · 自动扫描 · 仓库维护状态

信任档位：已验证

是什么

dsh 原生插件 · browser

装得上吗

本站已在 dsh 0.2.1-rc.2 下真实安装成功

非静态推断

L5 · 运行时冒烟等级说明 →

安全吗

本站尚未对该插件做风险分级

暂未覆盖，不等同于无风险

还在维护吗

更新放缓：最近一次提交在 73 天前

档位由哪些信号合成

本站实装验证（真实安装 L4 覆盖全站；L5 为运行时冒烟或实机截图，覆盖范围小于 L4） · 验证所用 dsh 版本 · 静态安装检查 · 风险分级 · 仓库维护状态。下方各区块是它的证据明细。

验证判据与等级说明 →

社区实装还没有人打卡 · 装过的第一个就是你

安装兼容性检查✓ 自动检查通过

展开查看检查明细 ↓

以下结论由程序自动检查 npm 包、engines 声明与入口文件得出，未做人工实机验证——能装不等于用着没问题。

✓npm 包@feather_wch/dsh-plugin-ui-debug @ 0.0.2

✓Node 引擎未声明 engines.node

✓dsh CLI 依赖未声明 dsh 版本约束

✓入口文件main/exports/bin 已声明

验证方式：npm registry 存在性 + package.json 静态校验 · 最后检查 2026/10/11 18:52:50

安全扫描自动 · 静态分析源码

v2.7.0

🔵 扫描：含敏感能力尚无人工评估

展开查看扫描说明与证据 ↓

静态扫描发现插件具备触达本地系统的能力：执行外部命令、读写/删除本地文件、读取剪贴板或密钥类环境变量（至少其一）。这是能力清单，不是危险判定——具体能力项与证据见下方，安装前请自行判断是否需要。

可执行外部命令读写/删除本地文件发起外部网络请求

查看扫描证据（共 10 处，展示前 10 条）

读取本地文件
lib/index.js:28
return readFileSync(fileURLToPath(url), 'utf8');
写入本地文件
lib/index.js:44
mkdirSync(dir, { recursive: true });
读取本地文件
lib/cdp.js:40
if (c && existsSync(c))
发起网络请求
lib/cdp.js:81
const res = await fetch(`http://127.0.0.1:${port}/json/list`);
执行外部命令来自配置/变量
lib/cdp.js:114
const child = spawn(chrome, args, { stdio: ['ignore', 'ignore', 'ignore'] });
发起网络请求
lib/cdp.js:143
const res = await fetch(`http://127.0.0.1:${this.port}/json/version`);
发起网络请求
lib/cdp.js:153
const res = await fetch(`http://127.0.0.1:${this.port}/json/new?${encodeURIComponent(url)}`, { method: 'PUT' });
写入本地文件
lib/cdp.js:261
mkdirSync(outPath.substring(0, Math.max(outPath.lastIndexOf('/'), outPath.lastIndexOf('\\'))), { recursive: true });
写入本地文件
lib/cdp.js:262
writeFileSync(outPath, buf);
发起网络请求
lib/cdp.js:363
await fetch(`http://127.0.0.1:${this.port}/json/close/${this.tabId}`).catch(() => undefined);

扫描于 2026/11/2（1 天前） · 范围入口闭包 + 全包扫描 · 来源 npm 发布包

静态扫描只反映源码中出现的调用，不构成安全背书；人工评估与自动扫描相互独立、互不覆盖。

依赖的 DSH / Cordis 模块

@deepseek-ai/dsh-tools

给这个插件打分还没有人投票↓

用户评分

还没有人投票，来当第一个

广告精选好物

飞利浦 TAH6519 主动降噪耳机 ¥299

头戴式无线 anc 主动降噪，蓝牙连接，久戴舒适向。

·anc 主动降噪 · 头戴式无线
·价格与库存以商品页实时为准

去淘宝看看→

广告MCP 兼容手册

装完插件，给 AI 接上 MCP

Cursor、Claude Code、VS Code 逐个核对：能不能装、配置怎么写、装不上是什么原因。

·按客户端逐格核对
·结论标注依据与风险等级

查 MCP 兼容性→

功能亮点

真实Chrome查看界面
点击按钮
拖拽组件

DSH 插件 UI 调试神器：让 AI 在真实 Chrome 中帮你看界面、点按钮、拖组件，一键安装零配置

README

由 DeepSeek 最新模型翻译生成

@feather_wch/dsh-plugin-ui-debug npm version dsh-plugin Playwright DSH 插件 UI 调试闭环工具 — 给开发/测试 DSH 插件的 AI 提供「真实 Chrome (Playwright) 驱动 + UI 查看/测试/验证/问题解决」全套能力。一条命令完成安装需要 DSH CLI（DeepSeek Harness 命令行工具）。如果还没有，先安装： npm install -g @deepseek-ai/dsh 然后把插件装进你的 profile： dsh plugin --profile web add @feather_wch/dsh-plugin-ui-debug 安装即完成，零配置：本插件采用 DSH 官方 bundle 机制——包内自带 cordis.patch.yml（声明 dsh.bundle.patch），dsh plugin add 装完后自动把插件加入 profile 的 dsh.profile.bundles 层栈，DSH 启动时直接装配；dsh plugin remove 卸载时自动移除。全程无需手动编辑任何文件。重启 DSH（或刷新浏览器页面）即生效，插件自动注册 dsh-plugin-ui-debug skill 和 ui_shot / ui_drive 工具。

展开完整文档（README 剩余 1 节）

@feather_wch/dsh-plugin-ui-debug

npm version dsh-plugin Playwright

DSH 插件 UI 调试闭环工具 — 给开发/测试 DSH 插件的 AI 提供「真实 Chrome (Playwright) 驱动 + UI 查看/测试/验证/问题解决」全套能力。

一条命令完成安装

需要 DSH CLI（DeepSeek Harness 命令行工具）。如果还没有，先安装：

npm install -g @deepseek-ai/dsh

然后把插件装进你的 profile：

dsh plugin --profile web add @feather_wch/dsh-plugin-ui-debug

安装即完成，零配置：本插件采用 DSH 官方 bundle 机制——包内自带 cordis.patch.yml（声明 dsh.bundle.patch），dsh plugin add 装完后自动把插件加入 profile 的 dsh.profile.bundles 层栈，DSH 启动时直接装配；dsh plugin remove 卸载时自动移除。全程无需手动编辑任何文件。重启 DSH（或刷新浏览器页面）即生效，插件自动注册 dsh-plugin-ui-debug skill 和 ui_shot / ui_drive 工具。

预览

DSH 插件 UI 调试 8s 闭环 — 真实 Chrome 看界面·点按钮·分段拖拽·改代码·二次验证

真实 Chrome 静默后台验证 · 不抢 IDE 焦点 · 分段拖拽闭环可验 — 基于 Playwright CDP · 三轨模型 headless/maximized/foreground 正交

动图 ≥8s 或加载失败时，回退看 首帧静态图

分段拖拽护城河

分段拖拽三帧拼图 — 每段≤30px 重新建立输入上下文，破解折叠死锁

分段拖拽三帧拼图 — 每段 ≤30px 重建输入上下文，破解折叠死锁直观可验 · ui_drive drag steps:5 shots:3

有头最小化不抢焦点

有头最小化不抢焦点 — foreground:false 时 IDE 仍前台，截图 1280×720 清晰

改一行再验一次

改前改后对比 — scrollWidth vs clientWidth 数值对比，data-fold 逐级折叠至不溢出

升级

dsh plugin --profile web update @feather_wch/dsh-plugin-ui-debug

等价幂等重装：

dsh plugin --profile web add @feather_wch/dsh-plugin-ui-debug

需要钉回历史版本：dsh plugin --profile web add @feather_wch/dsh-plugin-ui-debug@。

安装本插件后，自动注册同名 skill（dsh-plugin-ui-debug），任何 session 的 AI 在调试 DSH 插件 UI 时都会自动获得这套方法论（激活会话 → hit-test → 分段拖拽 → DOM 断言 → sizing-probe → 犹豫留证），无需任何手工配置。

它解决什么

DSH 插件（面板 / dock / tabs / 弹窗 / 布局 / 交互）的 UI bug，AI 需要真实打开浏览器去看、去点、去拖、去读 DOM 数值才能定位和验证。本插件提供：

- ui_shot — 截图任意 http(s) 页面（含运行中的 DSH GUI），PNG 落盘，供 view_image 视觉确认。
- ui_drive — 动作脚本驱动页面（导航/点击/输入/按键/滚动/拖拽/分步截图/JS 求值），用于 UI 调试与断言。
- dsh-plugin-ui-debug skill — 随插件自动注册的调试方法论（含已验证的坑与最佳实践）。

双产物设计

| 产物 | 形态 | 作用 |
| Plugin | host 工具插件（ui_shot / ui_drive） | AI 的"手"——真实驱动浏览器 |
| Skill | 随 apply() 用 ctx.skills.register() 原生注册 | AI 的"脑"——知道怎么用、有什么坑 |

两个产物在同一源码仓库，随包分发。skill 通过 DSH 原生 runtime skill 注册机制注入，零文件写入、零本机路径硬编码，装到任何机器都自动生效。

本地开发安装

方式 1：本地构建注入（开发期）
cd dsh-plugin-ui-debug
构建（依赖 bash + node）：scripts/build.sh（tsc 编译 + 复制 skill 资源到 lib/skill） bash scripts/build.sh 注入器环境内 dev_inject_plugin

方式 2：本地 tgz 安装（发版前自测 DSH bundle 机制）
npm pack
dsh plugin --profile web add ./feather_wch-dsh-plugin-ui-debug-0.0.1.tgz
构建链说明

本机无 dsh 源码 checkout 时的构建（npm 装依赖报 edgesOut 坏图时）：

corepack pnpm add -D typescript@^5.9 @types/node@^24 tsdown@^0.22.14 playwright-core@^1.62.1
把 agent 的 @deepseek-ai/* junction 到 node_modules/@deepseek-ai 供 tsc 解析类型
node node_modules/typescript/bin/tsc -p tsconfig.json
复制 skill 资源（tsc 不复制 .md，build.sh 已含此步）
mkdir -p lib/skill && cp src/skill/.md lib/skill/

目录结构

dsh-plugin-ui-debug/
├── package.json # @feather_wch/dsh-plugin-ui-debug
├── cordis.patch.yml # DSH bundle 声明（dsh.bundle.patch） ├── src/ │ ├── index.ts # 插件入口：注册 ui_shot/ui_drive 工具 + ctx.skills.register() │ ├── cdp.ts # 零依赖 CDP 引擎（Node 22 WebSocket，attach/launch） │ └── skill/ │ └── dsh-plugin-ui-debug.md # skill 正文（打包到 lib/skill/） ├── scripts/ # 验证/调试脚本（poc-、playwright-flow3 等） └── lib/ # 构建产物（含 lib/skill/）

License

BSD-3-Clause（见 LICENSE）。