前言¶

做智能體產品的人常會卡在同一個環節：讓模型出一份能看的頁面，得到的往往是一坨排版失控的 HTML——字體隨便選、間距不統一、截圖出界。改一版要重新寫提示詞，還不如自己動手搭。huashu-design 就是針對這件事的：它是一個 HTML 原生的設計 skill，裝到 agent 之後，用一句話描述需求，拿回的可以直接當交付物用，而不是又一張需要重做的稿子。

這個插件的目錄頁顯示它由 alchaincyf 維護，分類是「工作流」，快照星標 28797。它同時是一個給 DeepSeek Harness（DSH）用的插件，DSH 桌面端裝完就能調用。下面介紹它到底能做什麼、怎麼裝、怎麼用。

這是什麼¶

huashu-design（花叔 Design）定位是「HTML-native design skill」，交付物全部以 HTML / CSS 爲基底，再由腳本轉成 PPTX、PDF、MP4、GIF 等成品文件。維護者是 alchaincyf，即花叔。倉庫 license 爲 MIT，自 2026-05-14 起完全開源，個人和商用都免費。

它解決的問題是：模糊需求下「按什麼風格做」沒有標準答案。插件的做法是先給方向再做稿——三套邏輯（最佳設計師、同媒介獲獎作品、秒數輪盤）各出兩個候選，一共六張縮略圖，你再挑三版做成真實視覺。需求裏給了品牌資產（logo、色板、UI 截圖），它會先讀品牌氣質；什麼都沒給，也能靠風格庫兜底，避免出「一眼 AI 生成」的稿子。

倉庫 package.json 的版本號是 3.2.0，README 已更新到 3.1 能力（小紅書圖文），依賴裏有 pptxgenjs、playwright、pdf-lib，分別對應可編輯 PPTX、瀏覽器渲染與 PDF 導出。

核心能力¶

插件的能力在 README 裏列成了一張表，逐條寫清楚交付物和典型耗時：

風格庫裏帶樣張的樣式，README 3.0 公告寫的是 84 種（含新增的 App 與中文東亞兩個分區）；同一個 README 的 Demo 畫廊段落又記爲 92 種。這裏取 3.0 公告的口徑。

除了出圖，插件還有兩個機制值得留意。一是「設計體檢」，只量事實，比如兩版首屏撞了同一張畫時會被標出來；二是「外觀賬本」，會記下你之前做過什麼樣的標題字體偏好，下一個項目據此調整。

安裝與啓用¶

DSH 桌面端用命令行安裝，profile 名是 desktop（網頁版換成 web）：

dsh plugin --profile desktop add github:alchaincyf/huashu-design

裝之前需要先把桌面端打開過一次、並且完全退出；裝完再重新打開 DSH，插件纔會加載。卸載命令同一路徑：

dsh plugin --profile desktop remove huashu-design

README 提到幾個實際會遇到的情況：一是這個 skill 不只一個 SKILL.md，references/、assets/、scripts/、demos/ 四個子目錄被引用了 99 處，如果裝完只有 SKILL.md，說明 skills CLI 版本太舊（≤1.5.15 有隻同步單文件的 bug，1.5.19 修復），需要升級後重裝：

npm i -g skills@latest

二是桌面端實測會直接用它自帶的 Python 生成可編輯 PPTX；導出 PDF 時腳本會借用你電腦上已裝的 Chrome 或 Edge。

也可以在 Claude Code / Codex / Cursor / DeepSeek Harness 等支持 skills 的 agent 裏走 skills 通道，命令是：

npx skills add alchaincyf/huashu-design

典型用法¶

裝完之後沒有面板也沒有按鈕，直接用自然語言說需求即可。下面是 README 裏給出的四條示例：

「做一份 AI 心理學的演講 PPT，推薦 3 個風格方向讓我選」
「做個 AI 番茄鍾 iOS 原型，4 個核心屏幕要真能點擊」
「把這段邏輯做成 60 秒動畫，導出 MP4 和 GIF」
「幫我對這個設計做一個 5 維度評審」

注意第一條的措辭是「推薦 3 個風格方向讓我選」。插件的工作流必須先選方向再出真稿，需求寫清楚「要幾版、讓我選」才能觸發六選三的流程，而不是直接給你一版成品。

挑選方向時，三套邏輯有明確分工：最佳設計師對應預算無上限時最適合的那位設計師；現實參照找同媒介的獲獎作品，插件會先截圖親眼看再動手；秒數輪盤從風格庫裏隨機抽，用來打破慣性。六個候選先畫成一頁縮略圖，選中的三版做成真實視覺，另外三張作爲備選一起給你，而不是隻留一張。

適用場景與注意事項¶

適合這類人：在 agent 裏做產品原型、發佈物料、科普長圖或演示幻燈片，交付標準是「能看出專業設計水平」，而不只是「看起來像 AI 做的」。不等價的場景是精細修圖、照片級渲染，插件全程是 HTML / CSS 原生產出，不生成位圖素材，風格庫裏的樣張也是純 CSS。

使用前需要確認兩件事。一是插件以當前 dsh 進程權限運行，安裝前應檢查源碼和許可證——本倉庫是 MIT，商用免費，但這屬於你本地的一次判斷，不應該由插件自動跳過。二是發佈前的內容覈查：README 裏黑洞科普那例明確寫了「每頁都標了出處，事實先過覈查再上頁面」，插件能產出排版，審校仍然要人來做。

還有一點和版本相關：README 提示裝完先自檢安裝目錄是否完整，缺子目錄時優先升級 CLI 而不是改用 git clone 兜底；後者是舊版 CLI 修好之後的殘餘問題，不是常規安裝路徑。

收尾¶

huashu-design 的價值在於把「風格判斷 + 排版 + 導出」打包成一條可復現的工作流，讓 agent 從寫一坨 HTML 變成交一份能直接檢查的稿子。它的價值邊界也一樣清楚：風格方向、內容覈查、素材版權，仍然由人把關。

目錄頁：https://www.skillhub.cn/plugins/alchaincyf/huashu-design
倉庫：https://github.com/alchaincyf/huashu-design