# 用 AI 做 App 該選哪個？Codex、Claude、Cursor

> 比較 Codex、Claude Code、Cursor 與 App 生成器，依專案與你能驗證的範圍來選。

原始頁面：[用 AI 做 App 該選哪個？Codex、Claude、Cursor](https://devoria.fr/zh-hant/blog/ai-app-builder-codex-claude-cursor)
作者：[Mehdi Azizi](https://devoria.fr/zh-hant/mehdi-azizi)
發布日期：2026-09-23
內容最後修訂：2026-10-09


## 做 App 該選哪個 AI？

如果要在你自己的行動專案裡工作，可以看 Codex、Claude Code，或是像 Cursor 這種內建 agent 的編輯器。如果想從一段描述和自動生成的預覽開始，就看 App 建置平台。不管哪一種，都要確認專案格式、手機上的測試和上架流程。兩種情況也都屬於 [vibe coding](https://devoria.fr/zh-hant/blog/what-is-vibe-coding-definition-tools-limits)。

真正有用的選擇，取決於你想做什麼，以及你有能力驗證什麼。一個工具能產生大量程式碼，不代表就能做出可以用的 App。

我自己的 App 是用 React Native 和 Expo 做的。下面的方法建議來自我使用 Claude Code 和 Cursor 的經驗。其他工具的功能則是根據它們的官方文件整理，這篇指南不是品質評比。

## 和 AI 合作的三種方式

**專案裡的 agent。** 它會讀取檔案、修改檔案，也能在你的環境裡執行指令。你提出一個功能需求，檢查改動，然後測試。Codex 和 Claude Code 都提供這種流程。

**內建 agent 的編輯器。** 你保留一個程式碼介面，隨時看得到檔案和差異。Cursor 就是這種工作方式，裡面的 agent 能直接動你的專案。

**App 生成器。** 你在平台上描述你的點子，平台會處理一部分的建置和預覽。產出的格式不一定：網頁應用、行動專案，或專為 Apple 打造的專案。在把整個產品建立在上面之前，先確認它的產出。

一般的 ChatGPT 或 Claude 對話，也能幫你理解錯誤、準備需求。這些產品的其他模式可能有額外的權限和工具：別把單純的對話和連上你資料夾的 agent 搞混。

## Codex：OpenAI 在程式碼裡工作的方案

[Codex CLI](https://learn.chatgpt.com/docs/cli) 讓你從終端機工作。[官方快速入門](https://learn.chatgpt.com/docs/quickstart) 也介紹了桌面版、編輯器和遠端工作的介面。

剛開始時，打開你 App 的資料夾，在做任何修改之前，先請它解釋專案的架構。接著給它一個結果看得到的小任務，例如在清單裡新增一個項目，關掉 App 後還找得到。

[用 Codex 做 App 的教學](https://devoria.fr/zh-hant/blog/build-app-with-codex-beginner-guide) 會詳細說明這第一段流程。

## Claude Code：同一個專案的另一個 agent

[Claude Code](https://code.claude.com/docs/en/overview) 能讀取和修改檔案、執行指令，並在多種介面中工作。原則一樣：一個明確的任務、有限的改動，再加上驗證。

在我的專案裡，技術棧規則和產品限制能避免讓 agent 自己亂猜。重大修改前一定要先看過計畫，之後也要檢查差異和結果。

要在這兩個 agent 之間做選擇，[Codex 與 Claude Code 比較](https://devoria.fr/zh-hant/blog/codex-vs-claude-code-iphone-app) 提供了一個共同的練習。想走 Anthropic 的路線，可以看 [Claude Code 教學](https://devoria.fr/zh-hant/blog/claude-code-iphone-app-tutorial)。

## Cursor：在編輯器裡追蹤改動

[Cursor Agent 文件](https://cursor.com/docs/agent/overview) 說明了它怎麼處理程式碼以及有哪些工具。如果你想讓檔案一直在眼前、檢查差異、手動修一些細節，這條路可能適合你。

編輯器取代不了方法。面板很多的介面可能需要一段學習時間。先找到專案、終端機和被修改的檔案，然後一次只做一個功能。

## Lovable、Rork 和 FlutterFlow：先看產出，再看預覽

[Lovable 的 FAQ](https://docs.lovable.dev/introduction/faq) 寫明這個工具產出的是網頁應用。行動版適配、PWA，以及送審上架的 App，是不同的路線。

[Rork Max 頁面](https://rork.com/max) 介紹了一條針對 Apple 的 SwiftUI 路線。FlutterFlow 則提供從它的視覺化環境 [部署到 App Store](https://docs.flutterflow.io/deployment/apple-app-store-deployment/) 的文件。

要在這些平台之間做選擇，可以看 [Lovable、Rork 與 FlutterFlow 比較](https://devoria.fr/zh-hant/blog/lovable-rork-flutterflow-mobile-app-comparison)。特別要確認匯出條件、需要的功能，以及之後能不能接手專案。

## 選擇第一條路線的對照表

| 你的需求                   | 可以考慮的路線         | 第一個要確認的事                 |
| -------------------------- | ---------------------- | -------------------------------- |
| 修改現有的行動專案         | Codex 或 Claude Code   | agent 看得懂資料夾和指令         |
| 在編輯器裡查看、檢查程式碼 | 內建 agent 的 Cursor   | 你知道怎麼找到並看懂一處修改     |
| 用一個連結快速分享服務     | Lovable 這類網頁生成器 | 流程在手機瀏覽器上能正常運作     |
| 在平台上做行動 App         | Rork 或 FlutterFlow    | 專案能依照你的目標測試和發佈     |
| 理解錯誤或釐清點子         | 和 AI 對話             | 解釋能讓你在真正的專案裡採取行動 |

這張表是用來引導第一次嘗試的，不是在幫工具打品質分數。

## 用這些工具都要確認的事

每個功能都要問它測了什麼，並在裝置上實際跑一遍流程。agent 在設定好的情況下可以使用截圖或畫面渲染工具，但它們不會自動看到你的手機。

也要確認資料存在哪裡、沒有網路時會怎樣，以及怎麼退回到一個能運作的版本。如果是付費 App，購買和恢復購買都需要各自測試。

[用 AI 做 App 的陷阱](https://devoria.fr/zh-hant/blog/ai-ios-app-pitfalls-checks) 和 [App Store 指南](https://devoria.fr/zh-hant/expertise/publish-app-on-app-store) 會說明接下來的步驟。

## 預算要抓多少？

付費前先看目前的方案：介面、額度和點數都可能會變。把建置工具的費用和產品上架後的支出放在一起比較。App 裡呼叫 API 的費用，可能和你的 agent 訂閱分開計算。

[iPhone App 的預算](https://devoria.fr/zh-hant/blog/iphone-app-development-cost) 能幫你釐清這些問題。你可以先從一個小功能開始，再慢慢增加服務。

## 選一個工具，完成第一個版本

如果你是新手，就專注在一條路線上，直到做出一個可以展示、可以測試的功能。[iOS Kit](https://devoria.fr/zh-hant/kits/ios) 提供 [我 App 的 Starter Code](https://devoria.fr/zh-hant/kits/code-de-depart)，以及每個步驟的 Claude Code skills。想學用 AI 的完整方法，可以看 [vibe coding 課程](https://devoria.fr/zh-hant/expertise/vibe-coding-course-iphone-app) 頁面。如果你已經在用 Claude Code，[Claude Code 課程](https://devoria.fr/zh-hant/expertise/claude-code-course-ios-app) 頁面就是從它出發。

還在兩個工具之間猶豫？[免費診斷](https://devoria.fr/zh-hant/diagnostic) 會從你的狀況和你已經在用的工具出發，告訴你應該先處理哪一步。你還會收到我的 Apple 防退件檢查清單。

## 常見問題

### 做 iPhone App 該用哪個 AI？

依照你想做什麼、你有能力驗證什麼來選。要在你自己的行動專案裡工作，可以看 Codex、Claude Code，或像 Cursor 這種內建 agent 的編輯器。想從一段描述和自動生成的預覽開始，就看 App 建置平台。不管哪一種，都要確認專案格式、手機上的測試和上架流程。

### Codex、Claude Code 和 Cursor 有什麼不同？

Codex 和 Claude Code 是在你專案裡工作的 agent。它們會讀取檔案、修改檔案，也能在你的環境裡執行指令。你提出一個功能需求，檢查改動，然後測試。Cursor 是內建 agent 的編輯器：你保留一個程式碼介面，隨時看得到檔案和差異。

### ChatGPT 能做 App 嗎？

單純和 ChatGPT 對話，可以幫你理解錯誤、準備需求。但它不是連上你資料夾的 agent。要在你的程式碼裡工作，可以看 OpenAI 的方案 Codex：它會讀取檔案、修改檔案，也能執行指令。ChatGPT 的其他模式可能有額外的權限和工具。

### 可以免費用 AI 做 App 嗎？

要看你選的工具方案。介面、額度和點數都可能會變，所以付費前先看目前的方案。也要把建置工具的費用和產品上架後的支出放在一起比較。App 裡呼叫 API 的費用，可能和你的 agent 訂閱分開計算。

### 新手要怎麼用 AI 做出自己的 App？

選一條路線，一直走到做出一個可以展示、可以測試的功能。你可以在專案裡的 agent、內建 agent 的編輯器，或 App 生成器之間選擇。先從一個結果看得到的小任務開始，例如在清單裡新增一個項目，關掉 App 後還找得到。每個功能都要問它測了什麼，並在你的手機上實際跑一遍流程。

### 用 Lovable、Rork 或 FlutterFlow 可以上架 App Store 嗎？

要看工具，因為產出的格式不一樣。Lovable 做的是網頁應用：行動版適配、PWA，以及送審上架的 App，是不同的路線。Rork Max 頁面介紹了一條針對 Apple 的 SwiftUI 路線，FlutterFlow 則提供從它的視覺化環境部署到 App Store 的文件。[Lovable、Rork 與 FlutterFlow 比較](https://devoria.fr/zh-hant/blog/lovable-rork-flutterflow-mobile-app-comparison) 會詳細說明這些選擇。


## 你的專案

[iOS Kit](https://devoria.fr/zh-hant/kits/ios)：用 Claude Code 打造你的 iPhone App：我的 App 所用的 Starter Code、檢查成果的 skills，以及 Apple Review Kit、App Store Screenshots Kit 與 ASO Kit。129.99 €。