# 策展 · X (Twitter) 🔥🔥

> 作者：ashen (@ashen_one) · 平台：X (Twitter) · 日期：2026-05-02

> 原始來源：https://x.com/ashen_one/status/2050274121939042724

## 中文摘要

# 如何在 48 小時內用 Claude Code 打造完整的 iOS App

如果你曾經嘗試過用「vibecode」（指透過 AI 快速生成程式碼）開發 iOS App，結果做出來的成品看起來跟 App Store 上其他 AI 垃圾應用沒兩樣，那這篇文章就是為你寫的。

大多數 vibecoded 的 App 看起來都一個樣：同樣的漸層背景、同樣的通用圖示、同樣無聊的 UI。原因在於每個人都只是叫 AI 幫忙寫 App，然後照單全收。他們跳過了真正重要的環節。

我用一週的時間打造了 @merlaiapp。它現在正在 App Store 等待審核被拒（不是通過，我們之後會談到這點）。它是一個包裝器的包裝器，後端運行在 Gemini、Claude、fal.ai 和 OpenAI 上。

但它的外觀比現在市面上每月營收 5 萬美元以上的 90% App 還要出色。

以下是我逐步完成的過程，以及你如何在讀完這篇文章後做到完全一樣的事。

---

# 第一步：尋找已經在賺錢的點子

別再試圖想出下一個價值十億美元的 App 了。那個點子不是你的，別人早就想到了，而且他們已經發布了。

去 Sensor Tower 或 AppKitty 看看。這些網站會精確告訴你哪些 App 在賺錢以及賺多少。按類別篩選——健康與健身、生產力、AI，隨你選。

我在 5 分鐘內發現了這些：

- 全方位食物掃描器：每月 70 萬美元
- 無 UI 的睡眠追蹤器：每月 3 萬美元
- AI 照片增強器：每月 9 萬美元，200 萬次下載
- AI 照片編輯器：每月 6 萬美元

這些都不是什麼新穎的點子。它們只是任何人都能呼叫的 API 包裝器。差別在於他們發布了，而你沒有。

你的目標不是每月 100 萬美元，你的目標是每月 1 萬美元。這只需要佔據那些已經有七位數營收的 App 市場份額的 0.5%。如果你無法說服自己能從一個已經被驗證的市場中分到 0.5%，那問題不在點子本身。

在放上「立即購買」按鈕並驗證真的沒人會付錢之前，永遠不要覺得你的點子很蠢。那才是你知道它蠢的方式，而不是在那之前。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1777680119388-diaHHKWoIXMAAbkTIjpg.jpg)

# 第二步：在動手前先尋找 UI 靈感

去 Pinterest。搜尋「iOS app design」、「tech app inspo」、「claymorphism」（黏土風格），或是任何符合你點子氛圍的關鍵字。

收藏 5 到 10 個你喜歡的設計。不要只選保守的風格，也選一些大膽的。那些有吉祥物、鮮豔色彩、不尋常排版的設計。

我在尋找的是：

- 一個佔據螢幕的大型吉祥物
- 明亮、強烈的色彩
- 實際螢幕上極簡的文字
- 無邊框設計，讓元素彼此融合

氛圍比功能更重要。功能只是一個 API 呼叫，5 分鐘就能搞定。氛圍才是讓人在 TikTok 上停止滑動的關鍵。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1777680119182-iaHHKW1tHXUAArYD9jpg.jpg)

# 第三步：用 GPT 2.0 製作吉祥物

這是我被問到最多的部分。這就是 Merl 存在的方式。

去 ChatGPT，建立一個新專案，以你的 App 命名，並上傳你的 Pinterest 參考圖。

透過語音轉文字與它對話。盡情地說。你提供的背景資訊越多，產出就越好。告訴它你在做什麼、你想要的氛圍是什麼、為什麼你上傳了那些特定的參考圖。

問它：這種 UI 風格叫什麼，你建議什麼樣的吉祥物方向？

以我們製作的第二個 App 為例：它告訴我我的參考圖是黏土風格。建議了一個「像百變怪一樣的變形吉祥物」——一團可以變成任何東西的黏土。然後我要求它提供 5 種不同顏色、手拿不同物品的變體。黃色拿畫筆、白色拿手機、黑色拿相機等等。

