Hi, this is Robert. Here I share top of minds about tech, PM career, and product development. Your support means a lot to me, and if there’s a topic you’d like to explore together, don’t hesitate to reach out 🤝
在過去幾個月裡，數千名開發者使用 Bolt、Lovable 和 v0 等工具創建了網站和網頁應用程式。他們在 X（前 Twitter）、Reddit 和 YouTube 上分享的成果堪稱魔法：人們正在構建具有互動性和動態功能的產品，甚至能夠盈利——而這一切都不需要編寫程式碼。
能夠僅透過與機器人對話就創建功能性產品的能力，引起了所有人包含技術人員與非技術人員的廣泛關注，使這一領域的初創公司迅速增長。根據公開的數據，Bolt 的年收入預估已達 2000 萬美元，而 Lovable 則在開始變現後短短兩個月內成長到 1000 萬美元。
一種基於大型語言模型（LLM）的新型應用程式開發架構正在興起。在這些網站生成解決方案出現之前，當你問一個技術人員「你的stack是什麼？」時，他們會列出一堆程式庫/library/ etc。但如今，透過文字創建應用程式的方式引入了一個新的抽象層。
過去，開發者使用 SDK 和框架，而現在，不常寫程式的使用者則使用基於像素的設計生成、圖片生成、網站生成和託管工具。
開發者用 AI 構建網站和網頁應用程式的工具有哪些？主要的應用場景和使用者類型是什麼？
以下我將深入探討這些工具的運作方式、技術限制以及未來的發展趨勢。
當前的文本轉網站與應用程式生成器市場
在這一市場中，有兩個主要的產品區別：
靜態網站 vs. 動態應用程式生成：
靜態網站主要用於傳遞資訊，具有基本的互動性（如提交聯絡表單或預約功能）。
動態應用程式則更加複雜，允許使用者執行更高級的操作，例如 CRM、表單提交和用戶登入等，通常需要整合數據庫和身份驗證系統。
是否支援程式碼導出：
所有應用程式生成工具，以及部分網站生成工具，實際上都會生成程式碼。
部分工具允許使用者導出程式碼，並在其他開發環境中進行編輯，而有些工具則不提供程式碼導出功能，而是要求使用者透過其平台或合作夥伴部署。
對於開發者來說，能夠查看、下載和修改程式碼至關重要，而對於非技術使用者來說，這一點則沒有那麼重要。
文本轉網頁應用程式工具的運作方式
這類產品的核心技術通常包括以下幾個部分：
LLM 生成程式碼： 根據使用者輸入的指令，生成對應的程式碼範例。
中介邏輯層： 管理檔案、程式碼變更以及第三方 API 調用。
第三方元件調用： 例如發送郵件、儲存數據、快取機制以及身份驗證等，通常透過現有的程式庫來實現，而 LLM 會參考
llms.txt來尋找合適的工具。
為什麼這類產品現在開始大爆發？
AI模型的進步： LLM 在大量高品質的程式碼和推理數據上進行訓練，能夠生成可執行的應用程式程式碼。
Web 框架的成熟： 例如 React、Vite 等，使得在瀏覽器中運行應用程式變得更輕量化、更容易。
第三方 SDK 的完善： Resend、Clerk、Supabase、Upstash 等公司提供的 SDK 使得 LLM 可以更快、更可靠地整合身份驗證和郵件發送等功能，而不必從零開始編寫所有代碼。
使用者如何選擇工具？
根據我們對數千條社群討論的分析以及與數十名使用者的交流，我們整理出了一個簡單的決策流程圖：
如果你是技術使用者，且希望從程式碼開始，你可能會選擇 AI 代碼編輯工具，如 Cursor 或 Windsurf。
如果你想從文本提示開始，則會選擇 Bolt 或 Lovable 等網站生成工具。
如果你是設計師，則可能會選擇像 Relume 或 Uizard 這類專注於 UI 設計的工具。
此外，許多開發者會將這些工具組合使用，例如：
先在 Lovable 生成一個基本的網頁應用程式，然後將程式碼導出到 Cursor 進一步修改。
先在設計工具中構建 UI，然後將程式碼轉移到 Bolt 進行開發。
這些工具真的好用嗎？
對於從未開發過應用程式的使用者來說，這類工具幾乎是魔法般的存在。而對於技術使用者而言，這些工具則能夠顯著加快開發速度，將數小時的工作壓縮成幾個簡單的指令。
但目前這些工具仍存在一些限制，例如：
整合困難： 例如身份驗證、數據庫、支付功能的設定可能會出錯。
錯誤難以排除： 由於 LLM 可能無法準確定位錯誤，開發者可能會陷入「無限 Bug 循環」。
程式碼過於龐大： 生成的程式碼過多時，工具可能無法正常處理，甚至會刪除或覆寫部分程式碼。
目前，這些工具主要用於prototype開發，而非正式的產品部署。儘管如此，隨著 AI 技術的不斷進步，我們預計這些工具將逐步擴展應用場景，並引入更完善的 AI 調試功能。
人們正在用這些工具創建什麼？
我們發現，這類工具的主要使用者可分為三類：
消費者：
例如，一位爸爸用 Bolt 創建了一個 AI 童話故事生成器。
一位用戶用 v0 創建了個人財務追蹤應用程式。
一位設計師使用 Replit 創建了一個手機遊戲。
開發者（新手與專業人士）：
例如，有人用 Bolt 開發了一款無廣告的sudoku遊戲。
一家新創公司用 v0 開發了專業級的音訊測量工具。
顧問與代理商：
例如，一位顧問使用 Bolt 為赫爾辛基的一家餐廳建站。
另一位使用者用 Replit Agent 在一小時內搭建了一個帶 Stripe 支付功能的電商平台。
未來的發展方向
產品將針對不同使用者細分
進入企業級市場，支援內部工具開發
更無縫的「一鍵式」整合（例如 Shopify、Instagram、Stripe）
隨著技術發展，這些工具將持續演進，最終可能成為 AI 原生開發的重要基礎設施。
I post regularly on:
Threads (by Meta): https://www.threads.net/@robertchen0225
Thank you,