# Demo 3：Chrome 官方新特性快闪

<div class="grid grid-cols-2 gap-8 mt-8">

<div class="card-blue">
<div class="font-semibold mb-3">Agentic Web 相关</div>
<div class="space-y-2 text-sm">

- WebMCP：页面暴露工具给 Agent
- Modern Web Guidance：给 AI 编程工具补现代 Web 知识
- DevTools for agents：让 Agent 看见浏览器运行时
- Prompt API：浏览器内置 AI 能力

</div>
</div>

<div class="card">
<div class="font-semibold mb-3">体验与平台能力</div>
<div class="space-y-2 text-sm text-gray-300">

- HTML-in-Canvas：真实 DOM 进入 Canvas / 3D
- Baseline：判断哪些 Web 能力可以放心评估
- View Transitions：页面状态切换更自然
- Navigation API：更现代的导航状态管理

</div>
</div>

</div>

<div class="mt-8 card-amber text-sm">
只讲位置，不展开 API：这些官方 demo 共同说明 Chrome 正在同时升级 Agent 交互、开发工作流和用户体验。
</div>

<!--
官方快闪顺序建议：
1. WebMCP: https://developer.chrome.com/docs/ai/webmcp/imperative-api
2. Modern Web Guidance: https://developer.chrome.com/docs/modern-web-guidance
3. DevTools for agents: https://developer.chrome.com/docs/devtools/agents/get-started
4. Prompt API: https://developer.chrome.com/docs/ai/prompt-api
5. HTML-in-Canvas: https://developer.chrome.com/blog/html-in-canvas-origin-trial
6. Baseline: https://web.dev/baseline
7. View Transitions: https://view-transitions.chrome.dev/

讲法：每个只用 30-45 秒。不要现场深入配置，避免偏离 WebMCP 主线。
-->