# 策展 · X (Twitter) 🔥🔥

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

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

## 中文摘要

Claude Code 等工具打造非 AI 垃圾般的 iOS App。

作者 @ashen_one 完整示範如何在 1 小時內，使用 Claude Code、Claude Design、Seedance 2.0、GPT Image 2.0 等工具，建構一款外觀精緻、遠離「AI slop」（AI 垃圾）的 iOS App，包含完整運作後端與付費牆，強調透過精心設計避免 AI 生成的低質感。

**開發流程概述**  
從 00:00 開始，作者概述 App 建構藍圖，並分享先前如何在 1 週內完成「Merl」App。流程涵蓋市場研究（03:16）、選擇 wrapper 概念（07:04）、Pinterest UI 靈感蒐集（08:51），以及定義風格與吉祥物計畫（11:16）。

**視覺資產生成**  
- 使用 GPT Image 2.0 於 12:00 創作吉祥物。  
- 以 Seedance 2.0 於 17:04 動畫化吉祥物，強調此步驟的驚人效果（!!）。  
這些步驟確保 App 視覺遠離 AI 低質，具獨特魅力。

**介面設計與後端建置**  
在 Claude Design 中設計 onboarding 畫面（23:41），並於 32:30 建構完整 App 畫面。後端部分包括取得 API 金鑰（29:01）、設定 Supabase + Railway（35:31）、Claude Code GitHub 環境（35:31），以及多終端機 + 模擬器工作流程（38:57）。作者強調修復錯誤（43:17）和後端金鑰整合（44:00）的實戰細節。

**測試與商業化**  
生成登陸頁（46:23）和測試案例（53:52），整合 RevenueCat 與定價策略（57:40），最終於 01:00:54 收尾。此方法不僅實現功能完整，還包含付費牆，證明 AI 工具能產出專業級 iOS App，而非泛泛 AI 產物。

## 標籤

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