如果你最近開始注意 AI 做網站的消息，大概聽過 vibe coding：用說的，讓 AI 寫程式。沒多久，另一個詞又出現了：agentic coding。
兩個詞聽起來很像，都是讓 AI 寫程式。差別在於 AI 做事的方式，以及人在過程中扮演的角色。這篇用白話說明 agentic coding 是什麼、AI 代理實際上怎麼工作、跟 vibe coding 差在哪，以及一般品牌經營者會不會用到它。
Agentic coding 是什麼？
「Agentic」是「代理的、能自主行動的」意思。一般的 AI 助理，你問它，它回答一段文字或一段程式碼，複製貼上的是你。AI 代理不一樣：它可以自己動手。
以 Anthropic 的 Claude Code 為例，官方文件的描述是：一個會讀取你的程式碼、編輯檔案、執行指令，並整合開發工具的程式代理。OpenAI 的 Codex 也是類似的定位，官方文件說明它會接收目標、收集需要的資訊，再採取行動完成任務。
用做網站來想像：你跟一般 AI 助理說「首頁的按鈕在手機上太小」，它會給你一段修改建議，你要自己找到檔案、貼上、存檔、再打開看。跟 AI 代理說同一句話，它會自己找到首頁的檔案、修改按鈕樣式、開啟預覽確認，最後回報改了哪裡。
AI 代理怎麼工作：收集、動手、驗證
Claude Code 的官方文件把 AI 代理的工作方式分成三個階段，而且會一直循環，直到任務完成：
- 收集資訊：讀取相關檔案、搜尋程式碼，了解現在的狀況。
- 動手修改：編輯檔案、執行指令，例如安裝套件或啟動預覽。
- 驗證結果：跑測試或檢查畫面，不對就回到前面再修。
文件裡舉的例子是「修好失敗的測試」：代理會先執行測試看哪裡失敗、讀錯誤訊息、找到相關檔案、讀懂程式、修改、再跑一次測試確認。每一步得到的資訊，決定下一步要做什麼。
這也是 agentic coding 的關鍵：AI 會自己檢查自己的成果。人不用一步一步下指令，但可以隨時打斷、調整方向。
跟 Vibe coding 差在哪？
| Vibe coding | Agentic coding | |
|---|---|---|
| 重點 | 用說的，跟著感覺改到滿意 | 交代任務，AI 代理自己規劃、執行、驗證 |
| 人的角色 | 看結果，覺得不對就再說 | 設定目標和權限，檢查成果 |
| AI 會不會自己檢查 | 通常不會，靠人看畫面 | 會，跑測試、看錯誤、再修 |
| 適合規模 | 單頁、雛型、小工具 | 多頁網站、需要長期維護的專案 |
| 對程式碼的態度 | 可以不看 | 有人負責看懂和把關 |
兩者不是對立的。提出 vibe coding 這個詞的 Andrej Karpathy，在 2026 年回顧時也表示（據 The New Stack 報導），現在更貼近實際的做法，是讓 AI 代理寫大部分的程式，人負責監督和把關。
簡單說，vibe coding 是「先做出來再說」，agentic coding 是「讓 AI 做，但有人管」。vibe coding 的完整說明可以看〈Vibe coding 是什麼？〉。
常見的 agentic coding 工具
- Claude Code：Anthropic 推出，可以在終端機、程式編輯器、桌面 App 和瀏覽器使用。依官方方案頁，包含在 Pro 以上的付費方案。
- Codex：OpenAI 推出，官方文件列出的使用方式包含 ChatGPT 桌面版和網頁版、命令列工具、程式編輯器外掛和雲端版本。
- Cursor：以程式編輯器為主的工具，內建可以直接改專案檔案的 AI 代理。
這些工具都在快速更新，功能和方案以官方說明為準（2026 年 10 月查詢）。
AI 代理會自己動手，安全怎麼顧？
讓 AI 自己改檔案、執行指令很方便，但也代表它能做的事情變多了。以 Claude Code 為例，官方文件說明了兩種保護機制：
- 權限模式：可以設定成每次修改檔案、執行指令前都先問你，或是只讓它先提出計畫、不動任何檔案。剛開始用，建議選擇最保守的模式。
- 檢查點：修改檔案之前，它會先保存原本的內容，改壞了可以退回。但文件也提醒，對資料庫、部署、外部服務這類遠端系統的操作，沒辦法用檢查點復原。
這和網站後台接 AI 的道理一樣：給 AI 的權限越大，越要清楚它能做什麼、改錯了怎麼救。AI 透過 MCP 這類標準連接外部系統時要注意的事，可以參考〈MCP 是什麼？〉。
一般品牌用得到 agentic coding 嗎？
老實說，大部分品牌經營者不需要自己操作 Claude Code 或 Codex。它們最適合的是有一點技術基礎、要處理一整個程式專案的人。
但 agentic coding 會用另一種方式影響你：
1. 做網站的速度和方式在改變。 網頁設計團隊用 AI 代理處理重複的製作工作，從版面到頁面建置都能更快。對品牌來說，同樣的預算可以做得更完整，或更早上線。
2. 網站後台也開始能讓 AI 代理操作。 同樣「讓 AI 自己動手」的概念，也用在網站管理上。有些網站後台可以連到 Claude、ChatGPT 這類 AI 助理，你說「把首頁的活動圖換掉」，AI 自己找到頁面、上傳圖片、完成修改。做法可以參考〈網站後台接 AI 是什麼？〉。
3. 挑合作對象時，多了一個要問的問題。 對方怎麼用 AI？哪些步驟交給 AI、哪些由人檢查？AI 代理做得快，但目標、內容和品質的判斷，還是要有人負責。
basedot 用 AI 協助做網站，從釐清商業目標開始，AI 負責加速製作，判斷和檢查由人把關。上線後的網站也可以接上 AI，用對話完成日常更新。時程上，一頁式網站約 1～2 週、形象官網約 2～4 週、電商網站約 1～2 個月，有 AI 協作可以再縮短。
如果想自己試試看
想親自體驗 agentic coding，可以這樣開始：
- 開一個新的空資料夾：不要一開始就讓它處理重要的檔案。
- 從小任務開始：例如「做一個介紹我品牌的單頁網頁，存成一個檔案」。
- 選擇保守的權限設定：每一步都先問你，看懂它要做什麼再同意。
- 請它先說計畫：動手之前，先請它列出打算怎麼做。
- 不要貼上密碼和金鑰：需要帳號密碼的步驟自己處理。
Agentic coding 常見問題
Agentic coding 的中文怎麼說？
目前沒有統一譯名，常見的有「代理式編程」「AI 代理寫程式」。也有人用 agentic engineering（代理式工程）來強調人在其中的監督角色。
不會寫程式，可以用 agentic coding 工具嗎？
可以開始，這類工具會在你同意後幫你執行大部分操作。但它在你的電腦上讀寫檔案、執行指令，看不懂的操作不要隨便同意，重要的專案最好有懂技術的人一起看。
Agentic coding 做的網站會比 vibe coding 好嗎？
不一定，工具只是方式。差別在於有沒有清楚的目標、有沒有人檢查成果。AI 代理會自己跑測試，但測試只能檢查「程式有沒有壞」，不能檢查「內容對不對、網站有沒有幫到生意」。
我需要為了 agentic coding 換網站嗎？
不需要。如果你想要的是「用 AI 更新網站內容」，重點是網站後台能不能接 AI，而不是自己學 agentic coding 工具。現有網站能不能接，要看使用的系統。
結論：AI 會自己動手了，人負責方向和把關
Agentic coding 讓 AI 從「給建議」變成「自己動手」：讀檔案、改程式、跑測試、發現錯誤再修。跟 vibe coding 比，它更適合規模大、要長期維護的專案，前提是有人設定好權限、看懂成果。
對一般品牌來說，不一定要自己操作這些工具，但值得知道：做網站和管理網站的方式正在改變，而判斷什麼重要、內容對不對，還是人的工作。
有架設網站的需求，歡迎跟 basedot 網頁設計聯繫。
