FeatherHunter/dsh-plugin-ui-debug

README 摘要

@feather wch/dsh-plugin-ui-debug DSH 插件 UI 调试闭环工具 — 给开发/测试 DSH 插件的 AI 提供「真实 Chrome (Playwright) 驱动 + UI 查看/测试/验证/问题解决」全套能力。 一条命令完成安装 需要 DSH CLI （DeepSeek Harness 命令行工具）。如果还没有，先安装： 然后把插件装进你的 profile： 安装即完成， 零配置 ：本插件采用 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 工具。 预览 实拍：AI 在真实 Chrome 中自动看界面、点按钮、拖组件 → 截图对比验证 → 改代码 → 二次验证。GIF/真图待补充，此 SVG 占位确保首屏不裂图且一键安装不受影响；完整方法论见 Skill（ dsh-plugin-ui-debug ）中的 sizing-probe / 分段拖拽案例。 升级 等价幂等重装： 需要钉回历史版本： 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 d…

分类