兩個月前,我把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
npx skills add alchaincyf/huashu-design
它不挑環境,Codex、OpenClaw、Hermes Agent、WorkBuddy、Trae、Kimi Work,幾乎你在用的所有agent里都能裝能跑。裝完直接說「做個網站」「做份PPT」「做個App原型」就行,需求模糊也沒關系,它會給你三個方向挑。
如果你用了,歡迎在評論區告訴我哪里還不夠用。下一版接著填坑。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.