DSH Web UI 实操教程：从 dsh web 启动到手机访问
跟着实测录屏走一遍：dsh web 启动、首次配置、吃透 3080 工作台，再用 dsh-web 生态把手机和皮肤一起装进来。
最近更新: 2026-09-30
大多数 DeepSeek Harness 教程讲到「装好 dsh」就停了，其实它还有第二扇门：浏览器。一条 `dsh web` 命令，Agent 的会话、工作区文件和设置就搬进了 127.0.0.1:3080 这个标签页。这篇攻略跟着公开实测录屏，把 Web UI 从启动到日常使用一帧一帧过完。
本文只讲 Web UI 本体：启动、首次配置、界面里干活，以及补上移动端远程和皮肤的 dsh-web 生态。想让外网的手机穿透回家指挥 Agent，看姊妹篇 手机远程访问 DSH（ngrok 隧道）
速览
- ▸`npx @deepseek-ai/dsh web`（全局安装后是 `dsh web`）一条命令，浏览器自动打开 127.0.0.1:3080。
- ▸首次打开要填 DeepSeek API 密钥；之后加第三方模型去「设置 → 模型」。
- ▸输入框打 / 唤出技能；权限（Workspace Write）和模型就在输入框下沿切换。
- ▸装上 dsh-web 生态，手机局域网扫码配对直接用移动端远程——dsh-market.com 还有 18 套皮肤随换。
dsh web 启动到手机访问：9 步图文
第一部 · 启动并吃透 Web UI
- 1
一条命令：dsh web 启动
打开终端跑 npx 一行式，npm 会问 "Need to install the following packages: @deepseek-ai/dsh… Ok to proceed? (y)"——输入 y 当场下载。如果你已经全局装过 DeepSeek Harness，直接 `dsh web` 效果一样；两种方式都会启动网页端并自动打开浏览器。
$npx @deepseek-ai/dsh web$dsh web
一条 npx 命令启动 Web UI，npm 询问时输入 y 即可。看原片 2:00 - 2
首次打开：填一个 API 密钥
浏览器落在 127.0.0.1:3080，第一件事是弹「添加一个 API Key 开始使用」。粘贴 DeepSeek 密钥点「保存并继续」直接开干，也可以选「稍后配置」——同一个入口在设置里随时补得上。
首次打开会先要一个 API 密钥，也可以稍后在设置里补。看原片 2:21 - 3
设置 → 模型：配好提供方
左下角打开「设置」，模型页列出所有已配置的提供方——DeepSeek 默认就在——点「添加提供方」或「添加自定义提供方」接入第三方密钥。习惯改文件的话，「打开配置文件」直接跳到对应 profile。
设置 → 模型：换模型、加第三方提供方都在这里。看原片 2:30 - 4
认识 3080 工作台
主界面三栏：左边是会话和工作区文件夹（Documents、Downloads…），中间是对话输入区，工作区和权限选择器就在输入框上沿，右侧 Explorer 面板直接浏览工作目录。地址栏写着 127.0.0.1:3080——整个界面就跑在本机这一端口上。
- 5
斜杠命令唤出技能
消息开头输入 / 会弹出「技能」菜单——录屏里 /grill-with-d 匹配到了 grill-with-docs。同一条输入框下沿还有权限选择（只读 / Workspace Write / Full access）和模型与推理力度，切模式不用离开输入框。
输入 / 唤出技能菜单；权限与模型就在输入框下沿切换。看原片 4:56 - 6
跑一个真实任务，看懂执行轨迹
给它一件具体的事——录屏里是整理 Downloads 文件夹并生成可视化 HTML 页面。会话里会流出 Think、Pwsh、Read 的工具调用轨迹，结束后输入框下方给出统计行（4 轮 · 11 步 | LLM 34.3s | 缓存命中 90% | 输入 144K tok · 输出 3.8K tok），一轮跑掉多少一目了然。
真实任务跑起来了：工具调用轨迹加底部一行运行统计。看原片 3:25
第二部 · 装生态：手机远程与皮肤
- 7
dsh-web：Web UI 的插件生态包
社区的 dsh-web 聚合包通过 DSH 官方的插件 profile 机制挂载、不改核心代码，一次带来任务看板、Git 图谱、右侧面板、移动端远程、宠物、皮肤和 dsh-market.com 创意工坊。按项目 README 用下面的命令安装，然后重启 `dsh web` 让网页端加载它。
$dsh plugin --profile web add @linxin666/dsh-web-all@latest
dsh-web 生态包：看板、图谱、远程、皮肤、创意工坊一次装齐。看原片 3:28 - 8
dsh-web-ui 能加什么：移动端远程在内
仓库 About 一行就是功能清单：任务看板、Git 图谱、右侧面板、移动端远程、宠物、实时 token 统计和皮肤中心。其中移动端部分通过二维码在局域网内配对手机，以触屏友好的界面串流会话——想要「手机上开 dsh web ui」，这是最快的路。
dsh-web-ui 仓库自述：任务看板、移动端 UI、皮肤中心一栏看全。看原片 5:32 - 9
去 dsh-market.com 换套皮肤
生态的创意工坊把 18 套社区皮肤按人气排序——录屏里蓝色幻想（Blue Fantasy）排在第一，旁边是深海女仆工坊和夕港，每张卡片都写着作者和版本。皮肤直接装进 Web UI：布局不变，外观换新。
创意工坊按人气排 18 套皮肤，选中即可装进 Web UI。看原片 4:50
常见问题
这篇页面被问得最多的几件事，都按上面的录屏回答。
终端关了，Web UI 的地址是什么来着？
重跑一次 `dsh web`：它每次启动都会把地址打印在终端（录屏里是 http://127.0.0.1:3080）再打开浏览器。标签页没弹出来就手动输入打印的地址；不想自动弹浏览器，可以用 `dsh web --no-open` 只起服务。
手机上怎么打开这个网页版？
两条路。同一个 Wi-Fi 里，装第 7 步的 dsh-web 生态：移动端远程用二维码配对手机，以触屏界面串流整套 UI。出了内网就需要隧道——站内远程访问攻略手把手走过免费的 ngrok 通路。
不安装能先试试网页版吗？
可以——`npx @deepseek-ai/dsh web` 一行式边下边跑（录屏时是 0.1.0-rc.6），npm 询问时输 y，不在系统里留安装。全局安装则换来更短的 `dsh web`；两边版本可能不同，一切以你自己终端打印的地址为准。
dsh-web 这类生态安全吗？
按项目 README 的说法，它通过 DSH 官方的插件 profile 机制挂载、不改核心代码——但它是第三方社区项目：装之前请读 README 和源码，自行判断风险。截图里的 star 数、下载量是录屏当天（2026-09）的快照，现在肯定又变了。
相关攻略
按你下一步要做的事选。
手机远程访问 DSH（ngrok 隧道）
把同一个 3080 网页端通过免费隧道发出去，在外网浏览器里也能指挥家里的 Agent。
阅读指南dsh-pocket：把 DSH 装进口袋
电脑跑 dsh web，手机扫码即同屏：局域网直连或 Cloudflare 免费隧道，输出实时同步、手机可反向操作——7 张逐帧核对截图。
阅读指南DSH 常见报错与修复实操
按报错现象对照排查：安装失败、插件导致启动崩溃、更新后异常，全部步骤配真实录屏截图，命令与官方 Discussions 交叉核对。
阅读指南远程与手机访问合集
dsh-web、dsh-pocket、Agents-Anywhere、dsh-mobile——精选远程客户端一次看全。
阅读指南Windows 安装 DeepSeek Harness
先把全局 dsh 命令装利索——本篇的 Web UI 就是从它启动的。
阅读指南DSH 桌面客户端盘点
官方桌面版与社区封装——同一个 Agent 的另一副外壳。
阅读指南dsh-tui 终端上手
更喜欢键盘流的终端界面？配置档、技能与后台任务都在社区 TUI 里。
阅读指南来源与署名
全部截图取自公开录屏，每张图都深链回截取时刻；文字、结构与结论为本站原创。事实已与 dsh-web 的 GitHub README 及站内安装攻略交叉核对。想知道隧道怎么把同一个页面发到外网，读 手机远程访问 DSH（ngrok 隧道）