如何用 AI 建置 App：實用指南

你今天就能不用自己寫程式，用 AI 建置一個可以運作的 app：用白話描述你要的東西，AI app 建置工具會撰寫程式碼並在即時預覽中執行，你再透過聊天不斷調整，直到它做到你需要的功能。接著，你把它發布到公開網址。仍然需要技巧的部分，是決定要做什麼，以及清楚地描述它，而這正是本指南的重點。

「用 AI 建置 app」實際上是什麼意思

被稱為「用 AI 建置 app」的工具，大致有三種截然不同的類型：

本指南談的是第一種。如果想更詳細了解其中的差異，請參考 AI app 建置工具與 AI 程式開發助手的比較。

步驟 1：決定第一版要做什麼

造成結果令人失望的最大原因，就是一次要求太多。在開啟任何工具之前，請先寫下：

• 誰會使用它。 「預約剪髮的客人」比「使用者」更有用。
• 它必須完成的一項工作。 預約 app 的工作，是讓人選擇時段並確認預約。評論、忠誠點數與部落格可以之後再說。
• 它會保存哪些資料。 預約、客戶、服務項目。把這些列出來，就能告訴 AI 資料庫需要什麼。
• 誰能看到什麼。 所有人都能看到所有預約，還是只有店主能看？這決定了你是否需要登入與角色權限。

用三到四句話涵蓋這些重點，會比一大頁功能清單更適合作為第一則提示。

步驟 2：撰寫第一則提示

好的第一則提示會描述產品，而不是程式碼。例如：

為一家小型髮廊建置預約網站。客人可以看到服務項目（名稱、時長、價格）、選擇一項服務、挑選本週的空閒時段，然後輸入姓名、電話與電子郵件。店主登入後可以看到今天與即將到來的預約，並能取消其中一筆。風格乾淨、現代，在手機上使用體驗良好。

這則提示說明了使用者、主要流程、資料與權限，而且完全沒有提到任何一項技術。建置工具會替你選擇合適的技術組合；如果你在意特定技術，仍然可以要求。例如在 Mythex，新的網頁應用程式預設使用 React 與 TypeScript，你也可以要求改用 Next.js、單純的靜態網站或 Python API。

更多有效的寫法請參考 如何為 AI app 建置工具撰寫提示。

步驟 3：像使用者一樣測試，每次只改一件事

第一版出現在預覽中後，請像使用者一樣使用它：預約一個時段、重新整理頁面、在手機大小的螢幕上試用。然後用小而具體的步驟要求修改：

• 好的說法：「當時段被預約後，就對其他客人隱藏該時段。」
• 比較不好的說法：「把預約做得更好。」

小的需求比較容易讓 AI 做對，也比較容易讓你檢查。如果某個修改出錯，大多數建置工具都讓你回復；Mythex 會保留檢查點，讓你可以回到先前的版本。

當出現問題時，請描述你做了什麼、預期會發生什麼，以及實際發生了什麼。把你看到的任何錯誤訊息貼上來。這通常就足以讓 AI 找出原因。

步驟 4：加入真實資料、登入與付款

原型通常從範例資料開始。真正的 app 需要保存人們輸入的內容。

• 資料庫。 用平實的話提出需求：「把預約儲存在資料庫中」。當你的 app 需要時，Mythex 會為專案附加專用的 Postgres 資料庫。如果這個概念還很陌生，請參考 什麼是資料庫。
• 登入。 「加入以電子郵件與密碼註冊與登入的功能；只有店主可以看到預約頁面。」請說明誰能看到什麼。
• 付款。 大多數 app 透過 Stripe 收款。你需要一個 Stripe 帳號與其 API 金鑰；AI 會替你接好結帳流程。我們的 如何為 app 加入付款功能 指南說明了相關步驟。
• 電子郵件。 確認信與重設密碼需要 Resend 或 Postmark 等寄信服務。金鑰應放在專案的機密設定中，而不是放在聊天裡。

步驟 5：讓真人使用前先檢查

AI 建置工具擅長讓東西能運作，但並不會自動變得謹慎。在你分享連結前：

1. 嘗試看到你不該看到的資料。 以一位使用者登入，然後嘗試打開另一位使用者的頁面。
2. 在手機上測試。 大多數訪客會用手機。
3. 用錯誤的輸入測試表單：空白欄位、非常長的文字、格式錯誤的電子郵件。
4. 保守機密。 API 金鑰應放在環境變數中，絕不能寫在頁面程式碼裡。

我們的 AI 建置 app 安全檢查清單 會更深入地說明這些項目。

步驟 6：發布並讓人們看見

發布會把預覽變成一個可以分享網址的公開 app。在 Mythex 中，你開啟發布，選擇名稱，app 就會上線到 yourname.mythex.app；Pro 方案中，你可以連接自己的網域。託管、資料庫與檔案儲存使用與建置相同的點數餘額，因此不需要另外設定伺服器。

接下來是沒有任何工具能替你做的部分：找到第一批使用者。如何推出 app 並取得第一批使用者 提供了實用的做法。

AI app 建置工具擅長什麼，又在哪裡吃力

擅長：

• 網站、著陸頁與作品集
• 儀表板、管理後台與內部工具
• CRUD app：主要由表單、列表與紀錄組成的應用程式
• 用來以真實使用者測試想法的最小可行產品（MVP）
• 連接 Stripe、寄信服務與 AI API 等常見服務

較困難：

• 要上架 App Store 與 Google Play 的原生行動 app（大多數建置工具產生的是可在手機上運作的網頁應用程式）
• 由多個團隊開發、具嚴格合規需求的超大型複雜系統
• 需要即時或高效能處理的工作，例如多人遊戲或影片處理
• 無法描述什麼才叫「正確」的任何情況

對許多專案來說，實際的路徑是：先用 AI 建置第一版，從真實使用者身上學習，若超出能力範圍再請開發者加入，並在建置工具允許的情況下保留程式碼。

用 Mythex 建置你的 app

Mythex 是一套 AI app 建置工具：你描述 app，它在即時預覽中建置並執行，當 app 需要時會加入資料庫或檔案儲存空間，並發布到真正的網址。你可以免費開始，當你想自己編輯程式碼、匯出、同步 GitHub 或使用自訂網域時，再升級到 Pro。

如果你不想從空白頁面開始，可以瀏覽 範本 或 依 app 類型分類的 AI 建置工具，或依照 文件中的快速入門 操作。

本頁也有 阿拉伯文版本。

常見問題