GPT 2.0 在 10 秒內完成了這 5 個，而且效果真的令人驚艷——簡直太強了。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1777680118777-iaHHKXeRjWwAIcyNVjpg.jpg)

# 第四步：用 Seedance 2.0 讓吉祥物動起來

去 @higgsfield（或是任何有 Seedance 2.0 的地方）。一次一個地上傳你的吉祥物圖片。

為每一個圖片寫一個 Prompt，運用它們手中的物品：

- 黃色拿畫筆：讓他畫架上的東西
- 白色拿手機：讓他接電話，一臉嫌棄地看著手機，然後掛斷
- 青色戴耳機：讓他聽好音樂，跟著節奏點頭

設定：1080p，9:16 直式，5 秒。不要做 15 秒的——你只是在循環播放這些影片，時間越長消耗的點數越多。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1777680118722-iaHHKXwZ7W4AAoQVVjpg.jpg)

為每個角色生成一個。起初你需要 5 到 10 個這樣的影片。對於 Merl，我有 20 多個在 App 中隨機循環播放。

這些 MP4 檔案就是幫助 App 看起來「不那麼 vibecoded」的關鍵。當整個螢幕背景是一個自定義動畫的吉祥物，而不是漸層色時，沒人會專注在按鈕 UI 上，他們看的是品牌！

# 第五步：取得你的 API Keys

在碰程式碼之前，先準備好這些：

1. fal.ai：用於實際的 AI 功能。如果你像我們一樣做換臉影片，特別是 Kling v3 動態控制。
2. Railway：用於託管你的登陸頁面。
3. Supabase：用於使用者資料儲存。
4. RevenueCat：用於支付。

直接把它們一個一個貼進 Claude Code。它會將這些儲存在專案中。

# 第六步：在 Claude Design 中設計 UI

Claude Design 被嚴重低估了。這是 Claude 今年發布的最強功能，但沒人討論它。

上傳你的 Pinterest 參考圖，以及任何你想複製元素的 App 截圖。告訴它：幫我設計一個使用我吉祥物角色的 3 步驟新手引導。讓吉祥物成為焦點。文字越少越好。每個螢幕都應該感覺像無邊框的全版影片。

回答它提出的所有問題。排版、顏色、強調色、佈局。不要跳過這些——每一個回答都會讓產出更精確。

然後要求它加入其餘部分：首頁、歷史紀錄、設定、服務條款、隱私權政策、付費牆、刪除帳號、登入。字面上就是所有東西。

每次生成需要 10-15 分鐘。你可以在這段時間處理 API Key 的步驟。

一旦滿意了，點擊「移交給 Claude Code」或下載為 Zip 檔。根據我的經驗，Zip 檔更可靠（也可以交給 Codex）——不過 Claude Code 直接移交也可以。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1777680119191-iaHHKYMBNXgAAjD4Tjpg.jpg)

# 第七步：在終端機中設定 Claude Code（不是 App）

我一開始是在 Claude Code App 中操作，後來切換到了終端機。終端機好用多了。它真的能控制你的電腦——開啟模擬器、執行 Xcode、推送到 GitHub，全部都能做。

建立一個新的私有 GitHub 儲存庫。命名它。在本地 clone 下來。

略過權限檢查是不可妥協的。你絕對不想坐在那裡按 400 次「接受」。除非你在問問題，否則永遠保持這個設定開啟。

開啟 3-4 個終端機分頁。每一個都並行執行 Claude。一個用於 UI 建置，一個用於後端，一個用於登陸頁面。只要你告訴它們各自負責什麼，它們就不會互相干擾。

將對話檢視設定為 verbose（詳細），這樣你就能即時看到正在發生的事情。summary（摘要）或 normal（正常）隱藏了太多細節。

# 第八步：建置 App + 開啟模擬器

將 Claude Design 的 Zip 檔拖進終端機。告訴它：使用這個設計，建置整個 App，準備好後開啟 iPhone 17 Pro Max 模擬器。

