如何避免你的 App 看起來像 AI 粗製濫造的產物

AI 開發 App 的能力已經強到離譜，但問題是，做出來的東西都像套版一樣，極度陽春。

一樣的圓角卡片。

一樣的柔和漸層。

一樣的儀表板排版。

一樣的 UI，背後卻沒有任何真正的想法。

所以我做了一個 Claude Code 技能，專門用來重新設計 App 介面，避開這些老套路。

從一個概念開始

與其叫 Claude 做出「乾淨」、「極簡」或「高級感」的東西，這個技能會先找出一個真正適合該 App 的視覺概念。

跑步 App 可以圍繞田徑跑道來打造。

睡眠 App 可以營造出村莊漸漸入睡的氛圍。

植物 App 可以做成剪紙風格。

義大利文學習 App 可以借鑒拿坡里撲克牌。

這個概念會成為字體、排版、色彩、插畫與動態效果的基礎。

目標是別再套用千篇一律的 UI 模式，而是從一個真正的點子出發。

不採用第一個設計

AI 設計最大的問題之一，就是太早定案。

你給它一段提示詞，它產出一個方向，然後所有東西就繞著這第一個答案蓋下去。

這個技能會逼 Claude 先探索三個不同的方向。

比較過後，才會挑其中一個繼續往下做。

光是這一點，就能讓最終成果少掉很多可預測性。

接著自我檢視

畫面設計好之後，會用 Apple 的字型以真實 iPhone 解析度渲染出來。

然後再跑一輪審查，抓出 AI 生成 UI 常見的毛病。

萬用的元件樣式、薄弱的視覺階層、不一致的間距、重複的卡片、多餘的漸層，以及看起來像套版而不是產品的排版。

只要哪裡顯得太過平庸，就會再重做一遍。

工作流程是：

概念 → 方向 → 設計 → 渲染 → 審查 → 優化。

重點不是讓 AI 做得更漂亮，我做這個不是因為 AI 做不出好看的介面。

它做得到。

問題在於，「好看」跟「與眾不同」是兩回事。

很多 AI 生成的 App 單獨看都很精緻，但把十個擺在一起，就會覺得它們是同一款產品。

上面這些圖片，都是為了避開這種狀況而做的。

不同的 App，就該像不同的世界。

這就是這個技能存在的意義：

保留 AI 生成設計的速度，同時不會做出那種一看就知道是 AI 生的東西。