「跟 AI 說要一個咖啡店網站,它就自己做好了。」這樣的示範影片很多,看起來好像做網站只剩一句話。
實際上,AI 代理確實能做很多事:讀需求、排頁面、寫初稿、建版面、自己檢查有沒有壞掉的連結。可是它不知道你的客人是誰、哪個賣點最重要、價格寫錯會有什麼後果。這些事沒有人把關,做出來的網站看起來完整,內容卻可能是錯的。
這篇把用 AI 代理做網站的流程拆成 6 個階段,每一段說明 AI 適合做什麼、人一定要確認什麼。不管你打算自己用 AI 做,還是找設計團隊,都可以拿來對照。
AI 代理是什麼?跟聊天式 AI 差在哪
一般用 ChatGPT、Claude 聊天,是你問一句、它答一句,下一步要做什麼由你決定。AI 代理不一樣,你給它一個目標,它會自己規劃步驟、使用工具,做完一步看結果,再決定下一步。
Anthropic 在〈Building effective agents〉這篇文章裡做了區分:照預先寫好的路徑執行的叫「工作流程」,由 AI 自己決定步驟和使用哪些工具的才叫「代理」。文中也提醒,代理越自主,花費越高,錯誤也可能一路累積,所以要有防護機制,並在需要的時候回頭問人。
| 聊天式 AI | AI 代理 | |
|---|---|---|
| 怎麼運作 | 你問一句,它答一句 | 你給目標,它自己拆步驟執行 |
| 能不能動手 | 產生文字,要你自己貼上 | 可以直接建檔案、改頁面、跑檢查 |
| 誰決定下一步 | 你 | AI,遇到卡關或需要判斷時回頭問你 |
| 出錯的影響 | 一段文字寫錯 | 可能一路錯下去,改到很多地方 |
AI 代理能「動手」,靠的是它能連上的工具。讓 AI 連到網站後台的方式,可以參考〈MCP 是什麼?〉。
流程總覽:6 個階段,誰做什麼

