Cursor AI 建站教學:Cloud Agent 從空白到上線怎麼做?
文章摘要
Cursor 現在可以從一句話,直接幫你把網站做到上線,例如只要說:「幫我做一個活動報名頁面。」Cloud Agent 就能自動建立程式庫、撰寫程式。
AI 建站工具的入口門檻降到最低了嗎?先給你一個數字:根據軟體諮詢機構 Keyhole Software 2026 年統計,92% 的 AI 工具用戶說省了時間,但只有 29% 信任 AI 產出的程式碼,採用後程式缺陷(bug)率上升 41%。
Cursor(AI 程式編輯器)在 2026 年 8 月 27 日把 Cloud Agent(雲端 AI 助理)的入口降到「從空白開始」:只要你訂了 Cursor Pro 方案(每月 $20 起),不用先有 GitHub(程式碼託管平台),說一句話就能跑到有正式網址。
帶學員討論 coding agent(可以自己跑程式任務的 AI 助理)工具選型時,有學員問該不該把現在用的工具換成 Cursor。我的第一個反問是:你要做的東西,在流程的哪個位置?快速出一個展示原型,還是要正式上線、有人在登入使用?
這篇帶你跑完從空白到上線的完整流程,再用判斷框架拆解:做完之後哪些環節仍是你的責任。
AI 建站會得到什麼
跑完 Cursor Cloud Agent 的「從空白開始」流程,你會拿到三件東西:一個架在 Cursor Origin(Cursor 自家程式庫託管平台,目前公開測試版)上的程式庫、可以即時預覽的網站頁面、以及一個透過 Vercel(網站部署平台)取得的正式對外網址。
接案者做提案 demo(展示用成品)、小事業主做活動報名頁面、快速驗證一個想法的 MVP(最小可行產品)——只要目的是「有個東西可以讓別人看」,這個流程現在辦得到。
開始前準備什麼
兩個前提:
Cursor Pro 方案,每月 $20 起。 Cloud Agent 是 Pro 以上才有的功能,免費的 Hobby(基礎)方案不包含。credit(AI 用量點數)消耗依專案複雜度而異,現有公開資訊不足以估算跑完一個完整流程需要多少點數。
工具費用與可用範圍依 Cursor 與 Vercel 官方最新方案為準——Cursor Cloud Agent 需 Pro 方案(每月 $20 起),credit 消耗依專案複雜度而異;Vercel 免費方案有流量與建置限制,實際額度以官方公布為準。
Vercel 帳號。 Vercel 有免費方案,但流量與建置次數有上限。如果你的頁面流量不高,免費方案足夠起步;流量大的需要付費升級。
Cursor 建站四步驟
根據 Cursor 官方 changelog(2026 年 8 月 27 日),流程走四步:
-
選「從空白開始」,打你要做什麼:在 Cursor repo picker(程式庫選擇介面)選「Start from scratch」,輸入一句話描述你想要的頁面。做對了你會看到:Cloud Agent 開始執行,螢幕顯示它在做什麼。
-
確認程式庫設定:Cursor 在背後自動建立 Origin repo(程式碼儲存庫)。做滿意後點「Create repo」,設定名稱與公開/私有。做對了你會看到:一個架好的完整程式庫。
-
即時預覽與微調:Cursor 把執行環境 port-forward(轉接)到你的瀏覽器,用 design mode(設計模式)微調版面。做對了你會看到:網站的當前樣子。
-
連結 Vercel,取得正式網址:連結 Vercel 帳號,點 Publish(發布)。做對了你會看到:一個可以對外分享的正式網址。
做完不等於可用
這是整篇最重要的一段。Keyhole Software 2026 年對 vibe coding(靠自然語言讓 AI 寫程式)工具的統計:92% 的開發者每天用 AI 寫程式工具,但只有 29% 信任 AI 產出的程式碼,採用後 bug 率上升 41%,70% 的開發者需要花額外時間 debug(除錯)AI 產出。
入口門檻降低了,驗收機制沒有跟著降。這個門檻會在接下來幾個月繼續快速降低,但目前仍然成立:跑完流程,拿到的是一個可以展示的成品,不是一個通過了品質驗收的正式產品。
條件性同意
流程確實可以跑完,做出有網址可分享的東西。但「可看」和「可用」之間的距離,取決於你的驗收機制是否到位——你定義了多清楚的驗收標準、測了多少邊界情況,就決定了這個成品離「正式可用」有多近。
有用戶資料要小心
Cursor 官方文件自己標注了一條安全風險:prompt injection(惡意指令注入——讓 AI 被騙去做不該做的事)帶來的資料外洩風險。
程式碼在 Cursor 的 AWS(Amazon 雲端伺服器)上執行,secrets(密鑰/敏感資訊)管理停在基本層級,RBAC(權限控管)只在 workspace(工作空間)層。
涉及用戶資料、登入、支付的場景,現階段不建議直接用 Cursor Cloud Agent 跑到上線——先確認你的使用情境有沒有碰到這條紅線。
我的判斷
這條安全邊界不是 Cursor 特有的問題,而是現階段所有 cloud agent 工具都在解決的課題。Cursor 官方文件自己標注是誠實的;但這也意味著這個流程目前的使用範圍有其限定,不適合在沒有評估的情況下直接應用到高風險場景。
Cloud Agent 穩定嗎
Cloud Agent 的「從空白開始」功能目前仍是 beta(公開測試版)。
已知問題:3.16.29 版本 bug 把沒有 repo 的本地聊天強制引導進「從空白開始」模式,不是使用者要的行為;社群論壇也有 Cloud Agent 連線失敗、GitHub rate limit(使用次數上限)、圖片上限卡住等回報。
現在嘗試是「搶先體驗」,不是依賴穩定工具。遇到問題是常態,不是個案——調整心態後試用體驗會比較好。
上線前怎麼驗收
每個環節一個問題,做完打勾才算「可用」:
-
你的指令有沒有定義清楚的驗收標準? 沒有清楚目標,AI 容易修錯方向、過度優化不必要的地方。
-
錯誤處理與邊界情況有沒有測? 壞資料、網路失敗這類狀況,AI 不會自動處理好。
-
有沒有涉及用戶資料、登入、支付? 有的話先確認安全邊界,高風險場景仍需人工守門。
-
上線前的功能測試做了嗎? vibe coding 做不出 production(正式上線環境)等級的產品,少了測試流程仍只是展示品。
Cursor 適合什麼任務
帶學員討論選路看需求不看程度的框架時,最常被問到的是:「這個我要不要學、要不要換?」我的回答通常是:先問這個工具適合卡在你工作流程的哪一格,而不是這個工具有多強。
根據 AI 工具調查機構 DigitalApplied 2026 年彙整,大多數開發者維持三個工具搭配使用——不同工具在不同流程位置各司其職,而非單壓一家。
Cursor Cloud Agent 的「從空白開始」,適合的流程位置是:
| 使用情境 | 評估 |
|---|---|
| 全新專案從零開始 | 適合,直接跑流程 |
| 快速原型、接案 demo 頁 | 適合,跑完做人工驗收 |
| 涉及用戶資料或登入 | 需謹慎,先確認安全邊界 |
| 接管既有複雜程式碼庫 | 不適合,換其他工具 |
| 正式上線環境關鍵變更 | 不適合,需完整測試流程 |
把工具放在對的流程位置,而不是把整個流程交給工具。
這篇帶走的判斷框架是:入口門檻降低了,驗收責任沒有跟著降;做完一個展示品,不代表完成了一個可用的產品。問自己三件事:
-
我的指令裡有沒有說清楚這個頁面要通過什麼測試才算完成?
-
如果有人真的去用這個頁面,最可能出問題的環節是哪裡?
-
這個工具目前放在我工作流程的哪個位置最合理?
做出東西很容易了,判斷能不能用這一步,沒有工具能幫你。
常見問題
-
Cursor Cloud Agent 怎麼用? 訂閱 Cursor Pro 方案後,在 repo picker 選「Start from scratch」,輸入一句話描述你要做什麼,其餘步驟 Cloud Agent 會引導。
-
AI 建站要花多少錢? Cursor Pro 方案每月 $20 起,Vercel 有免費方案但有流量與建置上限。credit 消耗依專案複雜度而異,沒有公開的標準估算。
-
不會寫程式也能用嗎? 不需要懂程式語法。但需要能描述你要的功能、判斷成品有沒有做出你要的效果,以及在有問題時能說清楚哪裡不對。
-
做出來的東西能直接商用嗎? 取決於使用情境。展示頁、報名頁、demo 頁目前可以試。涉及用戶資料、登入、支付的場景,需先確認安全邊界。
-
Cursor 跟其他 AI 建站工具差在哪? Cursor 的強項是結合完整程式編輯環境與 Cloud Agent,從空白開始直接接到 Vercel 上線,路徑比多數工具短。弱項是目前功能仍在測試期,穩定性有待觀察。
-
Cursor Origin 是什麼,跟 GitHub 差在哪? Cursor Origin 是 Cursor 自家的程式庫託管平台,目前公開測試版,沒有免費方案也沒有公開 repo。跑 from-scratch 流程時你拿到的是 Origin repo,不是 GitHub repo。Origin 目前是補充,不是完整取代。
ChatGPT上線了四個入口,Chrome 擴充、桌面版內建瀏覽器、Codex Remote、MCP forms 四個入口差異,四個入口任務選型指南不必四個都裝
從 Claude Sonnet 5 的 Sonnet 層定價出發,拆解新AI模型解決了什麼與其缺點,三個關鍵結構指標:驗收機制、任務交接鏈與自動修正
Gemini 費用要分清楚 Gemini app 訂閱、Google AI Pro/Ultra 與 Gemini API 定價。本文用官方來源整理方案差異,並明確標記台灣 NTD 價格待官方結帳頁確…