# OpenAI 推出 WebMCP Challenge：10 天打造人與 AI agents 協作網頁，總獎金 35,000 美元
> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)
> 原作者：OpenAI Developers (@OpenAIDevs) · 策展與摘要：EasyVibeCoding · 平台：X (Twitter) · 熱度：🔥🔥 · 日期：2026-08-26
> 原始來源：https://x.com/OpenAIDevs/status/2092344873764704345
## 證據與延伸閱讀
- [OpenAI 推出 WebMCP Challenge：10 天打造人與 AI agents 協作網頁，總獎金 35,000 美元。](https://developers.openai.com/showcase?view=webmcp-apps) — 官方文件
- [OpenAI 推出 WebMCP Challenge](https://x.com/OpenAIDevs/status/2092344873764704345)
- [配合 ChatGPT 桌面版導入 WebMCP](https://x.com/OpenAIDevs/status/2092344897550549281)
- [WebMCP 是一項 experimental open standard](https://x.com/OpenAIDevs/status/2092344885676495197)
- [參賽作品須使用 WebMCP](https://x.com/OpenAIDevs/status/2092344959248761263)
- [James Sun 觀點與媒體展示畫面](https://x.com/JamesZmSun/status/2092350632833520035)
## 中文摘要
OpenAI 推出 WebMCP Challenge：10 天打造人與 AI agents 協作網頁，總獎金 35,000 美元。
活動同時配合 ChatGPT 桌面版內建瀏覽器與 ChatGPT Sites 導入 WebMCP 支援，讓相容網站上的工具可直接被 ChatGPT 或 Codex 呼叫。
**挑戰內容** WebMCP 是一項 experimental open standard，讓網頁應用程式能在頁面上公開可供 agents 使用的工具。與其只讓 agent 讀取網頁內容，網站可以提供更結構化、可直接操作的介面，協助 agent 更快、更可靠地完成任務；人與 agent 也能在同一個網站介面中協作。開發者可以從零開始建置，也可以把 WebMCP 加入既有網站。
- 參賽作品須使用 WebMCP，呈現 OpenAI 尚未見過的新型網頁體驗。
- 活動合作夥伴包括 Chromium、Cloudflare、Shopify、Vercel、Render 與 Netlify。
- 參賽截止時間為 2026 年 9 月 3 日太平洋時間下午 5 點；OpenAI Developers 貼文表示將在 9 月 23 日公布 10 個得獎專案。
- 獎項包含總額 35,000 美元現金、Codex Micro、ChatGPT Pro 訂閱，以及合作夥伴提供的其他獎品。引用來源的活動資訊摘要則列出每個得獎專案可獲 3,000 美元現金、一年 ChatGPT Pro、Codex Micro 裝置與 OpenAI 周邊商品；但該摘要另列提交截止時間為下午 1 點，與貼文的下午 5 點不一致，實際時間仍應以活動頁面為準。
> The WebMCP Challenge 活動宣傳標題與日期動畫
**產品支援** OpenAI 表示，WebMCP 將加入 ChatGPT 桌面版的內建瀏覽器與 ChatGPT Sites。使用者造訪相容網站後，ChatGPT 或 Codex 可以自動使用網站提供的工具來完成任務；開發者更新至最新版 ChatGPT 桌面應用程式後，可直接要求 Codex 建立啟用 WebMCP 的應用程式，再部署至 Sites。這代表網站除了服務人類訪客，也能為 agents 提供更適合操作的專屬介面。
> Margin 筆記軟體的歡迎文件介面，包含左側欄的「+ New note」與筆記清單，右側主區域顯示「Welcome to Margin」標題及關於本機儲存與 WebMCP 功能的說明文字與勾選清單。
**展示與活動** OpenAI Developers 在貼文中提供 WebMCP demo showcase，展示這項標準可能帶來的新體驗，並預告 2026 年 8 月 26 日太平洋時間下午 3 點舉行 kickoff livestream，內容包括產品示範、範例建置、獎項與參賽細節。相關連結為 [WebMCP demo showcase](https://developers.openai.com/showcase?view=webmcp-apps)、[WebMCP Challenge 活動頁](https://openai.com/webmcp-challenge/) 與 [kickoff livestream](https://x.com/i/broadcasts/1qGoNYbWdkvKv)。
> Fieldwork // 12 專案的音樂創作與打擊板編輯介面，上方設有播放與匯出控制列，中央顯示 BPM 數值 096 與視覺化波形，下方則配置多組打擊板分組與樂器庫選項。
**發展觀點** James Sun 將這次支援與 hackathon 視為推動 agent-native websites 的起點。他認為，隨著人與 agents 更常共同工作，open web 的形態也會改變：網站將同時服務人與 agents，並透過提供 agents 專屬介面，加快網路任務執行，進一步開啟更 seamless 的人機協作體驗。媒體展示畫面則可見講者介紹「WebMCP in ChatGPT」，並示範含有對話輸入框、3D 模型預覽與 agent 狀態訊息的操作介面；這些畫面屬於 demo 展示，不代表額外的正式產品規格。
> 一名講者在客廳沙發前介紹 WebMCP in ChatGPT 及其功能與示範操作。
> 帶有透明背景的漸層藍色抽象圖紋。
> WanderNote 網站介面展示了「WebMCP 11 tools」與「Save as PDF」功能，左側提供目的地、日期與行程偏好設定表單，中央顯示 2026 年 9 月 18 日至 22 日的京都旅行筆記與每日行程排程，右側則搭配互動地圖與依時間排序的景點清單。
## 媒體內容
**一名講者在客廳沙發前介紹 WebMCP in ChatGPT 及其功能與示範操作。**
**影片中的 Prompt 與操作**
Prompt（00:28）：
```
使用內建瀏覽器在 https://codex-modeling-studio.openai.chatgpt.site/ 建立一隻可愛、適合兒童電影的小貓熊。
這隻貓熊應該是坐著的、柔軟的、圓滾滾的、表情豐富的，並且一眼就能讓人喜愛，擁有超大的頭部、飽滿的雙頰、緊湊的身體、短短的四肢，以及自然融合的耳朵。
使用柔和的白色和深木炭色的經典貓熊配色，搭配有神藍色眼睛和微妙的中性肉墊。避免使用棕褐色或黃色身體顏色、紫紅色以及其他會分散注意力的點綴。
優先處理臉部：將柔和的眉毛、雙頰和口鼻部切面雕刻到頭部中，保留並驗證球形臉部 UV，並將臉部特徵直接繪製到該 UV 上，而不要使用堆疊的臉部幾何圖形。包含有機的錐形黑眼圈、帶有深色瞳孔和小高光的藍色眼睛、圓潤的鼻子以及友善的微笑。避免環狀眼睛、面具狀斑紋以及口紅狀的嘴巴細節。
賦予耳朵自然的圓形形狀，將白色的胸部和腹部融入身體中，並保持四肢柔軟簡單。
透過快速可見的步驟進行：輪廓、臉部雕刻、臉部彩繪、次要細節和最終審查。檢視特寫臉部視圖以及全身正面、側面和四分之三視圖。
顯示更多 ∨
```
原文：Use the built-in browser to create a cute, kid-movie-ready baby panda in https://codex-modeling-studio.openai.chatgpt.site/
The panda should be seated, soft, round, expressive, and immediately lovable, with an oversized head, full cheeks, a compact body, short limbs, and naturally integrated ears.
Use a classic panda palette of soft white and deep charcoal, with expressive blue eyes and subtle neutral paw pads. Avoid tan or yellow body colors, purple reds, and other distracting accents.
Prioritize the face: sculpt gentle brow, cheek, and muzzle planes into the head, preserve and verify a spherical face UV, and paint facial features directly onto that UV without stacked facial geometry. Include organic tapered black eye patches, blue eyes with dark pupils and small catchlights, a rounded nose, and a friendly smile. Avoid ring-like eyes, mask-like markings, and lipstick-like mouth details.
Give the ears a natural rounded shape, integrate the white chest and belly into the body, and keep the paws soft and simple.
Work through quick visible passes: silhouette, facial sculpt, facial paint, secondary details, and final review. Inspect close-up facial views and full-body front, profile, and three-quarter view open.
Show more ∨
操作步驟：
1. （00:28）使用者在輸入框送出 prompt 要求建立 baby panda 3D 模型
2. （00:34）Codex 載入瀏覽器並開始執行模型建立任務
**逐字稿**
- `00:01` Codex 已經能使用網路一陣子了，看著它到處點來點去，（Codex has been able to use the web for a while now and watching it click around）
- `00:04` 總是看不膩。但有件事很惱人，就是它的速度相當慢。我們（never gets old. But one thing that is annoying is that it's quite slow. We're）
- `00:09` 現在在 Codex 中推出 WebMCP 支援，這讓你只要把工具（releasing WebMCP support in Codex and what that lets you do is just add tools）
- `00:14` 直接加進網站，就能讓 Codex 把它載入並弄清楚（straight into your website and it lets Codex go ahead pull it down and figure）
- `00:20` 它需要知道哪些確切功能，才能在你的網站上產出真正優秀的（out exactly the capabilities that it needs to know about to make really great）
- `00:24` 成果。我做了一個叫做 Codex Modeling Studio 的小型展示，讓 Codex（results on your website. I've put together a little demo called Codex）
- `00:27` 開啟網站，直接以視覺方式反覆調整（Modeling Studio and it lets Codex open the website and just visually iterate on）
- `00:32` 3D 模型，之後甚至可以把它 3D 列印出來。它能建立形狀、從不同角度（a 3d model that you can even 3d print after. It's able to set up shapes take）
- `00:37` 擷取螢幕畫面，不會打斷你的視角，而且我們可以在展示中有點像是（screenshots from different angles without interrupting your view and we can kind）
- `00:41` 我和 Codex 一起協作，我也能在它工作的過程中提供備註。（of collaborate Codex and I on the demo and I can give it notes as it works.）
- `00:46` 這是一個（It's a）
- `00:46` 小型展示，只是要秀出像這樣相當（little demo just to show off the capabilities of something like pretty）
- `00:49` 進階的功能，你可以把它放進網站裡。你知道，網站不只是（advanced that you can put in a website. You know sites are not just for you know）
- `00:53` 簡單的電子商店頁面，你其實可以放入完整的 3D 渲染，以及各式各樣的（simple eShop pages you can actually have full 3d renderings and all kinds of）
- `00:57` 內容，而加入 WebMCP 真的大幅提升了你能展示並提供給使用者的（things going on there and having WebMCP just really elevates the possibilities）
- `01:01` 可能性。（of what you can show and distribute to people.）
- `01:03` 在你的網站加入 WebMCP，真的就（Adding WebMCP to your site is just）
- `01:05` 跟請 Codex 來做一樣簡單。（as easy as asking Codex to do it.）
- `01:06` 它可以自行弄清楚規格，並替你撰寫（It can go ahead figure out the spec and write the）
- `01:09` 工具。我建議你花點時間實際使用，並和 Codex 一起反覆調整（tools for you. What I recommend is that you spend some time dogfooding iterating）
- `01:13` 迭代。（with Codex.）
- `01:14` Codex 就是你的客戶，是它在使用這些工具，不是使用者，所以你（Codex is your customer it's the one using the tools not the user so you）
- `01:18` 要確認工具對它來說容易找到，而且它確切知道（want to make sure that tools are discoverable to it and it knows exactly what）
- `01:21` 自己需要做什麼。你可以花點時間精簡工具組，確保（it needs to do. You can spend some time trimming down your toolset making sure）
- `01:25` 說明清楚，而且它能以最高效率（the descriptions are clear and it's able to get to where it needs to go as）
- `01:30` 抵達需要去的地方。如果你向 Codex 詢問回饋，它會告訴你；我甚至（efficiently as possible. Codex will tell you if you ask it for feedback and I've）
- `01:34` 在這裡的展示中加入了一個回饋工具，讓 Codex 工作時可以標記錯誤，（even added a feedback tool in the demo here so as Codex works it can flag errors）
- `01:39` 並在有需要修正的地方通知我。這是個非常不同的世界：為模型建立工具，和（and let me know when there's something that needs fixing. It's a very different）
- `01:43` 為人建立工具是兩回事，但我們現在已經進入這樣的世界：模型和人可以在同一個介面上（world to build tools for a model versus having them be for a person but we're in）
- `01:50` 透過不同管道協作，這是截然不同的體驗，但讓 Codex 為自己建立工具，並且（this world now where models and people can collaborate on the same interface）
- `01:54` 能和你一起反覆調整視覺內容，是一個全新的世界，因為你看到的東西可能和它不同。（with different channels and it's a very different experience but it's a whole）
- `01:57` 我才剛開始探索，現在 Agent 能夠在不依賴你的情況下（new world having Codex build tools for itself and being able to iterate on）
- `02:00` 與網站互動後，究竟能建立出什麼。我非常期待看到（visuals alongside you as you see something different than it does. I'm just）
- `02:06` 你們所有人會打造出什麼。（starting to scratch the surface of what's possible to build now that agents）
- `02:09` 可以不靠你自行與網站互動，我真的很期待看到（can interact with sites independently of you and I'm really excited to see）
- `02:12` 你們打造出什麼。（what you all build.）
## 標籤
MCP, 活動發佈, 新產品, ChatGPT, Codex, OpenAI, ChatGPT