update

pages/demo/platform-api.md

@@ -1,28 +1,27 @@
-# 模拟展示 3：Web 平台能力评估卡
+# Demo 3：Chrome 官方新特性快闪
 
 <div class="grid grid-cols-2 gap-8 mt-8">
 
 <div class="card-blue">
-<div class="font-semibold mb-3">能力示例</div>
+<div class="font-semibold mb-3">Agentic Web 相关</div>
 <div class="space-y-2 text-sm">
 
-- CSS 新布局与交互能力
-- View Transitions
-- File System / Clipboard / Share APIs
-- PWA 安装与离线体验
-- 本地 AI 与浏览器内置能力探索
+- 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="font-semibold mb-3">体验与平台能力</div>
 <div class="space-y-2 text-sm text-gray-300">
 
-- 用户价值：解决什么真实问题？
-- 兼容性：Chrome-only 还是跨浏览器？
-- 降级方案：不可用时如何处理？
-- 风险：权限、隐私、性能、安全
+- HTML-in-Canvas：真实 DOM 进入 Canvas / 3D
+- Baseline：判断哪些 Web 能力可以放心评估
+- View Transitions：页面状态切换更自然
+- Navigation API：更现代的导航状态管理
 
 </div>
 </div>
@@ -30,9 +29,18 @@
 </div>
 
 <div class="mt-8 card-amber text-sm">
-推荐输出格式：能力名称 / Chrome 支持状态 / 业务场景 / Demo 链接 / 风险 / 下一步。
+只讲位置，不展开 API：这些官方 demo 共同说明 Chrome 正在同时升级 Agent 交互、开发工作流和用户体验。
 </div>
 
 <!--
-这里可以把每个新 API 都变成一张评估卡。不要只问“能不能用”，而是问“能解决什么问题、什么时候可上线、不能用时怎么降级”。
+官方快闪顺序建议：
+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 主线。
 -->