網站設計

用 AI 代理做網站的實際流程:從需求到上線,人要把關哪幾步

2026-10-11·約 12 分鐘閱讀
用 AI 代理做網站的實際流程:從需求到上線,人要把關哪幾步
▸本文目錄(9)
AI 代理(AI agent):能自己拆解任務、使用工具、看結果決定下一步的 AI。做網站時,它可以建頁面、填內容、跑檢查,但方向對不對、內容正不正確,還是要人確認。

「跟 AI 說要一個咖啡店網站,它就自己做好了。」這樣的示範影片很多,看起來好像做網站只剩一句話。

實際上,AI 代理確實能做很多事:讀需求、排頁面、寫初稿、建版面、自己檢查有沒有壞掉的連結。可是它不知道你的客人是誰、哪個賣點最重要、價格寫錯會有什麼後果。這些事沒有人把關,做出來的網站看起來完整,內容卻可能是錯的。

這篇把用 AI 代理做網站的流程拆成 6 個階段,每一段說明 AI 適合做什麼、人一定要確認什麼。不管你打算自己用 AI 做,還是找設計團隊,都可以拿來對照。

AI 代理是什麼?跟聊天式 AI 差在哪

一般用 ChatGPT、Claude 聊天,是你問一句、它答一句,下一步要做什麼由你決定。AI 代理不一樣,你給它一個目標,它會自己規劃步驟、使用工具,做完一步看結果,再決定下一步。

Anthropic 在〈Building effective agents〉這篇文章裡做了區分:照預先寫好的路徑執行的叫「工作流程」,由 AI 自己決定步驟和使用哪些工具的才叫「代理」。文中也提醒,代理越自主,花費越高,錯誤也可能一路累積,所以要有防護機制,並在需要的時候回頭問人。

聊天式 AI AI 代理
怎麼運作 你問一句,它答一句 你給目標,它自己拆步驟執行
能不能動手 產生文字,要你自己貼上 可以直接建檔案、改頁面、跑檢查
誰決定下一步 你 AI,遇到卡關或需要判斷時回頭問你
出錯的影響 一段文字寫錯 可能一路錯下去,改到很多地方

AI 代理能「動手」,靠的是它能連上的工具。讓 AI 連到網站後台的方式,可以參考〈MCP 是什麼?〉。

流程總覽:6 個階段,誰做什麼

用 AI 代理做網站的 5 個關卡:人定目標、AI 提出架構、人審規劃、AI 建置與測試、人驗收上線

階段 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 是預測最可能出現的字詞,不是去查證事實,所以可能產生錯誤資訊,發佈前要人工檢查正確性。同一份指南也提到,頁面標題、描述、結構化資料、圖片替代文字,同樣要檢查。

內容階段人要逐項確認:

  1. 事實:成立年份、服務項目、產地、成分、證照,跟實際一致。
  2. 數字:價格、規格、時程、數量,沒有被 AI 改寫或四捨五入。
  3. 承諾:AI 喜歡寫「保證」「最」「第一」,這些說法你做不做得到。
  4. 語氣:讀起來像不像你會說的話,有沒有太多空泛的形容詞。
  5. 圖片: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 網頁設計聯繫。