AI Engineer视频2026年6月15日

Why MCP and ChatGPT Apps Use Double Iframes — Frédéric Barthelet, Alpic

8.5Score

可直接观看的视频资源打开原视频

TL;DR · AI 摘要

ChatGPT 和 MCP 应用使用双 iframe 机制实现交互式 UI，提升用户体验和功能扩展性。

核心要点

双 iframe 机制允许在 ChatGPT 和 MCP 应用中嵌入交互式 UI。
MCP 应用通过 views 实现动态 UI 渲染，基于工具调用结果。
OpenAI 在去年 10 月发布了支持 MCP 应用的 SDK。

结构提纲

按章节快速跳转。

§引言
介绍 Fred 和 Alpic 公司，以及本次分享的主题：ChatGPT 和 MCP 应用中的双 iframe 机制。
·MCP 和 ChatGPT 应用概述
MCP 应用是通过 ChatGPT 和 Claude 等通用代理发现和使用的新业务表面。
·双 iframe 机制的用途
双 iframe 机制用于在对话中嵌入交互式 UI，提升用户体验和功能扩展性。
›views 的作用
views 是嵌入在对话中的 UI 片段，由工具调用结果动态渲染。
›SDK 的发布
OpenAI 在去年 10 月发布了支持 MCP 应用的 SDK，标准化了 app extension。

思维导图

用一张图看清主题之间的关系。

查看大纲文本（无障碍 / 无 JS 友好）

双 iframe 机制在 ChatGPT 和 MCP 应用中的应用
- MCP 应用概述
  - 新业务表面，通过 ChatGPT 和 Claude 等代理发现和使用
- 双 iframe 机制
  - 用于嵌入交互式 UI，提升用户体验
  - views 是动态渲染的 UI 片段
- SDK 发布
  - OpenAI 在去年 10 月发布了支持 MCP 应用的 SDK

金句 / Highlights

值得收藏与分享的关键句。

双 iframe 机制允许在 ChatGPT 和 MCP 应用中嵌入交互式 UI，提升用户体验。
— 第 2 段
⬇︎ 下载 PNG 𝕏 分享到 X
views 是嵌入在对话中的 UI 片段，由工具调用结果动态渲染。
— 第 3 段
⬇︎ 下载 PNG 𝕏 分享到 X
OpenAI 在去年 10 月发布了支持 MCP 应用的 SDK，标准化了 app extension。
— 第 4 段
⬇︎ 下载 PNG 𝕏 分享到 X

#ChatGPT#MCP#iframe#前端#UI

Why MCP and ChatGPT Apps Use Double Iframes — Frédéric Barthelet, Alpic | AI Engineer | traeai