你好，我是郭震
今天解決大家普遍遇到的一個問題，就是不用手寫程式碼如何生成漂亮且企業級的網站。
生成要求：不是那種只有一個程式碼檔案，只包括前端。而是，要包括所有前端和後端程式碼，不需要咱們手動再做調整，並且要一次執行透過的。
今天這篇文章咱們看下如何搞定。這篇文章提供了完整解決方案，感興趣的可以看看。
1 效果展示
我只是輸入一句提示詞，這是MiniMax Agent自動生成的網站頁面，下面是網站首頁：
直接也能生成這樣的VIP會員頁面，達到商用級別：
使用者登入頁面：
更多頁面我會在下文中展示，咱們再看看這個智慧體生成的工程檔案，數了下大概100個檔案，前端程式碼主要集中在src檔案，後端程式碼supabase資料夾，就連sql語句都生成好了：
不知道程式設計師看到這樣的生成效果和以上程式碼檔案，有何感想。坦誠講，在沒有AI到來之前，做這樣的一個專案，沒有個把月是做不完的。
而現在，20分鐘就搞定了，哪怕一天程式設計都沒學習的人，也能做到，因為只需要輸入一句提示詞，會打字就能做到了。具體步驟咱們接下來總結。
2 生成步驟
以上作品我使用AI智慧體生成，目前專業做網站的智慧體，我也調研了，常見的包括Lovable，MiniMax Agent，bolt.new，Skywork.ai，還有最近幾天釋出的GPT Agent，為了做周杰倫的歌曲網站，使用了這幾個工具實驗完後，發現MiniMax Agent做出的網站，前後端程式碼最全，能達到企業級可商用的標準。接下來咱們使用他家的這個智慧體，逐一展示生成步驟，中間我會比對分析其他智慧體的生成效果。
第一步，訪問下面地址進入：
https://agent.minimax.io/
如下頁面，預設會進入Agent模式，根據提示，輸入任務提示詞，提交就行：
第二步，輸入下面提示詞，大家可以直接複製我的提示詞，「建立一個周杰倫的歌曲網站，帶有登入、註冊，加入會員等後端支付功能，前端和後端程式碼邏輯要分開」：
第三步，回車後就會自動開始處理，如下圖所示：
智慧體會首先從high-level階段理解任務，包括專案計劃，目標，功能特性，技術架構會展示給我們，前端採用React + TypeScript，後端採用Supabase（資料庫+使用者認證+API）包括支付方法，部署方法等。執行步驟包括如下，它會跟我們確認是否可以：
MiniMax家的這個智慧體，這裡為什麼要跟我確認，然後再生成呢，原因是智慧體屬於長鏈思考和生成工具，工作時間長於純大模型生成時間，所以提前確認後很有必要，可以避免後續生成出來不是我們想要的。
接下來它會開始配置後端服務，預設使用Supabase整合，
這個就是手動點點就可以了，不用寫程式碼，配置好後如下所示，咱們選擇個人就可以：
在我調研的網站智慧體工具中，都能生成前端程式碼，但是能生成後端程式碼，包括一次直接生成帶Supabase後端API及資料庫整合到外部系統，Lovable，bolt.new，GPT Agent目前都做不到，GPT Agent目前只是處於Beta版本，生成的只是一個Demo，距離企業級還有一段路。
接下來它會自動為我們建立資料庫表，儲存圖片資源，專輯封面，使用者頭像等，全部自動執行：
這是中間執行過程，Sql表查詢一個例子，截圖放這裡大家看看：
接下來build_website_agent會獲取支付秘鑰，我們回覆它讀寫在.env檔案中就行了，如下圖所示：
接下來繼續開始後端程式碼生成，以及前端程式碼生成：
大家注意我劃紅線的這行，它對自動反思和執行自己生成的程式碼，若有問題它會自動糾正依賴包。除了修復環境外，他還會自動修復程式碼錯誤，如下圖所示，自動修復Typescript錯誤，DashboardPage等頁面錯誤：
這被稱作自我反思，是智慧體工作重要一環，保證了程式碼工程生成後能夠一次可執行的重要前提。
整個過程智慧體大概工作20-30分鐘，等全部執行完成後，會生成網站的體驗連結，點選Open可以直接一鍵開啟，在右側有一個預覽視窗：
開啟上面連結，整個網站就能呈現在我們面前，然後可以註冊：
成功後的頁面顯示如下：
3 後端能力
除了前端能力，我重點想說說MiniMax他家的這個智慧體後端能力，如下圖所示的後端程式碼，它能夠直接呼叫stripe的API，真正做到了直接在前端頁面交付：
如下所示，網站使用者只需要點選「選擇」按鈕：
就能在下方彈出支付介面：
當用戶支付後，鉤子程式碼會自動把支付資訊寫入到資料庫，如下圖所示，篇幅關係只能擷取部分程式碼：
打通前端頁面和後端支付功能，真正只需要配置一個秘鑰就能走通，目前這樣的智慧體很少有，我測試的MiniMax這家Agent，能做到！真正能夠生成可商用的網站，這為那些不會程式設計但想做副業的很多人，開闢了新的機遇。
至此完整網站部分全部介紹完成，大家按照我的步驟，文章一開始的問題便解決了。Agent能做到保留 Memory，長程網頁任務效果更穩定，視覺識別成本更低，多輪效果更好。
除此以外，我看他家的智慧體在長文字、多模態能力方面也挺好的，為此我又做了個實驗，嘗試4個PDF，2000多頁，220萬Token，總結為50頁PPT的例子，如下圖所示：
總結出來的PPT排版效果還是很好的，不是單一的文字，而是有程式碼，並且排版樣式多樣：
總之，想用的朋友可以按照文中教程去實驗，相信會對大家日後工作學習帶來幫助。以上過程，我也錄製了一個短影片，感興趣的朋友可以看看整個操作過程：
總結一下
這篇文章我完整演示瞭如何只通過一句提示詞，藉助 MiniMax Agent 生成一個前後端一體、可直接部署、具備支付功能的商用網站。具體來說，三個核心要點。
第一，真正可商用的一站式智慧體工具，相比其他只能生成前端程式碼的Agent，MiniMax這家的Agent 能自動生成包含 Supabase 後端、資料庫結構、支付介面（Stripe）等完整可執行專案，程式碼量達到上百檔案，工程級可維護。
第二，支援長鏈任務、自我修復能力強，Agent 不僅能分步驟思考與確認需求，還具備自我修復依賴、自我除錯 Typescript 錯誤的能力，確保生成的專案可用、可跑、可部署。
第三，原生多模態和MCP builder，只需一句話，就可以開發任意想要的mcp，完成後可在MiniMax Agent內直接複用，真的太方便了。
以上全文2868字，31張圖。如果覺得這篇文章對你有用，可否點個關注。給我個三連擊：點贊、轉發和在看。若可以再給我加個⭐️，謝謝你看我的文章，我們下篇再見。