我做了一個一鍵生成 3D 潮玩 App UI設計 的 Skill,有點離譜

作者:AI漫遊朝朝
日期:2026年6月26日 下午6:49
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

一句話生成可互動 3D 潮玩 App 原型,呢個 Skill 將你嘅想法直接變成會鬱嘅產品

整理版摘要

作者朝朝發現好多早期產品想法最難嘅地方唔係冇 idea,而係 idea 仲未成形。要將概念變成頁面,需要產品、設計、插畫、前端來回磨合,流程長到令人卻步。佢為咗解決呢個問題,造咗一個專門生成「3D 潮玩風 App UI」嘅 Skill,重點係唔止出圖,而係交付一個可以點、可以滑、可以走完流程嘅互動原型。

呢個 Skill 嘅核心係鎖死風格邊界——只專注 Q 版 3D 潮玩活力風,用多巴胺配色、胖圓角、Q 版角色同柔軟卡片層級,令產品第一眼就有世界觀。佢有三個關鍵設計:先拆解產品場景,理解用戶同核心互動,而唔係亂咁畫首頁;現場生成原創視覺資產,令每個產品都有自己嘅角色同裝飾;最後交付可玩原型,而唔係靜態截圖,咁樣先可以真正判斷體驗。

呢套工作流將原本割裂嘅需求文檔、設計、插畫、前端還原,壓縮成一句說話一條鏈。雖然佢唔可以取代成熟團隊,但對於早期 idea 驗證、產品方案展示、設計方向探索,仲有個人作品集嚟講,效率提升非常誇張。作者認為,70 分嘅可操作原型,比腦裏面 100 分嘅想法更有價值,因為你可以即刻攞去試。

  • 一句需求就能生成可互動 App 原型,極大縮短產品驗證週期。
  • Skill 先拆解產品場景,再生成原創視覺資產,最後交付可操作原型。
  • 與通用 UI 生成器不同,專精於 3D 潮玩風格,鎖定風格邊界,確保產品有記憶點。
  • AI 從單點工具變成連續工作流,想法到實現一氣呵成,70 分可用原型比完美設想更有價值。
  • 適用於早期 idea 驗證、方案展示、設計探索、作品集,尤其社區、興趣、潮玩等方向。
整理重點

點解要做呢個 Skill?——產品想法卡喺形態,流程磨平咗創造力

作者朝朝發現好多早期產品想法,最難嘅唔係 「有冇 idea」,而係 idea 仲未長出形狀。例如想做一個城市搭子社區、寵物興趣 App、潮玩收藏交換平台,或者年輕人週末活動工具——腦裏面有感覺,但要變成頁面就會卡住:首頁點樣?用戶第一眼睇到乜?按鈕放邊度?社區、任務、個人主頁、互動流程點樣串連?

以前呢套嘢至少要產品、設計、插畫、前端一齊磨:需求文檔寫一輪,設計稿畫一輪,插畫資產補一輪,再俾前端還原一輪。來回幾次之後,別說產品,人先俾流程磨平咗。所以佢想做一個更直接嘅嘢:你講一句需求,佢先幫你將產品諗明白,再將視覺做出嚟,最後直接變成一個可以操作嘅 App 原型。

整理重點

鎖死風格邊界——專注 3D 潮玩,唔做「乜都識」嘅生成器

呢個 Skill 嘅核心定位好明確:唔係通用 UI 生成器,而係只專注一件——生成高辨識度嘅 Q 版 3D 潮玩活力風 App。點解要咁窄?因為 AI 做設計最怕就係「乜都做得」,聽落好勁,實際容易變成每種風格都沾啲,最後似模板市場隨機拼出嚟嘅嘢。

所以佢索性將風格邊界鎖死:多巴胺配色、胖圓角、Q 版 3D 角色、柔軟嘅卡片層級、會呼吸嘅吉祥物,界面帶埋潮玩包裝感。生成出嚟嘅嘢第一眼就要令人覺得:哦,呢個產品自己有世界觀。

  • 通用生成器容易變成人肉模板拼貼,風格冇記憶點。
  • 鎖死風格後,產品由第一版開始就有視覺身份,唔係「一個套殼 App」。
