用 AI 做 App 該選哪個?Codex、Claude、Cursor
作者:Mehdi Azizi
更新於 ,6 分鐘
比較 Codex、Claude Code、Cursor 與 App 生成器,依專案與你能驗證的範圍來選。
做 App 該選哪個 AI?
如果要在你自己的行動專案裡工作,可以看 Codex、Claude Code,或是像 Cursor 這種內建 agent 的編輯器。如果想從一段描述和自動生成的預覽開始,就看 App 建置平台。不管哪一種,都要確認專案格式、手機上的測試和上架流程。兩種情況也都屬於 vibe coding。
真正有用的選擇,取決於你想做什麼,以及你有能力驗證什麼。一個工具能產生大量程式碼,不代表就能做出可以用的 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 讓你從終端機工作。官方快速入門 也介紹了桌面版、編輯器和遠端工作的介面。
剛開始時,打開你 App 的資料夾,在做任何修改之前,先請它解釋專案的架構。接著給它一個結果看得到的小任務,例如在清單裡新增一個項目,關掉 App 後還找得到。
用 Codex 做 App 的教學 會詳細說明這第一段流程。
Claude Code:同一個專案的另一個 agent
Claude Code 能讀取和修改檔案、執行指令,並在多種介面中工作。原則一樣:一個明確的任務、有限的改動,再加上驗證。
在我的專案裡,技術棧規則和產品限制能避免讓 agent 自己亂猜。重大修改前一定要先看過計畫,之後也要檢查差異和結果。
要在這兩個 agent 之間做選擇,Codex 與 Claude Code 比較 提供了一個共同的練習。想走 Anthropic 的路線,可以看 Claude Code 教學。
Cursor:在編輯器裡追蹤改動
Cursor Agent 文件 說明了它怎麼處理程式碼以及有哪些工具。如果你想讓檔案一直在眼前、檢查差異、手動修一些細節,這條路可能適合你。
編輯器取代不了方法。面板很多的介面可能需要一段學習時間。先找到專案、終端機和被修改的檔案,然後一次只做一個功能。
Lovable、Rork 和 FlutterFlow:先看產出,再看預覽
Lovable 的 FAQ 寫明這個工具產出的是網頁應用。行動版適配、PWA,以及送審上架的 App,是不同的路線。
Rork Max 頁面 介紹了一條針對 Apple 的 SwiftUI 路線。FlutterFlow 則提供從它的視覺化環境 部署到 App Store 的文件。
要在這些平台之間做選擇,可以看 Lovable、Rork 與 FlutterFlow 比較。特別要確認匯出條件、需要的功能,以及之後能不能接手專案。
選擇第一條路線的對照表
| 你的需求 | 可以考慮的路線 | 第一個要確認的事 |
|---|---|---|
| 修改現有的行動專案 | Codex 或 Claude Code | agent 看得懂資料夾和指令 |
| 在編輯器裡查看、檢查程式碼 | 內建 agent 的 Cursor | 你知道怎麼找到並看懂一處修改 |
| 用一個連結快速分享服務 | Lovable 這類網頁生成器 | 流程在手機瀏覽器上能正常運作 |
| 在平台上做行動 App | Rork 或 FlutterFlow | 專案能依照你的目標測試和發佈 |
| 理解錯誤或釐清點子 | 和 AI 對話 | 解釋能讓你在真正的專案裡採取行動 |
這張表是用來引導第一次嘗試的,不是在幫工具打品質分數。
用這些工具都要確認的事
每個功能都要問它測了什麼,並在裝置上實際跑一遍流程。agent 在設定好的情況下可以使用截圖或畫面渲染工具,但它們不會自動看到你的手機。
也要確認資料存在哪裡、沒有網路時會怎樣,以及怎麼退回到一個能運作的版本。如果是付費 App,購買和恢復購買都需要各自測試。
用 AI 做 App 的陷阱 和 App Store 指南 會說明接下來的步驟。
預算要抓多少?
付費前先看目前的方案:介面、額度和點數都可能會變。把建置工具的費用和產品上架後的支出放在一起比較。App 裡呼叫 API 的費用,可能和你的 agent 訂閱分開計算。
iPhone App 的預算 能幫你釐清這些問題。你可以先從一個小功能開始,再慢慢增加服務。
選一個工具,完成第一個版本
如果你是新手,就專注在一條路線上,直到做出一個可以展示、可以測試的功能。iOS Kit 提供 我 App 的 Starter Code,以及每個步驟的 Claude Code skills。想學用 AI 的完整方法,可以看 vibe coding 課程 頁面。如果你已經在用 Claude Code,Claude Code 課程 頁面就是從它出發。
還在兩個工具之間猶豫?免費診斷 會從你的狀況和你已經在用的工具出發,告訴你應該先處理哪一步。你還會收到我的 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 比較 會詳細說明這些選擇。