dsh-ui-mobile-layout
在终端中运行以下命令:
dsh plugin install RyzeZhou/dsh-ui-mobile-layout
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 中执行 dsh plugin install RyzeZhou/dsh-ui-mobile-layout 安装该插件,源码地址:https://github.com/RyzeZhou/dsh-ui-mobile-layout
插件介绍
DSH 是 PC 优先的 React 应用,手机窄视口下三栏布局挤压严重,设置面板更是几乎不可交互。dsh-ui-mobile-layout 以纯客户端 bundle 的方式介入:不替换、不修改任何官方 slot 占用者,仅在窄视口下对 frame 外壳做样式重排,并在官方设置面板之上叠加一个全屏 overlay,让手机端获得接近原生 App 的体验。
核心能力有两点。其一是布局重排:桌面三栏折叠为单栏主区域加左侧抽屉,抽屉使用 left 偏移而非 CSS transform,避免固定定位弹窗被困住。其二是设置导航:点击设置入口进入全屏条目列表,点击任意条目钻入具体设置页,左上角返回箭头逐级回退,交互与手机系统设置一致。宽屏下插件不注册任何行为,桌面体验完全不受影响。
适合在手机上使用 DSH 或在 DevTools 窄视口中调试布局的用户。需注意:由于实现方式是对全局 frame 和设置面板做样式与行为叠加,同时安装其他移动端重排插件、重写设置面板 dialog 结构或使用极高 z-index 全屏浮层的插件时可能冲突,建议在独立实例中验证组合后再投入使用。
截图预览
使用场景
- 手机浏览 DSH 对话时自动切换为单栏加侧边抽屉布局
- 在手机端打开设置面板,获得全屏列表到详情页再到返回的两层导航体验
- 在 DevTools 窄视口中调试 DSH 的移动端表现,桌面宽屏完全不受影响
适合人员
- 希望在手机上日常使用 DSH 的用户
- 需要在 DevTools 窄视口中验证移动端布局的开发者
- 寻找不侵入官方 slot 的轻量客户端适配方案的维护者


