add official Chrome feature demos

README.md

@@ -56,9 +56,9 @@ WebMCP 可以理解为“网页给 AI Agent 暴露的一组工具清单和接口
 
 可以用 `navigator.modelContext.registerTool` 作为概念示例。需要强调：WebMCP 仍是实验性方向，适合作为渐进增强，不应该假设所有浏览器都已经稳定支持。
 
-### 5. Chrome 新特性快闪
+### 5. Chrome 新特性演示
 
-这一部分只做快速展示，不展开细节：
+这一部分分成正式演示和快闪：
 
 - **Modern Web Guidance**：给 AI 编程工具补现代 Web 知识，避免写过时代码。
 - **Chrome DevTools for agents**：让 AI 能读取 console、network、performance、Lighthouse 等真实浏览器信息。
@@ -69,6 +69,14 @@ WebMCP 可以理解为“网页给 AI Agent 暴露的一组工具清单和接口
 
 这一章服务于主线：Chrome 正在让 Web 同时面向人、开发者工具和 AI Agent 进化。
 
+正式 demo 入口：
+
+- `public/demo/webmcp/`：WebMCP 工具契约演示。
+- `scripts/demo-modern-web-guidance.sh` 和 `public/demo/modern-web-guidance/`：Modern Web Guidance 官方 CLI 演示。
+- `public/demo/devtools-agents/`：DevTools for agents 检查目标页。
+- `public/html-in-canvas/`：HTML-in-Canvas origin trial / fallback 演示。
+- `public/demo/view-transitions/`：View Transitions 渐进增强演示。
+
 ### 6. 收束：开发者现在该记住什么
 
 - Web 页面未来不只是给人看的，也会被 Agent 使用。
@@ -88,6 +96,9 @@ WebMCP 可以理解为“网页给 AI Agent 暴露的一组工具清单和接口
 - [slides.md](./slides.md)：默认首页、章节入口和全局顺序
 - [pages/outline.md](./pages/outline.md)：分享大纲
 - [pages/demo/](./pages/demo/)：模拟展示详情页
+- [public/demo/](./public/demo/)：可运行浏览器 demo 入口
+- [public/html-in-canvas/](./public/html-in-canvas/)：HTML-in-Canvas 专门演示
+- [scripts/demo-modern-web-guidance.sh](./scripts/demo-modern-web-guidance.sh)：Modern Web Guidance 官方 CLI 演示脚本
 - [style.css](./style.css)：主题微调
 
 ## 常用脚本