如果你已經會設定DeepSeek Harness,想讓DeepSeek V4.1 Flash的回答變成可排序表格、可拖參數的函式圖,GenUI可以直接裝進現有Web工作流。我在2026年11月10日完成安裝與一次完整介面演示,生成時間為3分58秒。核心判斷是:它的價值不只是把回答畫成卡片,而是讓排序、篩選與滑桿操作留在前端,只有帶action的事件才回到模型。這適合需要在DSH裡反覆查看資料、調整參數的開發者;只做純文字問答、尚未設定模型API,或不打算檢查第三方套件權限的人,不需要為了組件數量額外安裝。

分層 負責什麼 出問題時先看哪裡
DeepSeek V4.1 Flash 理解提示詞並產生dsh-ui內容 模型ID、API Key、Base URL
DeepSeek Harness 管理工作階段、模型與外掛宿主 DSH版本、Web服務、外掛開關
GenUI 把規格渲染成可操作的介面 套件範圍、前端啟用狀態
action事件迴路 把指定操作回傳給模型繼續處理 按鈕是否帶action、是否產生新請求

我最初是在李不凱的X貼文看到這個外掛。貼文裡展示了資料面板、函式圖、測驗與常駐面板;真正讓我想動手驗證的,是「操作結果可以回傳模型」這句話。前端哪些事能自己做、哪些事仍要回到模型,才是接入後會影響工作流的部分。

李不凱在X上展示DeepSeek Harness的GenUI外掛

DeepSeek V4.1 Flash與DeepSeek Harness GenUI各自負責什麼

GenUI不是另一個模型,也不會替DeepSeek V4.1 Flash補上推理能力。它比較像回答與使用者之間的渲染層:模型產生符合dsh-ui規格的內容,DSH載入外掛,瀏覽器再把內容掛載成表格、圖表、表單或面板。

因此,「模型輸出了一段dsh-ui圍欄」與「頁面已經出現可點擊介面」是兩個不同驗收點。前者可能是模型與提示詞成功,後者還需要宿主版本相容、外掛已註冊、前端渲染器已啟動。只看到程式圍欄時,不應直接判斷模型失敗;只看到漂亮卡片時,也不代表每個按鈕都已經驗證。

官方倉庫目前把功能拆成幾條線:正文圍欄、render_ui工具卡、常駐工作面板,以及動作事件迴路。表格排序、篩選與頁籤切換可在本機完成;帶action的控制項則把操作包成事件,交回模型繼續推理。這條分界比單純比較30+或60+組件更有實際意義。

本次演示中的卡片寫60+組件,官方README目前的能力矩陣則使用30+組件分類。兩者可能對應不同版本或統計口徑,我沒有把它解讀成組件突然增加或減少,也沒有逐項清點,因此文章只用實際操作過的功能做判斷。

DeepSeek V4.1 Flash在DeepSeek Harness安裝GenUI的檢查順序

這次最重要的安裝細節是套件範圍:必須使用@changfenhuang/dsh-genui。

貼文曾指向changfenhuang/dsh-genui倉庫路徑,但該路徑目前為404。實際原始碼位於omdsh-dev/dsh-genui,npm套件頁是@changfenhuang/dsh-genui。npm上另有未加作用域的dsh-genui,那是不同維護者的實作,不能拿來替代這次的套件。

我在DSH外掛頁的處理順序如下:

  1. 點「添加插件」,完整輸入@changfenhuang/dsh-genui。
  2. 安裝來源使用官方預設或明確信任的鏡像,不填來路不明的自訂位址。
  3. 回到已安裝清單,核對完整套件名並開啟開關。
  4. 依目前官方README重新啟動DSH Web服務,再強制重新整理瀏覽器。
  5. 開新工作階段,用一個小介面任務驗證,而不是直接跑複雜業務資料。

DeepSeek Harness已安裝@changfenhuang/dsh-genui

