EN
AI Engineer World's Fair

一小时讲透 MCP Apps 全部原语与三大商店上架玩法,宣告“MCP 是新的网站”

MCP Apps: Primitives, discovery, and the Future of Software - Pietro Zullo, Manufact, Inc · Pietro Zullo

29 min
AgentAI 产品

全片 29 分钟·真正值得盯屏约 9 分钟·3 个必看点

橙色 = 推荐必看的 9 分钟其余读导览就够
逐段导览 · 6 段
  1. 0:01 5:28

    从 MCP UI 到官方扩展

    讲 MCP Apps 的来历:2026 年从社区方案 MCP UI 演进为 MCP 官方扩展,ChatGPT、Claude、Cursor 三大商店同步开放自助提交。

    MCP Apps 已是官方标准且商店开放,当下正是发布的时机窗口

    纯口头铺陈背景与时间线,无关键画面,可当播客听▶ 跳到 0:01
    讲者 · Pietro Zullo
  2. 5:31 9:58

    工作原理与 set state

    拆解基本机制:UI 资源在初始化时声明,模型填参后客户端在沙箱 iframe 里渲染 widget;set state 原语让模型感知用户在 UI 中的操作。

    模型默认看不见 widget 内发生的事,set state 是把 UI 状态同步给模型的官方通道

    以架构示意和流程幻灯片为主(429s、481s 两处图示值得扫一眼),扫图配讲解即可,不必逐帧盯▶ 跳到 5:31
    讲者 · Pietro Zullo
  3. 10:01 14:54

    进阶原语:follow-up、流式与隐私分流

    介绍 send follow-up message(各客户端行为不同)、widget 反向调工具、模型流式输出参数时 widget 增量渲染,以及私密数据只给用户看不给模型的分流能力。

    工具输出可分流——完整信息渲染给人、脱敏数据给模型,模型可见性由开发者显式控制

    714s 起的流式渲染是全场最惊艳的演示画面,SVG/Remotion 视频随 token 实时成形,必须亲眼看▶ 跳到 10:01
    讲者 · Pietro Zullo
  4. 14:57 18:42

    显示模式、主题同步与真实客户端演示

    展示行内/全屏/画中画三种 display mode、主题自动跟随宿主配色,并用 PostHog(Cursor)和 Excalidraw(Claude)两个真实案例演示落地效果。

    全屏模式下用户边看边用对话驱动模型直接改写眼前界面,“聊天即软件”在这里成立

    本段密集分布现场演示(932s 全屏交互、1013s PostHog、1047s Excalidraw 实时画图),是全片视觉价值最高的一段▶ 跳到 14:57
    讲者 · Pietro Zullo
  5. 18:45 21:58

    客户端支持现状与 MCPUs 实战

    对比 Claude、ChatGPT、Cursor 对 MCP Apps 的支持差异,介绍用 MCPUs 构建 MCP App,并点出关键坑:靠初始化元数据探测宿主能力。

    widget 不渲染时必须把 UI 里的信息以文本形式补给模型,否则降级体验会断

    支持矩阵和代码片段幻灯片为主,扫图记结论即可,细节可回头查文档▶ 跳到 18:45
    讲者 · Pietro Zullo
  6. 22:01 28:52

    商店提交、动态发现与“AI 应用是新浏览器”

    讲三大商店的自助提交流程(工具注解扫描、鉴权校验、测试提示词),以及动态发现机制:Claude 已会在缺工具时自动检索 registry 挑连接器。最后收束到核心论断:MCP 是新的网站,MCP App 是它的 UI。

    十亿级用户在聊天中表达意图、由模型挑选连接器——这是新的高意图获客渠道,无 UI 的普通 MCP 服务器也能上架

    以流程叙述和观点论证为主,无演示画面,通勤听完即可抓住全部要点▶ 跳到 22:01
    讲者 · Pietro Zullo