整理重點

三個關鍵設計——先解讀、再生產、再交付

第一,先理解產品,唔係一嚟就畫頁面。好多 AI UI 生成器見到「幫我做一個搭子社區 App」就即刻堆首頁、卡片、底部導航,但產品邏輯經常有空。呢個 Skill 嘅做法係先拆場景:用戶係邊個?點解打開 App?第一步要做乜?核心互動係咩?邊啲頁面必須有?邊啲功能只係錦上添花?

第二,現場生成原創視覺資產。以前做原型,視覺資產好麻煩——你要咪去揾素材,要咪揾設計師畫,用現成插畫庫又會搞到成個產品「好似喺邊度見過」。呢個 Skill 嘅角色、插畫、裝飾元素都係圍繞當前產品現場生成:寵物社交就生一個圓轆轆嘅寵物管家,潮玩收藏就生一個盲盒店長,運動搭子就生一個能量感強嘅 3D 夥伴。

第三,交付係可玩嘅原型,唔係靜態圖。圖只能睇唔能摸,判斷產品體驗要喺互動入面先睇得出:按鈕點落去有冇反饋?頁面切換順唔順?底部導航合唔合理?用戶由首頁到完成動作會唔會迷路?呢個 Skill 嘅目標係俾你一個可以直接喺手機上點擊嘅原型,用嚟做演示、溝通、驗證方向。

整理重點

一句話搞掂——由需求到原型嘅連續工作流

你只需俾佢一句需求,例如:「我想做一個面向年輕人的城市活動搭子 App,用戶可以發現週末活動、匹配同頻搭子、一齊組局。希望整體係 3D 潮玩風,活潑、可愛、有能量感。」

  1. 1 佢會自動將需求變成產品結構,確定核心頁面同用戶路徑。
  2. 2 然後生成統一嘅視覺語言:配色、角色、插畫、卡片樣式、組件狀態。
  3. 3 最後將呢啲嘢落成一個可以點擊嘅 App 原型,一條鏈跑完。

當然唔好上頭住——佢唔可以代替成熟產品團隊,尤其係複雜業務邏輯、真實數據、支付、私隱、安全呢啲部分,仍然要產品同工程認真過一輪。但佢特別適合幾個場景:早期 idea 驗證、產品方案展示、設計方向探索、個人作品集或提案,尤其係偏 C 端、社區、興趣、娛樂、潮玩、年輕化產品。

整理重點

最大啟發——AI 從單點工具變成連續工作流

以前我哋話 AI 寫文案、AI 畫圖、AI 寫代碼,都係分開嘅,你要自己喺中間做搬運工。但真正好用嘅工作流,應該係從諗法到結果一氣呵成:你俾佢一個方向,佢理解、規劃、生成、實現、驗證。中間每一步唔係 100 分,但連埋一齊之後,效率真係好誇張。

別人需要一個團隊、幾星期先磨到出嚟嘅嘢,佢可以俾你一個 70 分到 80 分嘅可用版本。而喺早期階段,70 分嘅可操作原型,往往比腦裏面 100 分嘅想法更有價值——因為你終於可以攞佢去試。

大家好,我係朝朝。

我最近整咗個專門生成「3D 潮玩風 App UI」嘅 skill。佢最正嘅地方唔係話畫到幾張靚界面,而係你只要畀佢一句需求,佢就可以直接生成一個撳得、捽得、行得曬成個流程嘅 App 原型。

Image

一句講曬就係:

講低你嘅想法,收穫一個鬱得嘅 App UI 設計。

坦白講,我一開始想做呢個 skill,係因為我發現好多早期產品諗法,最難嘅地方根本唔係「有冇 idea」,而係 idea 仲未成形。

例如你想做一個城市搭子社羣、一個寵物興趣 App、一個潮玩收藏交換平台,或者一個年輕人週末活動工具。你個腦可能有曬感覺,但要真係將佢變成頁面,就會卡住。

首頁點樣?用戶第一眼睇到咩?掣放邊度?社羣、任務、個人主頁、互動流程點樣串連?視覺上係清爽啲定活潑啲?