截至2026年11月10日,官方Quick Start列出的DSH宿主範圍為^0.2.0-rc.1、^0.2.1-rc.1與^0.2.2-alpha.2;目前RC與alpha宿主要求Node.js至少24.9.0,DSH外掛CLI也需要pnpm可用。這些都是版本敏感條件,安裝前應以倉庫最新說明為準。本次截圖沒有保留DSH確切版本,所以我不把目前按鈕位置視為所有版本都相同。

另外,普通npm install @changfenhuang/dsh-genui只會加入Node依賴,不等於向DSH註冊外掛。若已安裝卻沒有介面,先檢查是否真正透過DSH外掛管理加入,再查服務是否重啟、瀏覽器是否仍保留舊資源。

DeepSeek V4.1 Flash在DeepSeek Harness產生GenUI後,哪些事件留在前端

完整演示裡的「篩選能力表」很適合拿來理解事件邊界。它把布局、展示、圖表、圖形、表單、測驗、計算、媒體與面板列在同一張表裡,並標出代表組件與本機操作。表本身也支援頁籤切換、排序、篩選,以及複製Markdown或CSV。

DeepSeek V4.1 Flash產生的GenUI能力表與本機操作欄

我實際操作後,把事件分成三類最容易記:

類型 本次例子 是否回到模型
純前端狀態 表頭排序、文字篩選、頁籤切換、複製資料 否
前端重新計算 開關圖例、拖函式參數滑桿、播放動畫 否
後續模型動作 表單提交、帶action的按鈕、需要模型接著處理的面板事件 是

圖表區包含柱狀圖、P50/P95折線與環形占比。這裡的數字都是演示資料,我檢查的是圖例能否切換、篩選與排序是否即時更新,以及這些操作是否又發起模型請求,而不是用演示數字推導業務結論。

DeepSeek V4.1 Flash產生的GenUI圖表與可切換圖例

函式圖更能看出本地優先的差別。拖動滑桿時,曲線直接在頁面上重畫,不需要把新參數再組成提示詞,也不需要等待整段回答重新生成。做教學、參數比較或公式解釋時,這比多一張靜態圖更有用。

DeepSeek V4.1 Flash產生的GenUI函式圖與動作事件流程

圖下方的事件流程可以濃縮成一句話:模型負責產生介面規格,渲染器負責呈現,本機能處理的互動留在本機,只有宣告了後續動作的控制項才回到模型。除錯時也應沿這條路徑分段檢查,不要把所有問題都歸到提示詞。

不過,少一次模型往返不等於已證明總Token必然下降。首次產生複雜介面仍有輸出成本;這次沒有做同任務、同內容的分組Token測量,所以只能確認互動行為,不能把它包裝成成本結論。

DeepSeek V4.1 Flash在DeepSeek Harness驗證GenUI時,四個渲染入口怎麼看

我給DeepSeek V4.1 Flash的提示詞是「展示一下刚刚加入的ui的完整功能。」模型先辨認剛安裝的@changfenhuang/dsh-genui,再產生完整演示,整段回答用時3分58秒。這個數字只屬於本次長演示,不能當成一般短請求的固定延遲。

回答開頭不是原始程式,而是一張能力卡片,接著依序展開表格、圖表、函式圖、計算、測驗與3D區域。

DeepSeek V4.1 Flash產生GenUI完整演示的能力卡片

這次實際看到4個使用入口:

  • dsh-ui圍欄直接掛在回答正文裡。
  • render_ui工具卡出現在工具行。
  • /panel把工作區固定在輸入框上方。
  • 面板右上角可進入模板中心與成就頁。

下面的動圖保留了我捲動回答、點開圖表的過程;後面的靜態圖則方便核對個別狀態。

DeepSeek V4.1 Flash在DeepSeek Harness操作GenUI的完整動圖

計算區使用白名單公式,不是直接執行任意JavaScript。測驗區可在本機判卷;截圖當下還沒有選答案,所以狀態是已選0/2。後面的3D場景可拖曳旋轉、滾輪縮放,另有隔離渲染的SVG圖表。

DeepSeek V4.1 Flash產生的GenUI計算、測驗與3D區域

