42 lines
1.2 KiB
Markdown
42 lines
1.2 KiB
Markdown
# 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 可以协作的运行环境。
|
|
-->
|