以前呢套嘢,起碼要產品、設計、插畫、前端一齊磨。需求文件寫一輪,設計稿畫一輪,插畫資產補一輪,再畀前端還原一輪。來回幾次之後,唔好話產品,人先被流程磨平咗。

所以我想做一個更加直接嘅嘢。

你講一句需求,佢先幫你將產品諗清楚,再將視覺做出嚟,最後直接變成一個可以操作嘅 App 原型。

我當時見到第一版跑出嚟嘅時候,表情大概係:嚇?咁都得?

Image
Image
Image
Image

呢個 skill 嘅核心定位好明確,佢唔係通用型 UI 生成器。

佢只專注一件事:生成高辨識度嘅 Q 版 3D 潮玩活力風 App。

點解要整到咁窄?

因為我試落,AI 做設計最怕就係「乜都做到」。聽落好勁,實際容易變成每種風格都掂少少,最後似模板市場裏面隨機拼出嚟嘅嘢。掣似 SaaS,插畫似兒童繪本,配色似活動頁,整體睇落都用得,但係冇記憶點。

所以我索性將風格邊界鎖死。

多巴胺配色、肥圓角、Q 版 3D 角色、軟淋淋嘅卡片層級、有呼吸感嘅吉祥物,界面帶少少潮玩包裝感。佢生成出嚟嘅嘢,第一眼就應該令人覺得:哦,呢個產品自己有世界觀。

Image

呢套 skill 最關鍵嘅地方,其實有三點。

第一,佢會先理解產品,而唔係一嚟就畫頁面。

好多 AI UI 生成嘅問題喺呢度。佢見到一句「幫我做一個搭子社羣 App」,即刻就開始堆首頁、卡片、底部導航。睇落好快,但產品邏輯經常有空洞。

我嘅做法係叫佢先拆場景。

用戶係邊個?點解要開呢個 App?第一步要做咩?核心互動係咩?邊啲頁面一定要有?邊啲功能只係錦上添花?

例如你畀佢一句:

幫我做一個畀年輕人揾週末搭子嘅 App,風格要似 3D 潮玩,活潑啲。

佢唔會淨係生成一個「靚靚首頁」。佢會先將呢個產品拆成幾個關鍵路徑,例如發現活動、匹配搭子、組局詳情、聊天確認、個人主頁、成就係統。咁樣後面嘅 UI 先唔會係空殼。

呢一步好重要。

因為靚靚頁面只能令人停留 3 秒,完整流程先會令人覺得呢個產品真係玩得。

Image

第二,佢會現場生成原創視覺資產。

呢塊係我最想強調嘅。

以前做 App 原型,就算 UI 框架有咗,視覺資產一樣好麻煩。你要咪去揾素材,要咪叫設計師畫,要咪用啲現成插畫庫。問題係,素材一旦通用,成個產品就會有種「我好似喺邊度見過」嘅感覺。

Image

而呢個 skill 裏面嘅角色、插畫、裝飾元素,都係圍繞當前產品現場生成嘅。

如果你做嘅係寵物社交,佢可能會生成一個圓碌碌嘅寵物管家。你做嘅係潮玩收藏,佢會生成似盲盒店長嘅小角色。你做嘅係運動搭子,佢可能會做一個能量感好強嘅 3D 小夥伴。

呢啲資產唔係預先塞好嘅模板,而係同產品概念一齊生出來嘅。

咁會帶嚟一個好大嘅變化:你個產品由第一版開始,就唔係「一個套殼 App」,而係有自己嘅視覺身份。

老實講,呢點對早期產品驗證好重要。因為用戶睇一個新產品,好多時候唔係先理性分析功能,而係先感受佢似唔似一個真實存在嘅嘢。

Image

第三,佢交付嘅係玩得嘅原型,唔係靜態圖。

呢個亦係我做呢個 skill 時最在意嘅一點。

而家好多生成式設計工具都出到圖,甚至啲圖仲幾驚艷。但問題係,圖只能睇,唔能夠摸。你要判斷一個產品體驗,剩係睇截圖係唔夠嘅。

掣撳落去有冇回饋?頁面切換順唔順?底部導航合唔合理?用戶由首頁到完成動作,會唔會迷路?呢啲都要喺互動先睇得出。

