多模型實作：讓 Claude 與 Gemini 聯手，把網站重構成可被人讀也可被 AI 讀

摘要

Paul 實踐 Build for Models 和 Agentic Web 概念，以 Claude 與 Gemini 多模型協作重構個人網站 paulkuo.tw。透過語意化 HTML、WebMCP 等技術，使網站同時具備人類可讀性和 AI 可讀性。這個案例展示多模型聯手如何在真實專案中運作：不同 AI 各有擅長領域，協力產出比單一模型更優質的成果。文章闡述如何設計產品和工作流使其最適化於 AI 消費與互動，體現了 Agentic Web 時代網頁基礎設施的新方向——讓自主智能體能直接與網路服務和 API 互動，而非每次都需人工中介。

重點

• 多模型協作：發揮各 AI 優勢，聯手產出優於單一模型的結果
• 為 AI 設計：網站同時支援人類閱讀與機器理解的架構設計
• 語意化標記：使用結構化 HTML 和 WebMCP 提升 AI 可讀性
• Agentic Web 實踐：讓 AI 智能體能自主與網路服務互動
• 協作模式創新：展示 Claude 與 Gemini 在真實專案中的有效分工

章節

1. 專案背景：多模型協作願景

   Paul 決定以多模型聯手方式重構個人網站，展示 Claude 與 Gemini 協作如何產出更優質成果。

2. Build for Models 概念實踐

   為 AI 可讀性而設計網站架構，同時保持人類使用體驗，實踐產品最適化於 AI 消費的理念。

3. 語意化 HTML 與 WebMCP 技術

   運用結構化標記語言和 WebMCP 協議，提升網站對 AI 智能體的可理解性與互動能力。

4. Agentic Web 基礎設施

   展示自主 AI 智能體如何直接與網路服務互動，無需人工中介，是 Agentic Web 願景的實踐證明。

5. 多模型分工與成果

   分析 Claude 與 Gemini 各自的擅長領域，以及協作如何超越單一模型的能力限制。

金句