模擬器會自動開啟。你可以直接將圖片和影片拖進去，將它們加入相簿以進行測試。

如果你的建置第一次失敗了（我的失敗了——新手引導過來了但首頁沒過來），只要告訴 Claude Code 哪裡壞了。它會修復它。在 vibecoded 的 App 中，不要對除錯想太多。Claude 寫了這個 Bug，Claude 就能修復它。

一旦 App 在模擬器上載入且你對 UI 滿意了，給它 API Keys 並告訴它串接實際功能：

> 嘿，設定 fal.ai 用於 Kling v3 動態控制。使用者上傳一段影片和一張圖片。影片透過 Kling v3 處理，並以該圖片作為臉部參考。輸出結果儲存到歷史紀錄。加入一個帶有進度百分比的載入畫面。

這需要 5-10 分鐘。你就會得到一個可運作的 App。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1777680119110-ediaHHKYn6AXAAAw4jpg.jpg)

# 第九步：定價 + RevenueCat（最煩人的部分）

去 RevenueCat。建立一個新專案。然後在另一個分頁開啟 Claude，把你看不懂的每一個頁面截圖給它。問它：我這裡該貼什麼，這代表什麼意思？

在設定價格之前，問 Claude：考慮到 fal.ai Kling v3 每秒成本為 X 美元，而 Apple 抽成 30%，我應該收費多少？

以 Kling v3 每秒 0.126 美元計算，5 秒影片成本為 0.63 美元。Apple 抽成 30%，所以你每美元的淨利是 0.70 美元。

Claude 建議：

- 起初提供 3 次免費生成
- 每月 9.99 美元 Pro 版
- 每年 59.99 美元（省 50%）

不要照抄。做你自己的市場研究。去 App Store 看競爭對手的 App 並檢查他們的定價。第一天你不會想收得比他們貴。

然後去 App Store Connect 並在那裡建立相同的 App 內購買項目。RevenueCat 和 App Store Connect 必須完全對應。問 Claude。這很煩人，但不難。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1777680118712-iaHHKZPq4XEAARMS8jpg.jpg)

# 第十步：在 Railway 上架設登陸頁面

在你的第二個終端機分頁中：

> 為這個 iOS App 製作一個登陸頁面。使用我資料夾中的 asset。不要讓它看起來像 vibecoded。完成後在 localhost 開啟。

它會在 5 分鐘內搞定。用 API Key 推送到 Railway。你就完成了。

不要花 8 小時在登陸頁面上。花 8 小時在 App 上。登陸頁面只是 App Store 連結的佔位符。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1777680118717-diaHHKZZRWAAABDQ9jpg.jpg)

# 沒人會告訴你的事：拒絕即將到來

我上個月寫了一整篇文章談論這個。你「一定」會被拒絕。做好心理準備。

大多數拒絕與 App 是否為 vibecoded 無關。都是些小事：

- 強制登入（需要提供訪客選項）
- 沒有 AI 同意書
- 沒有刪除帳號按鈕
- 付費牆不夠明確
- 使用你的圖示作為宣傳圖片

在提交之前去讀讀我的 iOS 拒絕文章。或者直接把這份清單餵給 Claude，問它：我在提交前有滿足所有這些條件嗎？

---

TL;DR (總結)

- 找到一個每月營收 5 萬美元以上的現有 App，搶佔該市場 0.5% 的份額。
- 用 Pinterest 找氛圍，GPT 2.0 做吉祥物，Seedance 2.0 做動畫。
- 4 個 API Keys：fal.ai、Railway、Supabase、RevenueCat。
- 用 Claude Design 做 UI，在終端機中使用 Claude Code（現在也可以用 Codex）來建置。
- 永遠使用 `--dangerously-skip-permissions` 並開啟 3-4 個並行分頁。
- 吉祥物影片是讓 App 看起來「不那麼 vibecoded」的關鍵。
- 預期會收到 Apple 的 5 次以上拒絕，沒有一次是因為程式碼問題。

這整篇文章的影片版本（製作花了 8 小時，是我做過最長的影片）：

## 標籤

Claude Code, CLI, 教學資源, iOS, Anthropic, Claude