所以呢個 skill 嘅目標唔係交付一組靜態 UI,而係交付一個可互動 App 原型。

你可以撳首頁卡片,入去詳情頁。可以捽內容流,可以切換 tab,可以行曬核心流程。雖然佢仲未係正式產品,但已經夠用嚟做演示、溝通、驗證方向。

呢件事表面係慳設計時間,實際上更關鍵嘅係,佢將早期產品試錯成本打低咗。

以前你可能要等一兩個星期,先見到一個似樣嘅 demo。而家你可以即日將想法變成一個操作得到嘅嘢,然後即刻攞畀同事、朋友、用戶睇。

呢個反饋速度,真係會改變做產品嘅節奏。


如果將成個流程拆開,其實好簡單。

你只需要畀佢一句需求。

比如:

  
我想做一個面向年輕人的城市活動搭子 App,用戶可以發現週末活動、匹配同頻搭子、一起組局。希望整體是 3D 潮玩風,活潑、可愛、有能量感。

然後佢會自動做幾件事。

佢先將需求變成產品結構,確定核心頁面同用戶路徑。接着生成統一嘅視覺語言,包括配色、角色、插畫、卡片樣式同組件狀態。最後再將呢啲嘢落成一個可以撳嘅 App 原型。

中間你唔需要分別揾設計師畫圖、揾插畫師補素材、再揾前端還原。

一條鏈路搞掂。

呢個就係我覺得佢得意嘅地方。佢唔係單點能力變強,而係將本來分開嘅幾段工作,揉成一個連續工作流。

當然,呢度先唔好太興奮。

我唔覺得佢可以取代一個成熟產品團隊,亦唔建議你直接將生成結果複製貼上線。尤其係涉及複雜業務邏輯、真實數據、支付、私隱、安全呢啲部分,始終要產品同工程認真過一輪。

但佢特別適合幾個場景。


  • 第一,早期 idea 驗證。你有一個想法,但仲未確定值唔值得繼續做,可以先生成一個原型攞去傾。

  • 第二,產品方案展示。與其寫十頁 PPT,不如直接畀老細或者客撳一個操作得到嘅 App,溝通效率會高好多。明嘅就明,好多時唔係你講唔清,而係對方未見到畫面。

  • 第三,設計方向探索。你可以連續生成幾個版本嘅唔同產品場景,睇嚇邊種視覺語言更有傳播力。

  • 第四,個人作品集或者提案。尤其係偏 C 端、社羣、興趣、娛樂、潮玩、年輕化產品,呢種風格好容易令頁面第一眼就有記憶點。

呢套 skill 對我最大嘅啟發係,AI 而家越嚟越唔似一個單點工具。

以前我哋話 AI 寫文案、AI 畫圖、AI 寫 Code,都係分開嘅。你要自己做中間嘅搬運工,將一個工具嘅結果複製去另一個工具,再手動改格式、補邏輯、調樣式。

但真正好用嘅工作流,應該係由想法到結果一氣呵成。

你畀佢一個方向,佢能夠理解、規劃、生成、實現、驗證。中間每一步唔係 100 分,但連埋一齊之後,效率會好誇張。

人哋需要一個團隊、幾個禮拜先磨出嚟嘅嘢,佢可以畀你一個 70 分到 80 分嘅可用版本。

而喺早期階段,一個 70 分嘅可操作原型,好多時比腦入面 100 分嘅想法更有價值。

因為你終於可以拎佢去試。

最後我想用一個更適合傳播嘅講法收尾:

我冇設計師,冇畫師,亦冇寫過一行界面 Code。

但呢個 App 係咁嘅樣。

唔好問點做,問就係一句說話嘅事。

如果你最近都有一個 App 想法,尤其係社羣、興趣、搭子、潮玩、寵物、活動、年輕人生活方式呢類方向,真係可以試嚇呢種方式。

講低你嘅想法,收穫一個鬱得嘅 App。

呢個可能就係下一代產品原型嘅打開方式。

Image



大家好,我是朝朝。

我最近做了一個專門生成「3D 潮玩風 App UI」的 skill。它最爽的地方不是能畫幾張漂亮界面,而是你只要丟給它一句需求,它就能直接生成一個能點、能滑、能走完整流程的 App 原型。

