update

2026-06-14 15:01:42 +08:00
parent 67d79b58bb
commit 6f39b960d0
15 changed files with 1709 additions and 76 deletions
@@ -0,0 +1,41 @@
+# Demo 4：现场操作脚本
+
+<div class="grid grid-cols-4 gap-4 mt-8">
+
+<div class="card-blue">
+<div class="font-semibold mb-3">1. 人类 UI</div>
+<div class="text-sm">
+提交售后工单表单，说明原有页面流程没有被替换。
+</div>
+</div>
+
+<div class="card-green">
+<div class="font-semibold mb-3">2. 工具发现</div>
+<div class="text-sm">
+右侧展示工具名、描述、schema：这是 Agent 看到的契约。
+</div>
+</div>
+
+<div class="card-amber">
+<div class="font-semibold mb-3">3. 单工具调用</div>
+<div class="text-sm">
+点击查询订单、生成回复、退款审核，观察状态和日志变化。
+</div>
+</div>
+
+<div class="card-red">
+<div class="font-semibold mb-3">4. 复合任务</div>
+<div class="text-sm">
+执行复合任务：查询订单 → 进入审核 → 生成回复草稿。
+</div>
+</div>
+
+</div>
+
+<div class="mt-8 card text-sm">
+讲解结论：WebMCP 不是让 Agent 更会点击，而是让网页直接声明“我有哪些可调用能力”。敏感动作仍然要保留用户确认、权限和审计。
+</div>
+
+<!--
+不要现场陷入标准细节。演示后马上回到大图：Chrome 通过 WebMCP、DevTools for agents、Modern Web Guidance 等能力，让 Web 逐步变成 Agent 可以协作的运行环境。
+-->