當 AI 不只會聊天,還能直接理解並操作網站,網頁該怎麼設計?這個系列將用 30 天實作一個支援 WebMCP 的活動網站,從語意 HTML、Declarative API、Imperative API、Tool 契約,到搜尋、收藏、報名與取消流程逐步完成。過程中也會使用 Chrome WebMCP Inspector 與 Gemini 實測,保留成功、失敗、重試及人類確認紀錄,帶你看懂如何打造一個能被 Agent 發現、正確使用,而且值得信任的網站。
Day 01|網站真的會被 Agent 使用嗎?我先丟了一句自然語言 安安~我是ChiYu~ 今年我想拿一個很新的 Web API,做一件很老派的事:實際把它做...
Day 02|換到全新資料夾後,網站還能不能跑? 安安~我是ChiYu~ 昨天才把完成版的 Agent trace 端上桌,今天我做的第一件事,卻是把它收起來。...
Day 03|先別急著做 Tool,我把活動網站自己走了一遍 安安~我是ChiYu~ 昨天把專案切到固定 tag,Web、API、測試和 build 也都跑起來...
安安~我是ChiYu~ 昨天我把活動網站從搜尋一路走到取消報名,最後挑了風險最低的搜尋流程,準備交給Playwright 重播。今天它正式接班:開啟頁面、填入...
安安~我是ChiYu~ 昨天我在搜尋按鈕外多包一層元素,getByRole() 仍然順利找到它。這也留下另一個問題:外層結構改了沒事,那按鈕名稱改了呢? 今天我...
安安~我是ChiYu~ 昨天 Playwright 因為按鈕改名而停在 click 以前。看到這個結果,很容易順手得出一個省事的結論:「Browser Auto...
安安~我是ChiYu~ 昨天把 E0~E5 的證據等級排好後,我正準備動手寫第一支 WebMCP Tool,卻發現順序好像反了。 如果連「怎樣才算做對」都還沒說...
安安~我是ChiYu~ 昨天才把二十道測試題出好,今天輪到我寫第一份答案。我從最單純的搜尋活動開始,打開頁面,看著那顆藍色的「搜尋活動」按鈕,很順手地寫下: c...
安安~我是ChiYu~ 昨天才把 click_blue_search_button 請出 catalog,我差點又用同一套方法,把剩下的按鈕全部包成 Tool。...
安安~我是ChiYu~ 昨天才把五支 Tool 的名單定下來,我原本以為今天打開 Inspector,它們就會排隊向我報到。 結果側邊面板一片空白。 沒有名稱、...