iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

網站終於會說話:30 天實作並驗證 Agent-ready 的 WebMCP 活動網站 系列

當 AI 不只會聊天,還能直接理解並操作網站,網頁該怎麼設計?這個系列將用 30 天實作一個支援 WebMCP 的活動網站,從語意 HTML、Declarative API、Imperative API、Tool 契約,到搜尋、收藏、報名與取消流程逐步完成。過程中也會使用 Chrome WebMCP Inspector 與 Gemini 實測,保留成功、失敗、重試及人類確認紀錄,帶你看懂如何打造一個能被 Agent 發現、正確使用,而且值得信任的網站。

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

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

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

2026-09-01 ‧ 由 ChiYu 小艾 分享
DAY 2

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

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

2026-09-02 ‧ 由 ChiYu 小艾 分享
DAY 3

Day 03|先別急著做 Tool,我把活動網站自己走了一遍

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

2026-09-03 ‧ 由 ChiYu 小艾 分享
DAY 4

Day 04|按鈕只多包一層,哪種 Playwright Locator 撐得住?

安安~我是ChiYu~ 昨天我把活動網站從搜尋一路走到取消報名,最後挑了風險最低的搜尋流程,準備交給Playwright 重播。今天它正式接班:開啟頁面、填入...

2026-09-04 ‧ 由 ChiYu 小艾 分享
DAY 5

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

安安~我是ChiYu~ 昨天我在搜尋按鈕外多包一層元素,getByRole() 仍然順利找到它。這也留下另一個問題:外層結構改了沒事,那按鈕名稱改了呢? 今天我...

2026-09-05 ‧ 由 ChiYu 小艾 分享
DAY 6

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

安安~我是ChiYu~ 昨天 Playwright 因為按鈕改名而停在 click 以前。看到這個結果,很容易順手得出一個省事的結論:「Browser Auto...

2026-09-06 ‧ 由 ChiYu 小艾 分享
DAY 7

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

安安~我是ChiYu~ 昨天把 E0~E5 的證據等級排好後,我正準備動手寫第一支 WebMCP Tool,卻發現順序好像反了。 如果連「怎樣才算做對」都還沒說...

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

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

安安~我是ChiYu~ 昨天才把二十道測試題出好,今天輪到我寫第一份答案。我從最單純的搜尋活動開始,打開頁面,看著那顆藍色的「搜尋活動」按鈕,很順手地寫下: c...

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

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

安安~我是ChiYu~ 昨天才把 click_blue_search_button 請出 catalog,我差點又用同一套方法,把剩下的按鈕全部包成 Tool。...

2026-09-09 ‧ 由 ChiYu 小艾 分享
DAY 10

Day 10|Inspector 裝好了,為什麼 Tool 面板還是一片空白?

安安~我是ChiYu~ 昨天才把五支 Tool 的名單定下來,我原本以為今天打開 Inspector,它們就會排隊向我報到。 結果側邊面板一片空白。 沒有名稱、...

2026-09-10 ‧ 由 ChiYu 小艾 分享