用 AI 建置 / 用 Claude 製作 App
用 Claude 製作 App
用 Claude 製作 App 有兩種誠實可行的方式。一是把 Mythex 連接為 Claude 的連接器,讓 Claude 在附有即時預覽、資料庫與一鍵發布的 Mythex 雲端專案中撰寫程式碼;二是在 Mythex 中描述你的 App,由它自己的代理人製作,完全不需要設定 Claude。
適合誰
已經在 Claude 中規劃與撰寫內容,希望最終成果是可運作、有公開網址的 App,而不是要自行複製的程式碼區塊的人。也適合喜歡 vibe coding、但不想設定伺服器、資料庫與主機的 Claude 使用者,以及正在考慮要在 Claude 還是專門的 App 製作工具中製作的人。
你可以建置什麼
- Claude 在 Mythex 專案中建立的習慣追蹤工具,可透過它回傳的預覽連結開啟
- Claude 為你在 Mythex 中開始的 App 新增的 Postgres 資料表與管理頁面
- 你與 Claude 撰寫的規格,轉換為已發布的預約 App
- Claude 讀取 App 記錄後修正的失敗 API 路由
- 透過 vibe coding 與 Claude 製作、並發布到公開網址的候補名單著陸頁
路徑一:在 Claude 中使用 Mythex
Mythex 提供遠端 MCP 伺服器,Claude 可將它加入為自訂連接器。在 Claude 中開啟「設定」,再選擇「連接器」,點選「新增自訂連接器」,並貼上你在 Mythex 帳戶設定中取得的 MCP 網址。在 Mythex 的同意頁面上核准存取後,Claude 就能建立專案、編輯檔案、執行指令、附加資料庫與儲存空間、啟動預覽並發布。每個工具結果都附有工作區連結,因此你可以在 Claude 工作時,於 Mythex 中看著 App 逐步成形。任何 Mythex 方案都能連接;沙盒工具則需要 Pro 方案。
- 從 Mythex 帳戶設定的 MCP / Claude 區塊複製 MCP 網址
- 在 Claude 中:設定、連接器、新增自訂連接器、貼上網址、連接
- 若系統要求,請登入 Mythex,並按下「允許存取」
- 請 Claude 開始製作,然後開啟工作區連結查看即時預覽
路徑二:在 Mythex 中描述 App
如果你不需要讓 Claude 參與過程,就略過連接器。開啟 Mythex,在它的聊天中描述 App,Mythex 代理人會在即時預覽中製作它,並在 App 有需要保存的資料時附加資料庫與檔案儲存。這條路徑在免費方案中以每日點數運作,你只要要求修改,不必操控工具呼叫。許多人會混合使用兩者:先與 Claude 把點子想清楚,再把完成的簡報當作第一則提示貼進 Mythex。
Claude App 製作工具還是 Claude Code?
Claude 非常擅長推理程式碼與撰寫程式碼;如果你已經有程式庫、執行它的機器與部署的地方,Claude Code 會是很好的選擇。完整的全端 App 仍需要一個可以運行的地方:執行中的預覽、資料庫、檔案儲存,以及陌生人能開啟的網址。Mythex 負責提供這個部分。已經有自己技術堆疊的開發人員,可能只需要 Claude Code;但如果你希望 App 上線,又不想自行安排主機,加入 Mythex 就能補上這個缺口。
與 Claude 進行 vibe coding:有效的請求方式
與 Claude 進行 vibe coding 時,每則訊息最好只描述一個你能在畫面上檢查的結果。先說明畫面與資料,請 Claude 啟動預覽並分享連結,然後針對你看到的結果做出回應,而不是針對程式碼。出現問題時,先請它讀取記錄,再去猜測修正方式。發布前,請它使用瀏覽器工具走一遍主要流程,截圖會回傳到對話中。
- 「建立名為閱讀清單的 Mythex 專案,並製作一個可以儲存書籍的頁面」
- 「附加資料庫,並把書籍存在那裡」
- 「啟動預覽並給我連結」
- 「檢查記錄並修正統計頁面的錯誤」
- 「發布後把網址傳給我」
運作方式
- 用白話文描述你想要的內容,或從下方的範本開始。
- 看 Mythex 在即時預覽中建置它,背後有真正的資料庫。
- 透過對話做任何修改:文字、版面、欄位、功能。
- 一鍵發佈到公開網址,並在 Pro 方案中連接你自己的網域。
可以開始使用的提示詞
請製作一個閱讀清單 App,讓我儲存書籍,包含書名、作者、狀態(想讀、閱讀中、已讀完)以及五分制評分。另外新增統計頁面,顯示今年每個月讀完的書籍數量。所有資料請儲存在資料庫中,並確保在手機上運作良好。
常見問題
Claude 能獨自製作整個 App 嗎?
Claude 能撰寫 App 的程式碼,並解釋每個部分。要讓那些程式碼以含資料庫與公開網址的真正 App 運行,它需要一個執行的地方,而連接 Mythex 就能提供。若沒有連接器,你就得把程式碼複製到自己的專案中,並自行託管。
Claude 的 Mythex 連接器免費嗎?
任何 Mythex 方案都能連接並核准存取。驅動雲端沙盒的工具需要每月 25 美元的 Mythex Pro 方案,以及沙盒時間的點數。你的 Claude 使用量則由 Anthropic 依你自己的 Claude 方案另行計費。
Claude 製作時,我能即時觀看 App 嗎?
可以。每個工具結果都包含一個工作區連結,會在 Mythex 中開啟附有即時預覽的專案。Claude 也能啟動預覽,並直接把預覽連結交給你。
同樣的連線可以從 Cursor 或 Codex 使用嗎?
可以。它們使用同一個遠端 MCP 伺服器與同一個網址,因此你可以在 Claude、Cursor 與 Codex 之間切換,並繼續處理同一批專案。
如果我不再使用 Claude,App 會怎麼樣?
專案會保留在你的 Mythex 帳戶中。你可以繼續在 Mythex 自己的聊天中製作、發布它,或日後重新連接 Claude,從相同的檔案接著繼續。
我需要會寫程式嗎?
不需要。你用一般語言描述想要的內容,Mythex 會撰寫程式碼、顯示即時預覽,並讓你透過聊天修改。若有需要,程式碼編輯器與終端機也都在那裡。
每次都要說明我的業務嗎?
不用。Mythex 會在所有專案間記住你是誰、你的工作方式,並依照你為專案設定的常駐說明執行,所以你不必在每次新聊天中重新說明。這些設定你都可以閱讀、編輯或全部關閉。
費用是多少?
有每日點數的免費方案,足以製作並發布第一版。Pro 方案每月 25 美元,增加完整程式碼編輯、GitHub 匯出、自訂網域與點數加購。
更多用 AI 建置的方式
- Android App 製作工具:用 AI 製作 Android App
- AI App 生成器
- 阿拉伯文 AI App 製作工具
- 阿拉伯文 AI 網站製作工具
- AI 預約 App 製作工具
- AI App 製作工具:描述你的 App,立即得到可運作的成品
- 用 ChatGPT 製作 App
- AI 客戶入口網站製作工具
- AI CRM 製作工具
- AI 儀表板生成器
Mythex · Pricing · 用 AI 打造任何東西 · 網站與應用程式範本 · Mythex 比較 · AI 應用程式開發詞彙表 · 免費的 AI 應用程式開發工具 · English