演示結尾還列出離線地圖、圖片lightbox、音訊與影片播放器、橫向carousel及常駐面板等能力,但我沒有逐項點開。它們可以視為本次回答列出的候選功能,不能和已實際操作的排序、圖表與滑桿混成同一個驗收範圍。

DeepSeek V4.1 Flash的GenUI演示結尾與其他候選能力

若要自己驗證,我會把任務拆小:先要一張可排序表,再要一個帶兩個參數的函式圖,最後才測action按鈕與/panel。每一步只增加一個變數,出錯時才知道是規格生成、前端渲染還是事件回傳出了問題。

DeepSeek V4.1 Flash在DeepSeek Harness搭配GenUI時,模型入口與Token怎麼核對

GenUI負責介面,模型供應設定仍是獨立一層。本次DSH透過Crazyrouter的OpenAI相容入口實際呼叫DeepSeek V4.1 Flash,Base URL是https://api.crazyrouter.com/v1。API Key只放在自己的DSH憑證設定裡,不貼進提示詞、公開截圖或產生的表單;模型ID則以帳號目前可用目錄為準,不從展示名稱自行推測。

需要查看目前模型範圍時,可對照Crazyrouter模型總覽。如果想比較不同模型是否能穩定產生同類dsh-ui內容,可以在Crazyrouter實驗環境使用相同提示詞做初步檢查,再回到DSH驗證實際渲染。實驗環境的文字回答不能單獨證明GenUI外掛已經運作,兩個階段要分開記錄。

原貼文留言也有人問Token。李不凱的回覆是非編碼場景的輸出Token通常不會很高;這是貼文作者的經驗說明,不是本次對照實驗。我能確認的是本機排序、篩選與滑桿操作沒有再次呼叫模型,不能據此保證首次生成較省,或所有工作流都會減少總用量。

X留言區關於GenUI Token與面板關閉方式的討論

如果要在自己的專案評估用量,至少應分開記錄首次生成、後續純前端操作、action事件與重新生成四種情況。只看整段回答的字數,或只看一次請求的總Token,都無法回答「互動介面是否更省」這個問題。

DeepSeek V4.1 Flash在DeepSeek Harness使用GenUI的限制、停用與排錯

這次驗證覆蓋安裝、完整回答生成、表格與圖表操作、函式滑桿,以及計算、測驗和3D區域展示;沒有覆蓋所有組件、所有宿主版本、長期穩定性或正式業務資料的正確性。官方列出的白名單與隔離渲染是安全設計的一部分,但不取代套件來源審查、版本檢查與權限管理,敏感資料也不應為了測試而放進表單。

遇到問題時,可以按下面順序排除:

  • 只出現dsh-ui程式圍欄:先查外掛是否註冊並開啟、DSH是否重啟、瀏覽器是否強制重新整理,再查宿主版本。
  • 介面出現但不能操作:確認按鈕是否本來就沒有action,不要把它當成事件回傳失敗。
  • 拖滑桿沒有更新:先用官方最小函式圖重現,區分規格錯誤與自訂公式問題。
  • 面板佔用輸入區:用/panel切換,或點面板右側的×;/panel 清单可調整內容,/panel clear可清空。
  • 模型完全沒有產生內容:回到API Key、Base URL、模型ID與帳號可用範圍,不要先改外掛設定。

如果你的瓶頸是模型答案不正確,GenUI不會替你修正;如果瓶頸是同一批結果需要反覆排序、篩選和調參,它才正好減少不必要的對話往返。我會先從一張可排序表格開始,確認它確實少了一輪來回,再決定是否把常駐面板留在日常工作流裡。


一名对 AI 领域充满热情的爱好者。平时喜欢关注最新的模型发展,也会自己动手测试不同的 API 和提示词(Prompt)

共有 0 則留言


一名对 AI 领域充满热情的爱好者。平时喜欢关注最新的模型发展,也会自己动手测试不同的 API 和提示词(Prompt)
🏆 本月排行榜
🥇
boluoji
📝27   💬3   ❤️6
615
🥈
站長阿川
📝4   💬2   ❤️2
194
🥉
mike
1
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次