dsh-design-kit:DSH 的統一設計交付插件

前言

DSH 的插件體系裏,設計相關的活兒通常被拆散在多個代理流程裏:先出頁面,再人工看效果,再改參數,最後自己拼 PPT。每一步的結果散落在對話和臨時文件裏,溝通成本高,結論也沒有可複查的依據。yifeng123589/dsh-design-kit 做的事情是把這四件事收斂成一個技能入口加十個工具,並且把「選哪個方向」「調多少參數」這類主觀判斷換成有結構、可複覈的流程。

先說明定位:這個包是 DeepSeek Harness(DSH)插件,不是通用 Skill 包。換成其他宿主不會自動獲得工具,必須先註冊相應的工具,或者按 skills/design-kit/SKILL.md 的腳本兜底執行。下面的介紹都基於這個前提展開。

這是什麼

一句話定位:DSH 的統一設計交付插件,覆蓋造頁面、選方向、調參數、出 PPT 四個環節。

  • 維護者:Yifeng123589
  • 當前版本:0.1.5
  • DSH 兼容版本:0.2.1-rc.5
  • 依賴條件:Node >= 22
  • 許可證:MIT
  • 技能入口:一個 design-kit
  • 工具數量:十個,分爲 design_*、probe_*、deck_* 三組

它解決的問題是:設計交付沒有統一的中間產物。頁面、設計 tokens、選擇記錄、排版導出各自爲政,異常時也無處可查。這個插件把記錄、報告和導出打通,每一步的產物都落在確定路徑上。

核心功能

十個工具如下,按用途分成三組。

設計相關:

  • design_lint:界面審查,輸出 lint 報告,用來發現「AI 味」的頁面問題。
  • design_tokens:設計 tokens,管理顏色、字號等設計變量。
  • design_capture:記錄當前頁面的設計快照。

探測相關:

  • probe_shortlist:多方向粗選,一輪給三個候選清單。
  • probe_shortlist_preview:候選方案的效果預覽。
  • probe_shortlist_ui_action:在 Web 客戶端裏對候選做選擇等交互,選擇後回傳結構化動作,使用一次性令牌。
  • probe_measure:參數級精調,單軸盲測並給出 JND 區間。

PPT 相關:

  • deck_check:deck 質檢。
  • deck_export:導出 PPTX。
  • deck_render:渲染 PDF/PNG。

Web 客戶端提供粗選時用的三欄 iframe 預覽,方便直接比較三個候選方向。

四類常見需求的對應關係:

你說的話 走哪條 產物
做個落地頁 / 改界面 / 審 AI 味 UI 交付 方向 + tokens + 頁面 + lint 報告 + DESIGN.md
三個方向選一個 / 都差點意思 粗選 每輪 3 候選、刪除/待定/三選一、12 個封頂後歸因
紅色收一點 / 字號 16 還是 18 精調 單軸盲測 + 臺賬 + JND 區間 + calibration
做成 PPT / 彙報 PPT 交付 deck_check → PPTX → PDF/PNG

四條核心約束,屬於設計方法上的硬性約定:

  • 聲明不是證據,代理不是證明,chip 只是弱先驗,不是量化測量。
  • 粗選固定 4×3=12,每輪最多 1 個待定,final 前自動做完整性校驗。
  • 精調一次只動一軸,結論寫成等效區間,不寫精確值。
  • deck 鏈路依賴 ppt-master 加 Python 再加 LibreOffice Kit,缺依賴時返回結構化 missing[],不假裝成功。

安裝與啓用

官方推薦下載 GitHub Release 裏的 runtime 包,不要用 git clone,也不要把 fixtures / docs 目錄裝進 DSH。

第一步,下載並解壓 runtime 包:

dsh-design-kit-runtime-v0.1.5.zip

第二步,把這個目錄作爲本地依賴裝進當前 DSH profile:

cd <DSH profile 目錄>
pnpm add "<解壓後的 dsh-design-kit 目錄>"

第三步,在 profile 的 package.json 裏把 "dsh-design-kit" 加入 dsh.profile.bundles,然後完全重啓 DSH。這一步不做,插件不會註冊。

完整步驟、Git 倉庫安裝方式、配置項和排障說明在倉庫的 docs/INSTALL.md。需要回讀設計方法和完整實現說明的,看 docs/README-FULL.md。

典型用法

面向四類需求,流程分別是:

  1. UI 交付:聲明要做一個落地頁或改一個界面,插件先生成多個方向,再產出 tokens 和頁面,最後跑 design_lint 輸出 lint 報告和 DESIGN.md。
  2. 粗選:對幾個方向拿不定主意時,用 probe_shortlist 拿每輪三個候選,逐個標記刪除、待定或選定。滿 12 個候選後歸因,選不出最終方案時再回到生成環節。
  3. 精調:想調某個具體參數時,用 probe_measure 做單軸盲測,把結論記進臺賬,輸出 JND 區間和 calibration,而不是直接採用精確數值。
  4. PPT 交付:把 deck 上下文交給 deck_check 做質檢,通過後走 deck_export 出 PPTX,再用 deck_render 出 PDF 與 PNG 預覽。

粗選過程中的參數約束:固定 4 輪、每輪 3 個候選、總計 12 個封頂,每輪最多 1 個待定。

如果想驗證插件本身是否正常工作,可以跑倉庫自帶的測試。以下是幾個關鍵命令:

npm test
node test/shortlist-ui-contract.test.mjs
node test/docs-consistency.mjs
node skills/design-kit/probe-kit/test/smoke.mjs
node skills/design-kit/probe-kit/test/regression.test.mjs
node skills/design-kit/probe-kit/test/axis-lock.test.mjs

發佈物發佈用這幾個命令:

node scripts/release.mjs
node test/release-check.mjs
npm pack --pack-destination dist

scripts/release.mjs 負責產出 runtime、fixtures、docs 三件發佈物,三者用途不同,裝進 DSH 的只有 runtime。

倉庫結構與邊界

倉庫主要目錄分工如下:

lib/                        插件註冊、工具、客戶端、異步/路徑/狀態
skills/design-kit/          技能、行內實現(ui-craft / probe-kit)、deck shim
test/                        mock、契約、發佈物與驗收/QA
scripts/release.mjs          runtime / fixtures / docs 三件發佈物
cordis.patch.yml             DSH bundle patch

cordis.patch.yml 是插件對 DSH bundle 的補丁聲明,lib/ 下同時有插件註冊邏輯、工具實現和 Web 客戶端入口。

已知邊界,照實說:

  • 真實瀏覽器視覺目檢、PowerPoint/WPS 的逐頁排版、真人 JND 標定仍然要人工做。插件提供的是流程與記錄,不替代這些判斷。
  • 路徑牢籠與一次性令牌不是完整的安全沙箱,插件以當前 DSH 進程權限運行,只從可信來源安裝。安裝前應檢查源碼與許可證。
  • 舊插件 dsh-ui-craft 和 dsh-probe-kit 不要與本插件同時安裝,功能重疊。

結尾

這個插件的價值在於把設計交付拆成可複查的中間產物:頁面有 tokens 和 lint 報告,方向選擇有候選清單和歸因,參數調整有臺賬和區間,PPT 有質檢與導出鏈路。對已經在 DSH 裏做界面交付的團隊,可以省去自建腳本和散落記錄的成本;對只是偶爾出個彙報的場景,直接走 deck 鏈路也夠用。

目錄頁:https://www.skillhub.cn/plugins/Yifeng123589/dsh-design-kit
源碼:https://github.com/Yifeng123589/dsh-design-kit

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