前言¶
用 DeepSeek Harness（dsh）做落地頁、產品官網或後臺界面時，模型並不缺「怎麼把頁面搭起來」。缺的是另一件事：同樣的產品結構，做出來常常是同一套紫色漸變、過大圓角、多層投影——也就是倉庫 README 說的「AI 味」。
DeepSeek Harness 的設計原則是「一切皆插件」：模型、工具、技能、會話、沙箱和 UI 都可以在配置層替換，不必改框架源碼。官方倉庫在 deepseek-ai/deepseek-harness，目前仍是 developer preview。社區目錄 deepseek-harness-plugin.com 是獨立收錄站，和 DeepSeek / 幻方沒有官方從屬關係，不能當成官方應用商店。
dsh-design-skills 不改 Harness 自己的界面，而是把一套設計美學寫成可被模型加載的技能：匹配到風格後，按 token、組件規則、禁用清單和驗收清單去寫頁面。本文按目錄詳情頁、GitHub README / package.json / index.js / skills/ 目錄，以及官方 Harness 倉庫交叉覈對後整理。
這是什麼¶
dsh-design-skills 是面向 DeepSeek Harness 的設計美學技能包，由 zhaiyateng 維護，倉庫爲 zhaiyateng/dsh-design-skills。社區目錄歸在「界面增強」，主要語言是 JavaScript。package.json 裏的版本號是 0.1.0，並聲明瞭 dsh.bundle，可以通過 dsh plugin add 安裝。
GitHub API 在 2026-08-18 顯示 12 星；目錄頁同一天仍顯示 7 星，以倉庫頁面爲準。倉庫根目錄 LICENSE 和 package.json 都標明 MIT；GitHub 元數據和目錄頁許可證字段顯示爲 NOASSERTION（未識別 SPDX），安裝前仍應自己打開許可證全文。
它解決的問題很具體：模型會建站，但默認審美容易收斂到同一套模板。這個插件把風格寫成標準 SKILL.md，會話開始時模型只看到技能名和描述，任務匹配後再加載完整規範。
需要分開看兩處描述。目錄頁簡介和 package.json 的 description 仍寫六種風格：dark-saas、apple-minimal、neo-neumorphism、brutalism、glassmorphism、japanese-minimal。倉庫 README、GitHub Pages 預覽頁和 skills/ 目錄實際是十種，後四種是 bento-grid、cyberpunk、vaporwave、art-deco。以 skills/ 目錄爲準。
核心功能¶
倉庫把每種風格收成一份可執行規範，結構是 token + 組件規則 + 禁用清單 + 驗收清單。index.js 以 ctx.skills provider 註冊全部技能，provider 名是 dsh-design-skills，rank 爲 600（源碼註釋寫明與官方內置技能包同級）。掛載時如果一個 SKILL.md 都讀不到，會直接拋錯，避免裝上一個空目錄。
當前 skills/ 目錄裏的十種風格如下（名稱、適用場景來自 README）：
| 技能 | 風格 | README 寫的適用場景 |
|---|---|---|
dark-saas |
深色 SaaS（Linear 式） | 開發者工具、數據看板、AI 產品、SaaS 後臺 |
apple-minimal |
極簡白（Apple 式） | 產品官網、落地頁、作品集 |
neo-neumorphism |
新擬態 / Soft UI | 個人主頁、健康/理財 App、演示 Demo |
brutalism |
粗野主義 | 實驗性產品、藝術/獨立項目、開發者工具 |
glassmorphism |
毛玻璃 | AI 產品、SaaS 官網、Dashboard、演示 Demo |
japanese-minimal |
日式極簡 | 文化/美學類產品、博客、藝術展、和風品牌 |
bento-grid |
便當盒佈局 | 產品官網、功能展示、SaaS 首頁、個人主頁 |
cyberpunk |
賽博朋克 | 科技產品、AI 工具、遊戲、極客向落地頁 |
vaporwave |
蒸汽波 | 藝術項目、音樂/文化向站點、實驗性落地頁 |
art-deco |
裝飾藝術 | 高端品牌、奢華酒店、藝術/時尚類站點 |
以 dark-saas 爲例，skills/dark-saas/SKILL.md 裏寫得很硬：畫布用近黑 #010102 而不是純黑；全站只允許一個強調色；層級靠表面色和 1px hairline，不用大面積投影；標題用 500–600 字重加負字距。禁用清單明確點了紫色/藍色大漸變、彩虹強調色、粗投影、過大圓角等常見「AI 味」做法。實現後還有一份驗收勾選，例如「頁面背景不是純黑」「全站只出現一個強調色」。完整 token 表在 references/dark-saas-tokens.md。
同一套產品結構，倉庫用虛構的 Agent 編排平臺「Relay」做了十份落地頁 demo，源碼在 examples/ 下。在線畫廊在 zhaiyateng.github.io/dsh-design-skills，可以先看效果再決定用哪種技能。
合規方面，README 和 THIRD_PARTY_NOTICES.md 寫明：規範參考了 MIT 許可的 VoltAgent/awesome-design-md 與 shadcn/ui；倉庫與 Linear、Apple、shadcn 等品牌沒有隸屬或背書關係，也不包含這些品牌的商標資產。
安裝與啓用¶
目錄頁給出的安裝命令如下，在 DeepSeek Harness 終端裏運行：
dsh plugin add github:zhaiyateng/dsh-design-skills
如需可復現安裝，目錄頁建議固定 commit 哈希：
dsh plugin add github:zhaiyateng/dsh-design-skills#commit
把上面的 commit 換成實際哈希。倉庫 README 另寫了一條帶 profile 的寫法，適合明確裝到 Web 配置的情況：
dsh plugin --profile web add dsh-design-skills
本地開發可以按 README：把倉庫符號鏈接進 $DSH_HOME/profiles/node_modules/，再在對應 profile 的 cordis.patch.yml 裏插入 dsh-design-skills。插件自帶的 cordis.patch.yml 內容是一次 insert，id 和 name 都是 dsh-design-skills，註釋寫明它掛在 @deepseek-ai/dsh-base 之後，因爲 base 已經掛好了技能註冊表和麪向模型的技能加載器。
目錄頁和官方文檔都提醒：插件以當前 dsh 進程的權限運行，安裝時可能執行代碼。安裝前請檢查源代碼倉庫和許可證。
典型用法¶
裝好之後不需要再抄一份 prompt。README 的用法是在會話裏直接說風格，由技能匹配：
- 「用深色 SaaS 風給我做一個 AI 產品落地頁」→ 匹配
dark-saas - 「幫我做一個 Linear 風格的數據看板」→ 匹配
dark-saas - 「做一個蘋果官網那種極簡的落地頁」→ 匹配
apple-minimal - 「Soft UI 風格的個人主頁」→ 匹配
neo-neumorphism - 「粗野主義風格的開發者工具官網」→ 匹配
brutalism - 「毛玻璃效果的 AI 產品首頁」→ 匹配
glassmorphism - 「日式極簡、禪意風格的品牌站」→ 匹配
japanese-minimal - 「便當盒佈局的產品功能頁」→ 匹配
bento-grid - 「賽博朋克霓虹風格的 AI 工具」→ 匹配
cyberpunk - 「蒸汽波風格的實驗站點」→ 匹配
vaporwave - 「裝飾藝術奢華風格的品牌官網」→ 匹配
art-deco
匹配之後，模型加載對應 SKILL.md 的正文。dark-saas 裏摘錄的 CSS 變量可以直接對照生成結果，例如：
:root {
--canvas: #010102;
--surface-1: #0f1011;
--hairline: #23252a;
--ink: #f7f8f8;
--primary: #5e6ad2;
}
如果只想看成品長什麼樣，不必先裝插件，打開 在線預覽 或本地打開 examples/ 裏對應的 HTML 即可。
適用場景與注意事項¶
適合已經在用 DeepSeek Harness 做前端、落地頁或後臺界面，並且希望模型按固定審美輸出的人。它註冊的是技能，不是 DSH Web UI 的皮膚或側邊欄；想換 Harness 自己的配色、看板、TUI，需要看目錄裏其他「界面增強」或「主題與外觀」插件。
使用時注意這幾條：
- 目錄頁簡介仍是六種風格，倉庫當前是十種。寫文章、選技能、覈驗收時以
skills/和 README 爲準。 - 技能通過漸進式披露工作：未匹配時模型看不到完整 token 表。提示裏把風格說清楚（「深色 SaaS」「Linear」「毛玻璃」等），比只說「做個好看的官網」更容易命中。
- 倉庫路線圖裏，場景化工作流（落地頁 / 作品集 / 文檔站 / SaaS 後臺）和 token 的 Tailwind / CSS variables 雙格式輸出都還沒勾完。當前交付的是風格技能和落地頁 demo，不是一套完整的產品腳手架。
- 規範是給模型遵循的約束，不是編譯器。生成後仍應用技能裏的驗收清單核對：強調色是否唯一、有沒有禁用的大漸變和粗投影、亮色模式是否按 inverse token 對稱實現。
- 插件以當前 dsh 進程權限運行。安裝前檢查 源碼倉庫 和許可證；生產環境建議固定 commit，不要長期跟蹤未釘死的默認分支。
小結¶
dsh-design-skills 把常見網頁審美收成 DeepSeek Harness 可加載的技能包：匹配風格，加載規範，按 token 和禁用清單寫頁面。它不保證「自動變好看」，但把「好看」從口頭偏好變成可以逐條覈對的文件。
目錄頁：https://deepseek-harness-plugin.com/zh-CN/plugins/dsh-design-skills/
GitHub：https://github.com/zhaiyateng/dsh-design-skills
在線預覽：https://zhaiyateng.github.io/dsh-design-skills/