| 階段 | AI 代理做什麼 | 人要把關什麼 |
|---|---|---|
| 1. 需求與目標 | 整理訪談紀錄、追問沒講清楚的地方 | 網站為誰做、要客人做什麼 |
| 2. 架構規劃 | 提出網站地圖、首頁區塊順序 | 頁面取捨、優先順序 |
| 3. 設計與建置 | 依規範建版面、套用元件 | 風格是否像這個品牌 |
| 4. 內容 | 寫文案初稿、整理圖片 | 事實、價格、承諾是否正確 |
| 5. 測試 | 跑連結、表單、手機版、速度檢查 | 親手用一次,像客人一樣走流程 |
| 6. 上線與交接 | 準備上線清單 | 綁網域、正式發佈這類不可逆的動作 |
簡單說,AI 代理負責「做」和「查」,人負責「決定」和「按下確認」。下面一段一段說明。
開工前:需求和目標,只有人能定
AI 代理最怕的不是任務難,而是目標模糊。你說「幫我做一個好看的網站」,它會選最常見的做法,做出一個跟大家都很像的網站。
開工前,人要先回答這幾個問題:
- 網站主要給誰看?是第一次認識品牌的人,還是已經在比價的人?
- 看完網站,希望客人做什麼?填表單、加 LINE、直接下單?
- 跟同業比,你最想讓客人記住的一件事是什麼?
- 有哪些事情絕對不能寫錯?例如價格、服務範圍、營業時間。
這些答案 AI 猜不出來,但 AI 可以幫你問。一個實用的做法是請 AI 代理扮演訪談者,一題一題問你,最後整理成一份需求文件。Claude Code 的官方最佳實踐也建議,比較大的功能先讓 AI 訪談你、寫成規格文件,再開始動手。
需求文件出來之後,換 AI 提出網站地圖和首頁區塊順序。這一步人要把關的是取捨:AI 常會把所有想得到的頁面都列進去,但小品牌第一版網站,頁面少而清楚,通常比頁面多卻空洞更有用。哪些頁面先做、哪些之後再補,要由了解生意的人決定。
設計與建置:先給規範,再讓 AI 動手
架構確定後,AI 代理可以開始建版面。這是 AI 加速最明顯的一段,以前要花好幾天排的頁面,現在可以很快出一個能在手機上滑的版本。
但要讓 AI 做得好,有一個前提:先給它設計規範。品牌色、字型、按鈕樣式、圖片比例、標題大小,整理成一份文件,請 AI 每一頁都照著做。沒有規範,AI 每做一頁就自己決定一次,做到第五頁,按鈕可能已經長得不一樣了。
這一段人要把關的地方:
- 風格對不對:版面整齊不代表像這個品牌。高價服務和平價商品,畫面給人的感覺應該不同。
- 第一屏說了什麼:客人打開網站的第一眼,看不看得懂你在做什麼。
- 手機上好不好用:按鈕會不會太小、字會不會太擠。
建議的做法是先讓 AI 做首頁,人確認方向之後,其他頁面再照同樣的風格展開。一次叫 AI 做完全站再來改,改的範圍會大很多。
內容:AI 寫初稿,事實人核對
文案和圖片是最容易「看起來沒問題、其實有問題」的地方。
AI 寫出來的文案通常很通順,但它不知道你的實際情況,資訊不夠時會自己補。Google 搜尋中心〈使用生成式 AI 內容的指南〉提醒,生成式 AI 是預測最可能出現的字詞,不是去查證事實,所以可能產生錯誤資訊,發佈前要人工檢查正確性。同一份指南也提到,頁面標題、描述、結構化資料、圖片替代文字,同樣要檢查。
內容階段人要逐項確認:
- 事實:成立年份、服務項目、產地、成分、證照,跟實際一致。
- 數字:價格、規格、時程、數量,沒有被 AI 改寫或四捨五入。
- 承諾:AI 喜歡寫「保證」「最」「第一」,這些說法你做不做得到。
- 語氣:讀起來像不像你會說的話,有沒有太多空泛的形容詞。
- 圖片:AI 生成或挑選的圖,有沒有跟實際商品、店面不符的地方。
想讓 AI 寫得更接近品牌語氣,關鍵在給它的資料,這部分可以看〈AI 寫官網文案〉。
測試與上線:讓 AI 跑檢查,關鍵動作人來按
測試是 AI 代理很擅長的一段。它可以一頁一頁點連結、送出測試表單、截圖比對手機版和電腦版、用 PageSpeed Insights 這類工具檢查速度,再把問題列成清單。Claude Code 的官方文件也強調,要給 AI 一個能自己執行的檢查方式,例如測試或截圖比對,並請它拿出證據,而不是只說「完成了」。
不過 AI 的檢查有盲點:它會確認「表單送得出去」,不一定會注意到「通知信寄到一個沒人看的信箱」。所以測試的最後一步,人要親手用一次網站,用手機從首頁走到聯絡表單,像第一次來的客人一樣。上線前完整要檢查哪些項目,可以對照〈網站上線前檢查清單〉。
到了上線這一步,有一條原則:不可逆、會被別人看到的動作,由人來按。綁定正式網域、把網站設為公開、刪除舊網站、寄信給客戶,這些做了就很難收回。Anthropic 的提示詞最佳實踐也建議,遇到難以復原、影響共用系統、別人看得到的操作,應該先詢問使用者再執行。
AI 代理可以把上線清單準備好、把每一項的狀態列出來,但最後那個「確認」,由負責網站的人自己按。
自己用 AI 代理做,還是找人做?
AI 代理讓「自己做網站」的門檻低了很多。下面這張表可以幫你判斷:
| 情況 | 比較適合 |
|---|---|
| 只需要一頁活動頁,內容自己很清楚 | 自己用 AI 工具做 |
| 預算有限,願意花時間學、反覆調整 | 自己用 AI 工具做 |
| 網站要長期經營、會接到真實詢問或訂單 | 找設計團隊,用 AI 加速 |
| 需要品牌定位、架構規劃、多頁內容 | 找設計團隊,用 AI 加速 |
| 沒時間把關每一個環節 | 找設計團隊 |
自己做的話,最常卡關的不是建置,而是上面說的那幾個把關點:需求沒想清楚、內容沒有核對、上線後不知道誰在維護。
basedot 的做法是把 AI 放進整個流程裡加速,版面、文案初稿、頁面建置都能更快完成,但需求釐清、設計取捨和上線前的檢查由人負責。完整的步驟公開在〈basedot 網站建置流程〉。上線後,後台也可以接上 AI,用對話換圖、上文章、改商品,做法在〈網站後台接 AI 是什麼?〉。
AI 代理做網站常見問題
用 AI 代理做網站,需要多久?
一般來說,一頁式網站約 1~2 週、形象官網約 2~4 週、電商網站約 1~2 個月。AI 協作可以縮短版面建置和初稿撰寫的時間,但需求討論、素材準備和人工確認的時間省不掉,素材越早到齊,上線越快。
不會寫程式,可以自己用 AI 代理做網站嗎?
可以做出能看的網站,但要有心理準備:遇到錯誤時,你要能描述清楚哪裡不對,AI 才知道怎麼改。上線、網域、主機、表單通知這些設定,也要自己弄懂或找人協助。
AI 代理做的網站,之後可以自己改嗎?
要看網站做在哪裡。用架站平台或有後台的網站系統,之後可以登入後台改;如果 AI 直接產出程式碼,沒有後台,之後每次修改可能都要再請 AI 或工程師處理。開始前先想好上線後誰來更新。
讓 AI 代理直接改正式網站安全嗎?
風險在權限和確認。建議先在測試版或草稿上修改,確認後再發佈;連線用的金鑰當作密碼保管;刪除、發佈這類動作設定成要你同意才執行。
結論:AI 負責做和查,人負責決定和確認
AI 代理讓做網站快了很多,建版面、寫初稿、跑檢查都能交給它。但網站為誰做、內容對不對、什麼時候公開,這些判斷還是要人來。
把流程拆開看,人要把關的其實就五個地方:定目標、審規劃、看風格、核對內容、親手驗收並按下上線。守住這五個關卡,AI 代理就是很好用的幫手,而不是做出一個看起來完整、內容卻不對的網站。
有架設網站的需求,歡迎跟 basedot 網頁設計聯繫。