Image

一句話概括就是:

說出你的想法,收穫一個會動的 App UI設計。

坦白講,我一開始想做這個 skill,是因為我發現很多早期產品想法,最難的地方根本不是「有沒有 idea」,而是 idea 還沒長出形狀。

比如你想做一個城市搭子社區,一個寵物興趣 App,一個潮玩收藏交換平台,或者一個年輕人週末活動工具。你腦子裏可能已經有感覺了,但要真的把它變成頁面,就會卡住。

首頁長什麼樣?用戶第一眼看到什麼?按鈕放哪裏?社區、任務、個人主頁、互動流程怎麼串起來?視覺上到底是清爽一點,還是更活潑一點?

以前這套東西,至少要產品、設計、插畫、前端一起磨。需求文檔先寫一輪,設計稿畫一輪,插畫資產補一輪,再讓前端還原一輪。來回幾次之後,別說產品了,人先被流程磨平了。

所以我想做一個更直接的東西。

你說一句需求,它先幫你把產品想明白,再把視覺做出來,最後直接變成一個可以操作的 App 原型。

我當時看到第一版跑出來的時候,表情大概是:啊?這也行?

Image
Image
Image
Image

這個 skill 的核心定位很明確,它不是通用型 UI 生成器。

它只專注一件事:生成高辨識度的 Q 版 3D 潮玩活力風 App。

為什麼要這麼窄?

因為我試下來,AI 做設計最怕的就是「什麼都能做」。聽起來很強,實際容易變成每種風格都沾一點,最後像模板市場裏隨機拼出來的東西。按鈕像 SaaS,插畫像兒童繪本,配色像活動頁,整體看着也能用,但沒有記憶點。

所以我乾脆把風格邊界鎖死。

多巴胺配色,胖圓角,Q 版 3D 角色,柔軟的卡片層級,會呼吸的吉祥物,界面裏帶一點潮玩包裝感。它生成出來的東西,第一眼就應該讓人覺得:哦,這個產品有自己的世界觀。

Image

這套 skill 最關鍵的地方,其實有三個。

第一,它會先理解產品,而不是上來就畫頁面。

很多 AI UI 生成的問題在這裏。它看到一句「幫我做一個搭子社區 App」,馬上就開始堆首頁、卡片、底部導航。看起來很快,但產品邏輯經常是空的。

我的做法是讓它先拆場景。

用戶是誰?為什麼打開這個 App?第一步要做什麼?核心互動是什麼?哪些頁面必須有?哪些功能只是錦上添花?

比如你給它一句:

幫我做一個給年輕人找週末搭子的 App,風格要像 3D 潮玩,活潑一點。

它不會只生成一個「好看的首頁」。它會先把這個產品拆成幾個關鍵路徑,比如發現活動、匹配搭子、組局詳情、聊天確認、個人主頁、成就體系。這樣後面的 UI 才不是空殼。

這一步很重要。

因為漂亮頁面只能讓人停留 3 秒,完整流程才會讓人覺得這個產品真的可以玩。

Image

第二,它會現場生成原創視覺資產。

這塊是我最想強調的。

以前做 App 原型,哪怕 UI 框架有了,視覺資產還是很麻煩。你要麼去找素材,要麼讓設計師畫,要麼用一些現成插畫庫。問題是,素材一旦通用,整個產品就會有一種「我好像在哪裏見過」的感覺。

Image

而這個 skill 裏的角色、插畫、裝飾元素,都是圍繞當前產品現場生成的。

如果你做的是寵物社交,它可能生成一個圓滾滾的寵物管家。你做的是潮玩收藏,它會生成類似盲盒店長的小角色。你做的是運動搭子,它可能會做一個能量感很強的 3D 小夥伴。

這些資產不是提前塞好的模板,而是跟產品概念一起長出來的。

這會帶來一個很大的變化:你的產品從第一版開始,就不是「一個套殼 App」,而是有自己的視覺身份。

老實說,這點對早期產品驗證非常重要。因為用戶看一個新產品,很多時候不是先理性分析功能,而是先感受它是不是像一個真實存在的東西。

