用 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 中打開 Settings,然後是 Connectors,選擇 Add custom connector,並貼上你在 Mythex 帳戶設定中取得的 MCP 網址。在 Mythex 的同意頁面批准存取後,Claude 便可以建立專案、編輯檔案、執行指令、附加資料庫和儲存空間、啟動預覽及發布。每項工具結果都附有工作區連結,因此 Claude 工作時,你可以在 Mythex 中看到 App 逐步成形。任何 Mythex 方案都可以連接;沙盒工具則需要 Pro 方案。
- 從 Mythex 帳戶設定的 MCP / Claude 下方複製 MCP 網址
- 在 Claude 中:Settings、Connectors、Add custom connector,貼上網址後按 Connect
- 如被要求,請登入 Mythex,並按「Allow access」
- 要求 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 啟動預覽並分享連結,然後根據你看到的結果回應,而不是根據程式碼。出錯時,要求它先讀取紀錄,再嘗試修正。發布前,可以讓它使用瀏覽器工具走一遍主要流程,截圖會回傳到對話中。
- 「建立一個名為 Reading List 的 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 生成器:用文字製作可用 App
- 阿拉伯文 AI App 製作工具
- 阿拉伯文 AI 網站製作工具
- AI 預約 App 製作工具
- AI App 製作工具:描述你的 App,即得可用版本
- 用 ChatGPT 製作 App
- AI 客戶專區製作工具
- AI CRM 製作工具
- AI 儀表板生成器
Mythex · Pricing · 用 AI 建造任何嘢 · 網站及應用程式範本 · Mythex 比較 · AI 應用程式開發詞彙表 · 免費 AI 應用程式開發工具 · English