前言¶
在 DeepSeek Harness（DSH）裏做前端或界面相關對話時，設計參考往往散落在倉庫、文檔或瀏覽器標籤裏：查一個卡片的參數要切窗口，複製 HTML/CSS 又要對一下版本。設記 Design Memory 本身是一套可瀏覽的設計資產與組件說明；若能把它的組件庫嵌進 DSH 的 Web 界面，就可以在會話旁按類型翻看、看實時預覽並直接複製代碼，而不必反覆離開 Harness。
下面介紹社區插件 dsh-sheji-library（維護者 unhurriedly，分類爲客戶端）：把設記 Design Memory 的前端組件庫放進 DSH 側邊菜單，數據以只讀方式提供，不寫入會話、不上傳內容。
這是什麼¶
dsh-sheji-library 是面向 DSH 0.2.x Web UI 的客戶端插件（package.json 版本 0.1.0，許可證 MIT）。點擊側邊欄「設記 Design Memory」圖標後，可按資產類型瀏覽組件、查看實時預覽、閱讀設計參數，並一鍵複製 HTML / CSS / JS，或在新標籤頁打開獨立預覽。
插件打包約 600KB 的頁面與元數據快照，離線也能看到佈局與文字；字體和大圖（約 80MB）不隨包分發，預覽時會請求公開站點加載。插件以當前 DSH 進程權限運行，安裝前請自行審閱 GitHub 源碼 與許可證。
核心功能¶
README 中列出的能力如下，均可在安裝後直接使用。
- 側邊欄入口：面板圖標、標題與品牌 logo 取自設記項目本身；安裝並刷新後，圖標出現在側邊欄（位於插件、定時任務之後）。
- 按類型導航：左側「資產類型」包括全部資產、字體排版、卡片組件、佈局結構、交互動效、圖形視覺，並顯示各類型數量。
- 列表與詳情：列表卡片內嵌組件實時預覽；詳情頁展示完整預覽、設計說明、適用場景、實現要點、關鍵參數和標籤。
- 複製與外鏈：支持一鍵複製 HTML / CSS / JS，或在新標籤頁打開獨立預覽。
- 只讀與安全邊界：數據只讀，不寫入會話、不上傳任何內容；服務端僅註冊同源只讀路由，並拒絕目錄穿越、隱藏文件及非
GET/HEAD請求。
安裝與啓用¶
適用於 DSH 0.2.x 的 Web UI。官方安裝命令如下。
dsh plugin --profile web add github:unhurriedly/dsh-sheji-library
也可以在 DSH 插件管理裏安裝本地目錄或 GitHub 倉庫。安裝完成後刷新頁面，側邊欄會出現組件庫圖標。
典型用法¶
在 Harness 裏瀏覽與複製代碼¶
- 打開 DSH Web 界面，在側邊欄點擊「設記 Design Memory」。
- 在左側選擇資產類型（例如「卡片組件」），在列表中查看內嵌預覽。
- 進入某條詳情，閱讀設計說明與關鍵參數，使用一鍵複製獲取 HTML / CSS / JS，或在新標籤頁打開獨立預覽。
首次打開某個需要線上資源的預覽時需聯網：字體與圖片會從公開站點 https://unhurriedly.github.io/Design-memory/ 加載。公開站點目前停留在 2026-08 版本，因此 OmniAI 與 Liquid Gooey 套件相關頁面與必要圖片隨插件內置；其餘組件頁面亦在包內，僅字體與圖片走線上。data/resources.js 中 3 條指向已移除 demo 的歷史記錄會被跳過，與設記原站行爲一致。
本地完整副本（完全離線）¶
若你本地有設記資源庫完整副本（含 assets/），可在 profile 的 cordis.patch.yml 中覆蓋 root：
- id: sheji-library
name: 'dsh-sheji-library'
config:
root: /path/to/Design
本地模式下數據與全部預覽都從該目錄讀取；移除 root 即回到內置快照模式。root 模式下文件服務限制在配置目錄內。
維護者更新內置快照¶
組件頁面或元數據變更後，在設記倉庫內重新生成並隨插件發版：
cd dsh-sheji-library
node scripts/build-library.mjs /path/to/Design
腳本會複製 components/、少量尚未上線的媒體，並寫入 library/library.json。
插件暴露的路由（供排查）¶
GET /dsh-sheji/library.json：組件元數據、類型、標籤、設計參數與代碼。GET /dsh-sheji/preview/<相對路徑>：內置頁面與媒體；內置目錄沒有的文件會 302 到公開站點。
適用場景與注意¶
適合誰：在 DSH 裏做 UI/前端相關智能體或人工配對開發、需要對照設記 Design Memory 裏已歸檔組件與實現要點的開發者。
應注意：
- 大體積媒體依賴公網站點，離線環境僅能依賴內置快照與文字；完全離線需配置本地
root。 - 插件不修改會話內容，也不代你執行復制後的代碼；複製結果仍需在項目裏自行適配。
- 社區目錄 SkillHub 插件頁 與 GitHub 倉庫由維護者發佈，與 DeepSeek / 幻方無官方從屬關係；DSH 生態以「一切皆插件」爲思路，安裝第三方插件前請檢查源碼與 MIT 許可條款。
插件本身無構建步驟、無運行時依賴；若參與修改，可用 node --check index.js 與 node --check client.js 做語法檢查。
結尾¶
dsh-sheji-library 把設記 Design Memory 的瀏覽、預覽與複製流程收進 DSH 側邊欄，適合在 Harness 內快速查閱組件實現而不打斷對話流。瞭解更多與提交問題：
- 目錄頁：https://www.skillhub.cn/plugins/unhurriedly/dsh-sheji-library
- GitHub：https://github.com/unhurriedly/dsh-sheji-library
