update

pages/outline.md

@@ -4,30 +4,30 @@
 
 <div class="card p-5">
 <div class="text-blue-400 text-sm font-semibold mb-2">01</div>
-<div class="text-xl font-bold mb-2">Chrome 更新怎么看</div>
-<div class="text-sm text-gray-400">Release Notes · ChromeStatus · Baseline · Origin Trials</div>
+<div class="text-xl font-bold mb-2">浏览器的新使用者</div>
+<div class="text-sm text-gray-400">Human UI · Agent layer · Structured actions</div>
 </div>
 
 <div class="card-green p-5">
 <div class="text-emerald-400 text-sm font-semibold mb-2">02</div>
-<div class="text-xl font-bold mb-2">Web 平台新能力</div>
-<div class="text-sm text-gray-400">CSS · Web APIs · PWA · Media · AI-adjacent APIs</div>
+<div class="text-xl font-bold mb-2">AI 操作网页为什么难</div>
+<div class="text-sm text-gray-400">Vision · DOM / A11y · Tool calling</div>
 </div>
 
 <div class="card-amber p-5">
 <div class="text-amber-400 text-sm font-semibold mb-2">03</div>
-<div class="text-xl font-bold mb-2">DevTools 工作流</div>
-<div class="text-sm text-gray-400">Performance · Network · CSS Overview · Recorder</div>
+<div class="text-xl font-bold mb-2">MCP / WebMCP</div>
+<div class="text-sm text-gray-400">Tool schema · Structured actions · Safety boundary</div>
 </div>
 
 <div class="card-red p-5">
 <div class="text-red-400 text-sm font-semibold mb-2">04</div>
-<div class="text-xl font-bold mb-2">落地与风险</div>
-<div class="text-sm text-gray-400">兼容性 · 安全边界 · 灰度策略 · 团队清单</div>
+<div class="text-xl font-bold mb-2">官方 demo 快闪</div>
+<div class="text-sm text-gray-400">MWG · DevTools agents · Prompt API · HTML-in-Canvas</div>
 </div>
 
 </div>
 
 <!--
-建议讲法：先讲信息入口，再讲能力分类，最后讲如何落地。这样听众不会只记住几个孤立 API，而是学会建立自己的 Chrome 更新雷达。
+建议讲法：第一部分先建立 Agentic Web 概念，第二部分用官方 demo 和本地兜底页证明“从猜 UI 到调用工具”的转变。Chrome 其它新特性只做快闪，不抢 WebMCP 主线。
 -->