เว็บไซต์ของคุณประกาศการดำเนินการที่ตัวแทนทำได้ในฐานะเครื่องมือ WebMCP เครื่องมือแต่ละรายการมีชื่อ คำอธิบาย และ JSON Schema

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});

เบราว์เซอร์จะรวบรวมและแสดงเครื่องมือเหล่านี้ต่อเอเจนต์ที่รับรู้ถึง WebMCP ของผู้ใช้ พร้อมกับ URL, ชื่อ และขอบเขตสิทธิ์ของต้นทางของหน้าเว็บ

เอเจนต์จะเห็นสัญญา ป้อนอาร์กิวเมนต์ที่มีโครงสร้าง และโค้ดของคุณจะจัดการส่วนที่เหลือ ผู้ใช้จะได้รับการแจ้งเตือนเพื่อขอสิทธิ์และการยืนยัน ไม่ต้องเดาอีกต่อไป

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

ดูข้อมูลเกี่ยวกับการปรับปรุง WebAssembly สำหรับงานที่ใช้กันโดยทั่วไปในการอนุมาน AI

สำรวจ WebGPU ใน Chrome และรับการสนับสนุนระดับเฟิร์สคลาสสำหรับการคำนวณทั่วไปใน GPU

ใช้ WebNN API เพื่อดำเนินการแมชชีนเลิร์นนิงในเบราว์เซอร์