iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

別再讓 Agent 猜按鈕:30 天打造並實測 Agent-ready 的 WebMCP 活動網站 系列

這個系列將用 30 天打造一個同時服務人類與 AI Agent 的 WebMCP 活動網站。從語意 HTML、Browser Automation 的限制開始,逐步設計並實作搜尋、讀取詳情、收藏、準備報名與準備取消五個網站 Tool,串起三條完整使用流程。每完成一段就透過 Chrome WebMCP Inspector 與 Gemini 實測,保留成功、失敗與人類確認紀錄,回答一個核心問題:網站具備哪些條件,才值得被交給 Agent 操作?

參賽天數 12 天 | 共 12 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 01|網站真的會被 Agent 使用嗎?我先丟了一句自然語言

Day 01|網站真的會被 Agent 使用嗎?我先丟了一句自然語言 安安~我是ChiYu~ 今年我想拿一個很新的 Web API,做一件很老派的事:實際把它做...

2026-08-03 ‧ 由 ChiYu 小艾 分享
DAY 2

Day 02|換到全新資料夾後,網站還能不能跑?

Day 02|換到全新資料夾後,網站還能不能跑? 安安~我是ChiYu~ 昨天才把完成版的 Agent trace 端上桌,今天我做的第一件事,卻是把它收起來。...

2026-08-04 ‧ 由 ChiYu 小艾 分享
DAY 3

Day 03|我先把 Inspector 關掉,自己走一次活動網站

Day 03|先別急著做 Tool,我把活動網站自己走了一遍 安安~我是ChiYu~ 昨天把專案切到固定 tag,Web、API、測試和 build 也都跑起來...

2026-08-05 ‧ 由 ChiYu 小艾 分享
DAY 4

Day 04|四行 Playwright,藏著哪些畫面依賴?

Day 04|按鈕只多包一層,哪種 Playwright Locator 撐得住? 安安~我是ChiYu~ 昨天我把活動網站從搜尋一路走到取消報名,最後挑了風險...

2026-08-06 ‧ 由 ChiYu 小艾 分享
DAY 5

Day 05|只改按鈕四個字,Playwright 為什麼停在 click 以前?

Day 05|只改按鈕四個字,Playwright 為什麼停在 click 以前? 安安~我是ChiYu~ 昨天我在搜尋按鈕外面多包一層元素,getByRole...

2026-08-07 ‧ 由 ChiYu 小艾 分享
DAY 6

Day 06|Playwright、REST API、MCP 與 WebMCP,各自負責哪一段?

Day 06|Playwright、REST API、MCP 與 WebMCP,各自負責哪一段? 安安~我是ChiYu~ 昨天 Playwright 因為按鈕改...

2026-08-08 ‧ 由 ChiYu 小艾 分享
DAY 7

Day 07|Agent 偶爾答對還不夠,我先出二十道測試題

Day 07|Agent 偶爾答對還不夠,我先出二十道測試題 安安~我是ChiYu~ 昨天把 E0~E5 的證據等級排好後,我正準備動手寫第一支 WebMCP...

2026-08-09 ‧ 由 ChiYu 小艾 分享
DAY 8

Day 08|WebMCP Tool 該怎麼設計?把「點按鈕」改成「搜尋活動」

Day 08|WebMCP Tool 該怎麼設計?把「點按鈕」改成「搜尋活動」 安安~我是ChiYu~ 昨天才把二十道測試題出好,今天輪到我寫第一份答案。我從最...

2026-08-10 ‧ 由 ChiYu 小艾 分享
DAY 9

Day 09|網站該公開哪些 WebMCP Tool?從操作盤點到五支正式能力

Day 09|網站該公開哪些 WebMCP Tool?從操作盤點到五支正式能力 安安~我是ChiYu~ 昨天才把 click_blue_search_butto...

2026-08-11 ‧ 由 ChiYu 小艾 分享
DAY 10

Day 10|什麼是 WebMCP Inspector?從安裝、設定到看見網站 Tool

Day 10|什麼是 WebMCP Inspector?從安裝、設定到看見網站 Tool 安安~我是ChiYu~ 昨天才把五支 Tool 的名單定下來,今天要把...

2026-08-12 ‧ 由 ChiYu 小艾 分享