Anthropic 在 2026 年 4 月 17 日正式推出旗艦設計工具「Claude Design」，主打用對話就能生成可互動原型、簡報、品牌 Landing Page，一口氣衝擊到 Figma、Adobe、Canva 整個設計工具產業。不過不到四天時間，中國獨立開發者就在 X 上宣告他「逆向了 Claude Design」，並且在 2026 年 4 月 21 日中午 12 點準時把自家的 Claude Skill「Huashu Design」免費開源釋出到 GitHub。現在不需要訂閱 Claude ，用其他模型也能擁有類似 Claude Design 的設計能力。
我逆向了Claude Design！
明天12:00正式免费开源Huashu Design，这是预告片👇 pic.twitter.com/LxtYyKY30p
— 花叔 (@AlchainHust) April 20, 2026
Claude Design 是什麼？Anthropic 攪動整個設計工具圈的新武器
要理解 Huashu Design 為何是個「事件」，得先把原版 Claude Design 是什麼講清楚。根據 Anthropic 官方公告 ，Claude Design 是一款由 Claude Opus 4.7 視覺模型驅動的雲端設計工具，使用者直接在 claude.ai/design 用對話就能生成設計稿、互動原型、簡報與單頁 Landing Page。它能自動讀取團隊 codebase 抽出品牌色票、字型、元件規範，還能從上傳的 DOCX、PPTX、XLSX 文件直接生成視覺版本，最後匯出成 PDF、PPTX、Canva、HTML 或是交給 Claude Code 接手轉成完整網頁產品。
但有個不小的門檻：Claude Design 只開放給 Claude Pro、Max、Team、Enterprise 訂閱者，研究預覽階段，企業還需要管理員手動開啟。市場對這支工具的反應相當激烈，根據 rar.design 的分析，Anthropic CPO 離開 Figma 董事會的消息與 Claude Design 同時曝光，導致 Adobe、Figma、Wix 股價同日全面下挫，顯見產業界認定這是對傳統設計工具市場的正面衝擊。
花叔是誰？四天就能做出逆向版開源 Skill
花叔本名 Alchain Hust（中文也自稱「花生」），是在 X、Bilibili 與 YouTube 上相當活躍的 AI 原生開發者。他長期經營「橙皮書系列」開源教學，從 Claude Code、Hermes Agent、Obsidian AI 整合寫到知識星球社群，GitHub 上已經有十多支以人物認知為主題的 Skill（例如x-mentor-skill、trump-skill、steve-jobs-skill、zhangxuefeng-skill 等），在中國中文 AI 工作流社群有相當聲量。
這次他把自己玩 Claude Design 後的心得，直接拆解、抽象化成一支可以在多家 agent 上安裝的 Claude Skill，從宣告到釋出只花四天。他在 README 裡誠實交代：「品牌資產協議的哲學是從 Claude Design 流傳出來的提示詞裡偷師的」，這個 Skill 的特色是什麼 Agent 與模型都能裝來用。
Huashu Design 能做什麼？六大能力一次拆解
根據 GitHub 官方 repo 的 README 與 demos 資料夾，Huashu Design 的核心能力可以歸納成六塊：
- iOS/Web 高保真可點擊原型：例如輸入「做個 AI 番茄鐘 iOS 原型，4 個核心螢幕要真能點擊」，直接產出可操作的 HTML 原型
- HTML 原生簡報（可轉 PPTX）：「做一份 AI 心理學的演講 PPT，推薦 3 個風格方向讓我選」這種指令，會先給你風格選項再生成簡報，同時支援 HTML 直接預覽與匯出成 PPTX
- 時間軸動畫：「把這段邏輯做成 60 秒動畫，匯出 MP4 和 GIF」，直接在終端機裡就能產出動畫資產
- 即時參數微調的設計變體：生成後可改顏色、間距、字級，再即時重繪
- 資訊圖表（Infographic）：把數據、流程、概念視覺化
- 五維度設計評審：對任何設計稿做專家級 code review，從視覺階層、排版、配色、對比、一致性五個角度給回饋
Repo 的結構也相當乾淨，主要由 SKILL.md（agent 說明書）、assets/（可重用的動畫、裝置邊框、投影片引擎）、references/（設計與動畫技法指南）、scripts/（影片與 PPTX 匯出工具）與 demos/（9 個功能展示，含 GIF、MP4、HTML 各種格式的中英雙語範例）五部分組成。README 還特別標示：所有動畫展示全部都是 Huashu Design 自己產出的，不是外部素材。
跨 agent 一鍵安裝：npx skills add alchaincyf/huashu-design
對開發者來說最吸引人的其實是安裝門檻。Huashu Design 不需要訂閱、不需要伺服器、不綁特定家的 agent，安裝只有一行：npx skills add alchaincyf/huashu-design。
目前支援 Claude Code、Cursor、Codex、OpenClaw、Hermes 這幾家主要的 AI coding agent。換句話說，只要你手上有任一 agent 開發環境，都能直接把 Huashu Design 當成一個 skill 掛上去，不用像 Claude Design 那樣綁在 Anthropic 雲端訂閱體系裡。
另一個被社群討論的亮點是 Brand Asset Protocol（品牌資產協議）。這是從 Claude Design 吸收過來的觀念，執行時會自動從官方品牌來源抓取色票與視覺規範，確保每張產出都維持一致性，不會跑出一堆風格打架的素材。這套協議也是為什麼花叔說他不是單純「抄」，而是把 Claude Design 骨幹中最核心的流程邏輯重構成一支終端原生的 skill。
Claude Design 走的是圖形介面路線，使用者在 claude.ai/design 上點選、拖拉、微調；Huashu Design 則是徹底的 terminal-native，使用者根本不打開任何 GUI，只在 agent 對話視窗裡發 prompt，產出就直接是一組可以推送、部署、打包的 HTML/MP4/PPTX 檔案。
花叔本人解釋自己的動機：他花了大量時間玩過 Claude Design，但發現自己還是更習慣 agent workflow，於是乾脆把 Claude Design 的架構拆掉，蒸餾成一支結構化的 skill spec。對同樣偏好 keyboard-first、終端機中心工作流的開發者來說，這套做法比打開瀏覽器還快。
當然，Huashu Design 不是 Claude Design 的完全替代品。Anthropic 原版有穩定的雲端基礎設施、組織協作、多格式匯出與 Canva 整合，這些是開源 skill 不太能複製的。但對個人開發者、獨立接案者、想在 Claude Code / Cursor / OpenClaw 裡用 prompt 就做出展示稿的人來說，Huashu Design 大幅降低了使用門檻
Huashu Design Github
如果你已經有 Claude Code、Cursor、OpenClaw 任一個 agent 開發環境，花十秒鐘跑一下 npx skills add alchaincyf/huashu-design，或是丟 Github 網址給你的 Agent 就會自動安裝使用，也許你的下一個原型、下一份簡報、下一支動畫，可能就不用再打開 Figma 了。