# Demo 9：最后快闪与串联

<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
- WebMCP：页面暴露工具给 Agent
- Modern Web Guidance：已演示官方 CLI
- DevTools for agents：已演示官方 MCP 流程
- Prompt API：官方 demo 快闪

</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：已演示本地页和官方限制
- Baseline：判断哪些 Web 能力可以放心评估
- View Transitions：已演示本地页
- Navigation API：更现代的导航状态管理

</div>
</div>

</div>

<div class="mt-8 card-amber text-sm">
最后用这页收束：Chrome 新能力不是孤立 API，而是同时升级 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/

讲法：这里不再逐个展开，只做总览收束和听众记忆点。
-->