Image

第三,它交付的是能玩的原型,不是靜態圖。

這也是我做這個 skill 時最在意的一點。

現在很多生成式設計工具都能出圖,甚至圖還挺驚豔。但問題是,圖只能看,不能摸。你要判斷一個產品體驗,光看截圖是不夠的。

按鈕點下去有沒有反饋?頁面切換順不順?底部導航是不是合理?用戶從首頁到完成動作,會不會迷路?這些都要在交互裏才能看出來。

所以這個 skill 的目標不是交付一組靜態 UI,而是交付一個可交互 App 原型。

你可以點首頁卡片,進入詳情頁。可以滑動內容流,可以切換 tab,可以走完核心流程。雖然它還不是正式產品,但已經足夠用來做演示、溝通、驗證方向。

這件事表面上是在省設計時間,實際更關鍵的是,它把早期產品試錯成本打下來了。

以前你可能要等一兩週,才能看到一個像樣的 demo。現在你可以當天把想法變成一個能操作的東西,然後馬上拿給同事、朋友、用戶看。

這個反饋速度,真的會改變做產品的節奏。


如果把整個流程拆開,其實就很簡單。

你只需要給它一句需求。

比如:

  
我想做一個面向年輕人的城市活動搭子 App,用戶可以發現週末活動、匹配同頻搭子、一起組局。希望整體是 3D 潮玩風,活潑、可愛、有能量感。

然後它會自動做幾件事。

它先把需求變成產品結構,確定核心頁面和用戶路徑。接着生成統一的視覺語言,包括配色、角色、插畫、卡片樣式和組件狀態。最後再把這些東西落成一個可以點擊的 App 原型。

中間你不需要分別找設計師畫圖、找插畫師補素材、再找前端還原。

一條鏈路跑完。

這就是我覺得它有意思的地方。它不是單點能力變強,而是把原來割裂的幾段工作,揉成了一個連續工作流。

當然,這裏先別太上頭。

我不覺得它能替代一個成熟產品團隊,也不建議你直接把生成結果複製粘貼上線。尤其是涉及複雜業務邏輯、真實數據、支付、隱私、安全這些部分,還是要產品和工程認真過一輪。

但它特別適合幾個場景。


  • 第一,早期 idea 驗證。你有一個想法,但還沒確定值不值得繼續做,可以先生成一個原型拿去聊。

  • 第二,產品方案展示。比起寫十頁 PPT,直接給老闆或客戶點一個能操作的 App,溝通效率會高很多。懂的都懂,很多時候不是你講不清,是對方沒看到畫面。

  • 第三,設計方向探索。你可以連續生成幾版不同產品場景,看看哪種視覺語言更有傳播感。

  • 第四,個人作品集或提案。尤其是偏 C 端、社區、興趣、娛樂、潮玩、年輕化產品,這種風格很容易讓頁面第一眼有記憶點。

這套 skill 對我最大的啓發是,AI 現在越來越不像一個單點工具了。

以前我們說 AI 寫文案、AI 畫圖、AI 寫代碼,都是分開的。你要自己當中間的搬運工,把一個工具的結果複製到另一個工具裏,再手動修格式、補邏輯、調樣式。

但真正好用的工作流,應該是從想法到結果一氣呵成。

你給它一個方向,它能理解、規劃、生成、實現、驗證。中間每一步都不是 100 分,但連起來之後,效率會非常誇張。

別人需要一個團隊、幾周時間才能磨出來的東西,它可以先給你一個 70 分到 80 分的可用版本。

而在早期階段,70 分的可操作原型,往往比腦子裏 100 分的想法更有價值。

因為你終於可以拿它去試了。

最後我想用一個更適合傳播的說法收尾:

我沒有設計師,沒有畫師,也沒寫一行界面代碼。

但這個 App 長這樣。

別問怎麼做的,問就是一句話的事。

如果你最近也有一個 App 想法,尤其是社區、興趣、搭子、潮玩、寵物、活動、年輕人生活方式這類方向,真的可以試試這種方式。

說出你的想法,收穫一個會動的 App。

這可能就是下一代產品原型的打開方式。

Image