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 生態系，手機區網掃描 QR Code 配對直接用行動端遠端——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 圖譜、右側面板、行動端遠端 UI、寵物、即時 token 統計和皮膚中心。其中行動端部分透過 QR Code 在區網內配對手機，以適合觸控操作的介面串流對話——想要「手機上開 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 生態系：行動端遠端用 QR Code 配對手機，以觸控介面串流整套 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，手機掃 QR Code 即同步畫面：區域網路直連或 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 通道）