# 策展 · X (Twitter) 🔥🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Notion (@NotionHQ) · 平台：X (Twitter) · 日期：2026-07-03

> 原始來源：https://x.com/NotionHQ/status/2072759315589652663

## 中文摘要

Notion 宣布 HTML blocks 現已支援透過 MCP 與任何 Agent 進行互動。

**功能更新**
Notion 官方表示，為了回應使用者需求，已正式將 HTML blocks 整合至 MCP（Model Context Protocol）架構中。這項更新讓開發者與使用者能透過任何支援 MCP 的 Agent，直接在 Notion 頁面內操作並生成互動式內容，提升了 AI 在文件協作中的應用彈性。

**技術背景**
Notion 同步發布了一份互動式技術說明文件（[MCP Explained](https://ntn.so/mcp-explained)），詳細闡述了 MCP 如何作為標準化協定，解決 AI 應用程式與各類服務之間整合碎片化的問題。該文件本身即為透過 AI 呼叫工具所生成的範例，展示了以下核心機制：
- **工具呼叫（Tool Call）循環**：AI 模型透過輸出結構化文字，由 Host 執行並回傳結果，形成「模型提出請求、Host 執行、回饋結果」的完整循環。
- **標準化介面**：MCP 透過定義初始化（Handshake）、發現（Discovery）與呼叫（Invocation）三個階段，讓 AI 應用程式不需為每個服務撰寫客製化整合。
- **傳輸靈活性**：支援 `stdio`（適用於本地檔案或資料庫）與 `Streamable HTTP`（適用於雲端服務）兩種傳輸方式，確保工具邏輯在不同環境下保持一致。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1783045683044-yjnuvx9v.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/90001d810a91cf11.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 透過 AI 輔助工具在文件中自動生成互動式 MCP 技術說明頁面。

**實作應用**
根據演示內容，使用者可透過 `Claude Code` 等工具，直接在 Notion 中建立包含互動式圖表與測試介面的技術文件。系統透過 `notion-create-pages` 與 `notion-create-attachment` 等工具呼叫，將 JSON Schema 定義的互動元件嵌入頁面，讓 Agent 能在無需直接存取 Notion 介面的情況下，透過純文字指令完成複雜的頁面建置與功能測試。

## 媒體內容

**透過 AI 輔助工具在文件中自動生成互動式 MCP 技術說明頁面。**

**影片中的 Prompt 與操作**

Prompt（00:00）：

```
在 Notion 中建立一份關於 MCP 是什麼以及如何運作的單頁說明。加入 HTML 區塊，以視覺化和互動的方式解釋每個概念。在進入更一般的解釋之前，先透過更基礎的概念和範例建立直覺。圖表應顯示具體的範例與真實的樣本數據，而非抽象的架構。每個圖表應清楚說明一個重點。不要塞入太多元素。有品味地使用互動性來逐步揭露概念。
```

原文：create a one page explainer in Notion of what MCP is and how it works. Add HTML blocks that explain each concept in a visual and interactive way. build up intuition with more foundational concpets and examples before moving on to more general explanations. Diagrams should show concrete examples with realistic sample data, not abstract architectures. Each diagram should illustrate a single point clearly. Dont clutter it up with too many elements. Use interactivity tastefully to progressively disclose concepts.

操作步驟：

1. （00:11）執行指令建立頁面
2. （00:20）指令完成，頁面建立於 Notion
3. （00:24）點擊互動式圖表中的「Next」按鈕
4. （00:33）拖曳滑桿查看不同縮放層級的圖表
5. （00:39）點擊「Notion-fetch」工具進行互動
6. （00:48）點擊「Run tool」按鈕執行工具測試

## 標籤

MCP, 功能更新, Notion
