開源兩個月16k+ star！我把Huashu-Design推翻重寫了
整理版優先睇
Huashu-Design 2.0 用三套邏輯打破AI設計的無聊單調，並加入圖片前置同事實驗證，提升成品質素
呢篇文章係作者 alchaincyf 分享佢開源嘅 Huashu-Design 嘅經驗。佢之前將 Claude Design 逆向成 Huashu-Design，獲得 16k+ star。但佢發現 v1 有個大問題：內置 20 種設計風格，但 agent 隨機揀嘅結果係大多數設計都收斂成同一種極簡留白風格，佢形容係「無聊」。所以佢決心重寫，推出 v2.0，專治呢個毛病。
v2.0 嘅核心改進有三方面。第一，用「撞、借、請」三套邏輯取代隨機揀風格，專門對抗安全極簡。撞係隨機抽，打破慣性；借係借鑑獲獎作品手法；請係模擬頂級設計師思維。結果可以生成三版完全唔同嘅設計，例如暗色編輯部風、沉浸式大圖風、暖白雜誌風。第二，加咗「圖片前置」步驟：開工前先問圖片係咪必需品，係嘅話就去 Wikimedia Commons 取真圖，避免用灰色佔位塊。第三，確立「事實驗證先於假設」為第 0 條原則，凡涉及產品規格、版本號，必須先上網核實，唔可以靠記憶亂作。
作者認為，呢個 skill 嘅價值係將你解放成決策者，而唔係動手者。佢幫你做好所有預設工作，畀你三版真材實料嘅方案去揀。最後佢仲建議，除非公司指定，否則用 HTML deck 好過導成 pptx，因為觀感更流暢。裝完之後，一句話就可以生成網站、PPT、App 原型等。
- Huashu-Design 2.0 用「撞、借、請」三套邏輯徹底解決AI設計千篇一律嘅問題。
- 圖片前置步驟確保內容網站有真實圖片，提升成品質感。
- 事實驗證第0原則避免AI亂編產品資訊，減少返工。
- v2.0 提供三版截然不同嘅設計方向，由你做最終選擇，發揮人類決策優勢。
- 可經 npx 安裝，適用於網站、PPT、App原型等，不適用於後端系統。
Huashu-Design GitHub 倉庫
開源專案主頁，包含完整說明同安裝指南。
安裝 Huashu Design 2.0 Skill
喺支援 npx 嘅 agent 環境執行：npx skills add alchaincyf/huashu-design
從無聊到驚艷：Huashu-Design 2.0 嘅誕生
兩個月前，作者開源咗 Huashu-Design，基於 Claude Design 嘅逆向工程，獲得 16k+ star。但佢發現 v1 有個大問題：雖然內置 20 種風格，但 agent 隨機揀嘅結果係大部分設計都收斂成同一種極簡留白風格，佢形容係「無聊」。
呢種安全極簡就係v1最大嘅敗筆。
為咗治呢個病，佢決心重寫整個 skill，推出 v2.0。先睇三個例子：日本女僕文化介紹 PPT、大英博物館中文導覽 App 原型、馬來西亞旅行網站。三個主題完全唔同，視覺語言各異，而且幾乎都係一句話、一次成型。
一句話、一次成型，仲要三個風格截然不同。
坑一：設計收斂 → 三套邏輯「撞、借、請」
v1 最令作者唔滿意嘅就係設計收斂成安全極簡。佢用三個動詞記低解決方法：撞、借、請。
三套邏輯同時跑，專門同安全極簡對着幹。
- 🎲 撞：靠運氣隨機抽風格，打破每次都向極簡靠攏嘅慣性。
- 🏆 借：借鑑真實世界嘅獲獎作品手法，唔靠想象，靠最高標準錨定。
- 🧠 請：模擬頂級設計師嘅思維，問「預算無上限會請邊個？」然後按佢嘅哲學做一版。
結果係一條指令就生成三版完全唔同嘅首頁：暗色編輯部風、沉浸式大圖風、暖白雜誌風。作者話最驚艷嘅係暗色編輯部風，佢自己唔會主動揀，但一眼就服。
真正值錢嘅係 AI 畀咗我一版我自己根本諗唔到、但一眼就服嘅方案。
三版設計嘅温度被刻意拉開：一個暗、一個亮、一個安靜。
呢個就係 v2.0 嘅核心價值：幫你做曬預設工作，你只需要做最終選擇。
坑二與坑三：圖片前置與事實驗證——從「能睇」到「用得」
v1 另一個大問題係內容網站冇真圖，只有灰色佔位塊。例如一個鸚鵡科普網站，排得幾靚都冇用。2.0 加咗圖片前置步驟。
開工前先問：圖片係咪呢個內容嘅必需品？
如果係，就去 Wikimedia Commons 呢類平台取真圖，然後先開始設計。呢一步係「能睇嘅 demo」同「用得嘅成品」之間嘅分水嶺。
鸚鵡網站冇鸚鵡圖，等於失敗。
第三個坑係 AI 會一本正經亂編事實。例如叫佢做 DJI Pocket 4 發佈動畫，佢話仲未發佈，但其實已發佈。2.0 將「事實驗證先於假設」定為第 0 條原則。
搜一次10秒，返工兩小時，呢條數易計。
新加坡招商PPT嘅所有關鍵數據都係咁核實出處先寫入。
總結：做決策者，唔好做動手嘅人
作者建議，除非公司指定 pptx 格式，否則最好用 HTML deck，因為觀感更流暢，可以直接喺瀏覽器演示。
HTML deck 嘅觀感同流暢度已經比傳統 pptx 好一截。
呢個 skill 適用於所有需要高質量視覺產出、又唔想開設計軟件嘅情況：網站、PPT、App 原型、動畫、信息圖等。唔適合生產級 Web App、需要後端嘅動態系統或者 SEO 網站。
凡係需要高質量視覺產出、又唔想開設計軟件嘅事，都可以丟畀佢。
v2.0 所有改進，本質都係令「拍板」呢個動作更值得做、更容易做。
做決策者，唔好做動手嘅人——呢個係v2.0嘅核心哲學。
安裝方法：喺你嘅 agent 環境執行 npx skills add alchaincyf/huashu-design，跟住直接講「做個網站」就得，需求模糊都冇問題，佢會畀三個方向你揀。
兩個月前，我將Claude Design嘅設計思路逆向咗一次，開源成為自己嘅Huashu Design。
到而家呢個項目已經16k+ star咗，可以幫你做網站、App原型、PPT、動畫demo，甚至對而家好hit嘅Open Design呢類項目都有啟發。
不過前幾日，我想同佢錄一期B站教學視頻，結果喺講嘅過程中，發現呢一版有個唔細嘅問題。
我當時內置咗20種設計風格，俾agent隨機揀，本意係要多樣性。但後來發現，一啲設計流程同審美上嘅硬要求，同呢種隨機多樣性其實係有衝突嘅。衝突嘅結果係：佢做出嚟嘅設計，單睇每個都仲唔錯，但大多數都收斂到同一種樣貌，極簡、留白，有啲似Anthropic官網嗰種味道。
好嘅設計，唔應該得呢一種活法。
再好嘅風格，人人都喺用、日日見，都會厭㗎啦。
而我，最討厭無聊！
所以呢兩日，我將成個skill大改咗一次，推出Huashu Design 2.0，就係為咗治好呢個「無聊、單調」嘅毛病。
可以開心咁同你講：搞掂咗。
先上三個2.0做嘅嘢，主題我特登揀得越遠越好。
呢個係佢做嘅日本女僕文化介紹PPT👇
呢個係大英博物館中文導覽App原型👇
呢個係佢做嘅馬來西亞旅行網站👇
三個主題完全冇關連，視覺語言完全唔一樣，設計元素一個比一個豐富。
而且更加重要嘅係，呢啲幾乎都係我一句話、一次搞掂。連裏面嘅圖，都係agent配合Huashu Design 2.0自己揾齊。我呢邊要做嘅事，少得可憐。
下面就具體講講，2.0到底比上一版強喺邊，又係點樣將「無聊」呢個病治好嘅。我用v1時真係被坑到嘅三個地方，一個一個填返。
坑一 · 佢成日將設計收斂成「安全極簡」
呢個就係上面講嘅「無聊」嘅根源，亦係我最頂唔順嘅一點。
你叫佢「做個好睇嘅頁面」，佢十有八九俾你一個米白底、大量留白、配一個點綴色嘅極簡風。單睇唔醜，但你做十個就會發現，十個樣都差唔多。
模糊需求面前，AI會自動躲入佢最熟、最唔會出錯嘅安全角落。結果就係千篇一律。
v1嗰陣我已經有「設計方向顧問」喇，需求模糊時俾你幾個方向揀。但v1俾嘅方向仍然偏安全。2.0我將呢套邏輯重做咗，變成三套邏輯同時行，三套各走各路，專登同「安全極簡」對著幹。我鍾意用三個動詞記佢哋：撞、借、請。
🎲 撞，靠運氣。叫佢隨機抽，逼佢唔好每次都向極簡嗰個角落躲。抽邊個唔重要，重要嘅係打破慣性。
🏆 借，借獲獎作品嘅手法。叫agent去搜真實世界攞過獎嘅同類網站，將人哋嘅手法借鑑遷移過嚟。唔靠憑空想象，靠真實世界嘅最高標準錨定。
🧠 請，請大師從頭想。問一句「呢個需求預算冇上限，請邊個最合適」，然後叫agent變成嗰位頂級設計師嘅腦，從頭按照佢嘅哲學做一版。
開頭嗰個馬來西亞旅行網站，最後定嘅只係其中一版。但佢一嚟就掉俾我嘅，係三版完全不同嘅首頁，我只係講咗一句話，冇俾任何風格參考：一版暗色編輯部風，熱帶大圖喺暖黑底上炸開；一版沉浸式大圖風，對標攞過Clio銅獎嘅Visit Faroe Islands；一版暖白雜誌風，似翻開《Condé Nast Traveler》。一個暗、一個亮、一個安靜，温度被刻意拉開。
最妙嘅係嗰版暗色編輯部，我自己絕對唔會主動揀，但佢驚豔到我。
我以前以為AI設計工具嘅價值係幫我更快做出我本來想做嘅嘢。用咗佢我先明白，真正值錢嘅係佢俾咗我一版我自己根本諗唔到、但一眼就服嘅方案。當「做出嚟」越來越平，剩下唯一難嘅就係知道「應該揀邊個」。呢個skill幫你做曬所有預設工作，將你解放到淨低嗰個最不可替代嘅動作：揀邊一個。
好設計唔係從模板庫裏面揀出嚟嘅，係從你嘅真實需求裏面生出來嘅。AI嘅工作係幫你規避最差嗰個，再並行出實物俾你揀。
坑二 · 內容網站冇真圖，做得再靚都係空殼
v1最容易翻車嘅地方就係呢度：你叫佢做個鸚鵡科普網站，佢排得靚靚仔仔，配色、字體、動效全部到位，但係冇一張鸚鵡嘅圖，全部係灰色佔位塊。
我後來俾呢條總結咗一句話：鸚鵡網站冇鸚鵡圖，等於失敗。
2.0加咗一步叫圖片前置。開工之前先問一個問題：圖片係咪呢個內容嘅必需品？科普、旅遊呢類，圖就係命根，咁就將真圖先攞齊，再開始設計。
就攞呢個鸚鵡網站嚟講，佢先走去Wikimedia Commons，將各種鸚鵡嘅真實照片、加上公共領域嘅古典博物版畫，揾咗一大返嚟，再動手設計。
有咗呢批真圖墊底，最後做出嚟嘅係呢個樣，非常符合鸚鵡嘅撞色特點。
呢一步睇落簡單，但佢係「睇得嘅demo」同「用得嘅成品」之間嘅分水嶺。
坑三 · AI會一本正經咁亂編產品事實
呢個坑都值得講講。
有次我叫佢俾大疆Pocket 4做個發佈動畫。佢開口就話：「Pocket 4仲未發佈，我哋做個概念demo啦。」然後佢自作主張做咗一版概念剪影動畫。
結果呢？Pocket 4早就發佈咗，就喺我叫佢做動畫嘅幾日前，官方嘅Launch Film、產品渲染圖全部都有。佢基於一個錯誤嘅事實做咗一版廢稿。
問題出喺邊？AI會憑訓練語料裏面嘅記憶，對佢其實唔確定嘅事做斷言。「我記得好似仲未發佈」「應該係v3版本」呢類句式，聽落好自信，其實全部係估嘅。呢啲唔係設計先有嘅毛病，係所有AI應用嘅通病，但放喺做設計物料上代價更直接：事實錯咗，畫得再靚都係廢稿。
2.0我將「事實驗證先於假設」定成咗優先級最高嘅第0條原則，凌駕於所有流程之上。只要涉及具體產品、版本號、規格、發佈狀態，第一步必須先搜一次核實，將事實寫入文件，絕對唔靠記憶。揾唔到就問你，而唔係自己編一個。
後面嗰套新加坡招商PPT裏面所有關鍵數據，樟宜機場吞吐量、QS排名、税率，都係咁樣嚟嘅，每一個都先核實出處再寫入去。搜一次使10秒，翻工使兩個鐘，呢條數太好計。
多講一句PPT：我反而勸你唔好再導成pptx
PPT呢方面我要專門講，因為做完呢啲我嘅態度變咗。
佢做deck真係唔挑題材。新加坡嗰種西裝骨骨嘅招商風做到（一套12頁嘅招商引資deck，數據全部核實過），我都俾一個零基礎朋友做過一套「網球入門」，60頁，優雅雜誌感，封面就一顆網球跌喺草地上，完全冇PPT模板嗰種味道。
但更想你睇嘅係佢嘅deck形態。佢產出嘅唔係一張張靜圖，而係一個HTML deck：打開係一面可以鳥瞰全局嘅概覽牆，點任何一頁，就全屏滑入去一頁頁演示，同真正嘅Keynote一個手感。
講真話，呢種HTML deck嘅觀感同流暢度，已經比傳統pptx好一截。所以我而家嘅真心建議係：用得HTML deck，就唔好再導成pptx喇。
當然，如果你公司就認.pptx呢個格式，佢都可以一鍵導出可編輯嘅版本。唔係將每頁截成圖片塞入去嗰種假嘅，導出後拖入PowerPoint，雙擊標題光標就入咗去，文字係真文字，圖表係真形狀。
除此之外，可點擊嘅App原型（交付前自己跑點擊測試，保證按鈕撳咗唔會白屏）、動畫、信息圖、帶解說嘅長視頻，佢都做到。
一句話概括適用場景：凡係你需要「高質量視覺產出」、又唔想自己打開任何設計軟件去摳嘅事，都可以掉俾佢。
佢唔適合做嘅：生產級嘅Web App、需要後端嘅動態系統、SEO網站。呢啲唔係佢嘅工作。
最後
我唔係設計師，我係一個叫agent幫我做嘢嘅人。
設計軟件嘅畫布、圖層、工具欄，本身就預設咗你係嗰個動手嘅人。而一個skill預設嘅係你係做決策做判斷嘅人。呢個唔係邊個更順手嘅問題，係你喺呢部機器裏面到底扮演咩角色嘅分別。
2.0做嘅所有事，本質都係令「拍板」呢個動作更值得做更容易做。俾你嘅三版都係真嘢，唔係三個一模一樣嘅安全極簡。剩下嘅，你只負責揀邊一個。
GitHub：https://github.com/alchaincyf/huashu-design
佢唔挑環境，Codex、OpenClaw、Hermes Agent、WorkBuddy、Trae、Kimi Work，幾乎你用緊嘅所有agent裏面都裝得行得。裝完直接話「做個網站」「做份PPT」「做個App原型」就得，需求模糊都冇問題，佢會俾你三個方向揀。
如果你用咗，歡迎喺評論區話俾我知邊度仲唔夠用。下一版繼續填坑。
兩個月前，我把Claude Design的設計思路逆向了一遍，開源成自己的Huashu Design。
到現在這個項目16k+ star了，能幫你做網站、App原型、PPT、動畫demo，甚至對現在挺火的Open Design這類項目也有啓發。
不過前幾天，我想給它錄一期B站教學視頻，結果在講的過程中，發現這一版有個不小的問題。
我當時內置了20種設計風格，讓agent隨機挑，本意是要多樣性。但後來發現，一些設計流程和審美上的硬要求，跟這種隨機多樣性其實是打架的。打架的結果是：它做出來的設計，單看每個都還不錯，可大多數都收斂到了同一種長相，極簡、留白、有點像Anthropic官網那個味兒。
好的設計，不該只有這一種活法。
再好的風格，人人都在用、天天見，也就膩了。
而我，最討厭無聊！
所以這兩天，我把整個skill大改了一遍，推出Huashu Design 2.0，就為了治這個「無聊、單調」的毛病。
可以高興地告訴你：成了。
先上三個2.0做的東西，主題我故意挑得越遠越好。
這是它做的日本女僕文化介紹PPT👇
這是大英博物館中文導覽App原型👇
這是它做的馬來西亞旅行網站👇
三個主題八竿子打不着，視覺語言完全不一樣，設計元素一個比一個豐富。
而且更重要的是，這些幾乎都是我一句話、一次成型的。連裏面的圖，都是agent配着Huashu Design 2.0自己找齊的。我這邊要做的事，少得可憐。
下面就具體講講，2.0到底比上一版強在哪，又是怎麼把「無聊」這個病給治了的。我用v1時實打實被坑到的三個地方，一個個填。
坑一 · 它總把設計收斂成「安全極簡」
這就是上面說的「無聊」的根源，也是我最受不了的一點。
你讓它「做個好看的頁面」，它十有八九給你一個米白底、大量留白、配一個點綴色的極簡風。單看不醜，但你做十個就會發現，十個長得都差不多。
模糊需求面前，AI會自動躲進它最熟、最不會出錯的那個安全角落。結果就是千篇一律。
v1那會兒我已經有「設計方向顧問」了，需求模糊時給你幾個方向選。但v1給的方向還是偏安全。2.0我把這套邏輯重做了，變成三套邏輯同時跑，三套各走各的路，專門跟「安全極簡」對着幹。我喜歡用三個動詞記它們：撞、借、請。
🎲 撞，靠運氣。讓它隨機抽，逼它別每次都往極簡那個角落躲。抽哪個不重要，重要的是打破慣性。
🏆 借，借獲獎作品的手法。讓agent去搜真實世界拿過獎的同類網站，把人家的手法借鑑遷移過來。不靠憑空想象，靠真實世界的最高標準錨定。
🧠 請，請大師從頭想。問一句「這個需求預算無上限，請誰最合適」，然後讓agent變成那位頂級設計師的腦子，從頭按他的哲學做一版。
開頭那個馬來西亞旅行網站，最後定的只是其中一版。但它一上來甩給我的，是三版完全不同的首頁，我就說了一句話，沒給任何風格參考：一版暗色編輯部風，熱帶大圖在暖黑底上炸開；一版沉浸式大圖風，對標拿過Clio銅獎的Visit Faroe Islands；一版暖白雜誌風，像翻開《Condé Nast Traveler》。一個暗、一個亮、一個安靜，温度被刻意拉開。
最妙的是那版暗色編輯部，我自己絕不會主動選，但它驚豔到我了。
我以前以為AI設計工具的價值是幫我更快做出我本來想做的東西。用了它我才明白，真正值錢的是它給了我一版我自己根本想不到、但一眼就服的方案。當「做出來」越來越便宜，剩下唯一難的就是知道「該選哪個」。這個skill幫你做完所有預設工作，把你解放到只剩下那個最不可替代的動作：選哪一個。
好設計不是從模板庫裏選出來的，是從你的真實需求里長出來的。AI的活兒是幫你規避最差的那個，再並行出實物給你挑。
坑二 · 內容網站沒有真圖，做得再花也是空殼
v1最容易翻車的地方就在這兒：你讓它做個鸚鵡科普網站，它排得漂漂亮亮，配色、字體、動效全到位，但是沒有一張鸚鵡的圖，全是灰色佔位塊。
我後來給這條總結了一句話：鸚鵡網站沒有鸚鵡圖，等於失敗。
2.0加了一步叫圖片前置。開工之前先問一個問題：圖片是不是這個內容的必需品？科普、旅遊這種，圖就是命根子，那就先把真圖取齊，再開始設計。
就拿這個鸚鵡網站來說，它先跑去Wikimedia Commons，把各種鸚鵡的真實照片、加上公共領域的古典博物版畫，抓了一整批迴來，再動手設計。
有了這批真圖墊底，最後做出來的是這個樣子，非常符合鸚鵡的撞色特點。
這一步看着簡單，但它是「能看的demo」和「能用的成品」之間的分水嶺。
坑三 · AI會一本正經地瞎編產品事實
這個坑也值得講講。
有次我讓它給大疆Pocket 4做個發佈動畫。它張口就來：「Pocket 4還沒發佈，我們做個概念demo吧。」然後它自作主張做了一版概念剪影動畫。
結果呢？Pocket 4早就發佈了，就在我讓它做動畫的幾天前，官方的Launch Film、產品渲染圖全都有。它基於一個錯誤的事實做了一版廢稿。
問題出在哪？AI會憑訓練語料裏的記憶，對它其實不確定的事做斷言。「我記得好像還沒發佈」「應該是v3版本」這種句式，聽着很自信，其實全是猜的。這不是設計才有的毛病，是所有AI應用的通病，但放在做設計物料上代價更直接：事實錯了，畫得再美都是廢稿。
2.0我把「事實驗證先於假設」定成了優先級最高的第0條原則，凌駕於所有流程之上。只要涉及具體產品、版本號、規格、發佈狀態，第一步必須先搜一遍核實，把事實寫進文件，絕不靠記憶。搜不到就問你，而不是自己編一個。
後面那套新加坡招商PPT裏所有關鍵數據，樟宜機場吞吐量、QS排名、税率，也是這麼來的，每一個都先核實出處再寫進去。搜一遍花10秒，返工花兩小時，這賬太好算了。
多說一句PPT：我反而勸你別再導成pptx
PPT這塊我得專門說，因為做完這些我的態度變了。
它做deck真不挑題材。新加坡那種西裝革履的招商風能做（一套12頁的招商引資deck，數據全核實過），我也給一個零基礎朋友做過一套「網球入門」，60頁，優雅雜誌感，封面就一顆網球落在草地上，完全沒有PPT模板那個味兒。
但更想讓你看的是它的deck形態。它產出的不是一張張靜圖，而是一個HTML deck：打開是一面能鳥瞰全局的概覽牆，點任意一頁，就全屏滑進去一頁頁演示，跟真正的Keynote一個手感。
說實話，這種HTML deck的觀感和流暢度，已經比傳統pptx好一截。所以我現在的真心建議是：能用HTML deck，就別再導成pptx了。
當然，要是你公司就認.pptx這個格式，它也能一鍵導出可編輯的版本。不是把每頁截成圖片塞進去那種假的，導出後拖進PowerPoint，雙擊標題光標就進去了，文字是真文字，圖表是真形狀。
除此之外，可點擊的App原型（交付前自己跑點擊測試，保證按鈕點了不白屏）、動畫、信息圖、帶解說的長視頻，它都能做。
一句話概括適用場景：凡是你需要「高質量視覺產出」、又不想自己打開任何設計軟件去摳的事，都可以丟給它。
它不適合做的：生產級的Web App、需要後端的動態系統、SEO網站。這些不是它的活兒。
最後
我不是設計師，我是一個讓agent幫我做東西的人。
設計軟件的畫布、圖層、工具欄，本身就預設了你是那個動手的人。而一個skill預設的是你是做決策做判斷的人。這不是哪個更順手的問題，是你在這台機器裏到底扮演什麼角色的區別。
2.0做的所有事，本質都是在讓「拍板」這個動作更值得做更容易做。給你的三版都是真東西，不是三個一模一樣的安全極簡。剩下的，你只負責選哪一個。
GitHub：https://github.com/alchaincyf/huashu-design
它不挑環境，Codex、OpenClaw、Hermes Agent、WorkBuddy、Trae、Kimi Work，幾乎你在用的所有agent裏都能裝能跑。裝完直接說「做個網站」「做份PPT」「做個App原型」就行，需求模糊也沒關係，它會給你三個方向挑。
如果你用了，歡迎在評論區告訴我哪裏還不夠用。下一版接着填坑。