Claude Artifacts 接 MCP：發出去的網頁自己抓最新資料

你有沒有寄過那種儀表板網頁給老闆：

叫 Claude 幫你做一頁漂亮的營收面板，發過去，第二天他打開——上面的數字還是昨天的。Claude 那時候能做的只是把當下抓到的資料寫死進網頁裡，你要更新就得再開一次 Claude、再跑一次、再寄一次。老闆的第一反應通常是：「這網頁怎麼是死的？」

7 月 16 日，Anthropic 把這件事解掉了。

Claude 的 Artifacts（AI 幫你即時做出來的一頁網頁）現在可以接 MCP 連接器（想成外接的資料源），做出來的網頁每次被打開，都會用觀看者自己的身分去抓一次最新資料。 我下面要拆解的，就是 Claude Artifacts + MCP 這個新東西到底怎麼運作、有哪些真的擋人的限制、你什麼時候該用它、什麼時候別用。

過去的 artifact 為什麼是死的

Artifact 就是 Claude 幫你做的一頁網頁。你講「幫我做一個顯示本月營收的儀表板」，它就把資料查一次、把數字寫進網頁、把樣式生成好，然後把整份東西給你。

問題是那份網頁是凍結的。你可以想像成 Claude 幫你拍了一張照片：照片裡的數字是拍照當下的，明天再打開，還是那張照片。

要它變新的，你只有一個辦法：開新對話，重跑一遍。

Claude Artifacts 接上 MCP 是怎麼一回事

現在你發布 artifact 的時候，Claude 可以在頁面裡塞一段程式碼，讓頁面每次被打開時去呼叫你選定的 MCP 連接器。官方目錄裡有 950 個以上可挑，主流服務像 GitHub、Slack、Google Calendar、Sentry、Jira 幾乎都在。

關鍵是：資料不是你抓的，是每個打開網頁的人自己去抓的。

這一整段最重要的一件事是「用觀看者的身分抓」。如果你們公司 10 個人，每個人打開同一個網址、看到的是各自 GitHub 有權限的程式碼倉庫、各自 Slack 有加入的頻道。你不用先把資料抓下來、也不用管誰能看什麼。

「厚 artifact」和以前那種的差別

官方沒給這個名字，我私下叫它「厚 artifact」——因為它不再只是一張凍住的網頁快照，而是每次打開都會自己去補一輪血。

誠實說：限制不少

我把地雷全部攤開，別發現不對再回來罵我。

第一條要特別解釋：不能公開分享是硬性設計，不是漏了做。官方講得很白——「公開連結沒有可以走 OAuth 授權流程的觀看者身分」。要匿名的人也能看到最新資料，就只能回頭做傳統網站，這個功能沒打算讓你這樣用。

什麼時候用、什麼時候別用

我腦袋裡的判斷是這樣的。

適合——內部團隊看的儀表板、給客戶展示用的資料頁（看完就收）、給老闆看每天營收／後台指標的一頁式面板、需要「每個人看到自己那份」的權限分流場景。

不適合——對外行銷頁（不能公開）、部落格文章（搜尋引擎讀不到）、要離線可看的頁（一定要有 Claude 身分才能載入）、要一群人即時協作編輯的東西（這是儀表板不是試算表）。

一個判斷起手式：如果你打算寄的對象都在同一個 Claude 組織裡、而且他們每個人都應該看到不一樣的東西，就用它。其他情境先想別的。

我的 takeaway

我以前一直懶得寫小工具。要看網站搜尋成效、要看幾個錢包餘額變化、要看程式碼倉庫上的問題單有沒有累積——每個都要開發＋部署＋處理登入，寫完自己都覺得工太多。

這一波開放之後，Claude 幫我做前端、MCP 給我後端、每個人打開時用自己身分抓。寫小工具的成本第一次真的降到「跟 Claude 講一下」這種等級。

限制擺明了就是「內部用」，那也剛好——反正我本來就沒打算把我家的儀表板貼到公開社群上。

Artifact 從死變活這件事，不是視覺升級，是它終於變成了一個「值得寄出去」的東西。

工具本身跟 Coocolab 沒有關係——我只是把「這個新功能長什麼樣、什麼場合用得上」寫清楚，讓你不用自己踩一輪坑。

想看更多 Claude 的實戰玩法，可以往我 YouTube 頻道走一趟；我最近拍的東西大多在講 AI 怎麼被真的接進日常工作。

---

本文為教育與資訊分享用途，不構成任何投資建議。文中引用的功能規格、方案支援、目錄數量皆為 2026-07-30 撰稿當下的資訊，官方隨時可能調整；重要用途請以官方訂閱方案頁與說明文件為準。

延伸閱讀：

• 把 Claude 接進 TradingView (MCP)：截圖看盤已經過時
• AI 幫你寫程式老是衝太快？裝一套資深工程師的工作紀律
• Claude 設定你可能忽略了：我用 6 個月後留下的 System Prompt 拆解
• 用 AI 建立無人公司：Hermes Agent + PaperClip 實戰