agents-sdk

โดย Cloudflare

สร้าง AI agents บน Cloudflare Workers โดยใช้ Agents SDK โหลดเมื่อสร้าง stateful agents, durable workflows, แอป WebSocket แบบเรียลไทม์, งานตามกำหนดเวลา, MCP servers หรือแอปแชท ครอบคลุม Agent class, การจัดการสถานะ, RPC ที่เรียกได้, การรวม Workflows และ React hooks

npx skills add https://github.com/cloudflare/skills --skill agents-sdk

Cloudflare Agents SDK

Your knowledge of the Agents SDK may be outdated. Prefer retrieval over pre-training for any Agents SDK task.

Retrieval Sources

Cloudflare docs: https://developers.cloudflare.com/agents/

TopicDocs URLUse for
Getting startedQuick startFirst agent, project setup
Adding to existing projectAdd to existing projectInstall into existing Workers app
ConfigurationConfigurationwrangler.jsonc, bindings, assets, deployment
Agent classAgents APIAgent lifecycle, patterns, pitfalls
StateStore and sync statesetState, validateStateChange, persistence
RoutingRoutingURL patterns, routeAgentRequest
Callable methodsCallable methods@callable, RPC, streaming, timeouts
SchedulingSchedule tasksschedule(), scheduleEvery(), cron
WorkflowsRun workflowsAgentWorkflow, durable multi-step tasks
HTTP/WebSocketsWebSocketsLifecycle hooks, hibernation
Chat agentsChat agentsAIChatAgent, streaming, tools, persistence
Client SDKClient SDKuseAgent, useAgentChat, React hooks
Client toolsClient toolsClient-side tools, autoContinueAfterToolResult
Server-driven messagesTrigger patternssaveMessages, waitUntilStable, server-initiated turns
Resumable streamingResumable streamingStream recovery on disconnect
EmailEmailEmail routing, secure reply resolver
MCP clientMCP clientConnecting to MCP servers
MCP serverMCP serverBuilding MCP servers with McpAgent
MCP transportsMCP transportsStreamable HTTP, SSE, RPC transport options
Securing MCP serversSecuring MCPOAuth, proxy MCP, hardening
Human-in-the-loopHuman-in-the-loopApproval flows, needsApproval, workflows
Durable executionDurable executionrunFiber(), stash(), surviving DO eviction
QueueQueueBuilt-in FIFO queue, queue()
RetriesRetriesthis.retry(), backoff/jitter
ObservabilityObservabilityDiagnostics-channel events
Push notificationsPush notificationsWeb Push + VAPID from agents
WebhooksWebhooksReceiving external webhooks
Cross-domain authCross-domain authWebSocket auth, tokens, CORS
Readonly connectionsReadonlyshouldConnectionBeReadonly
VoiceVoiceExperimental STT/TTS, withVoice
Browse the webBrowser toolsExperimental CDP browser automation
ThinkThinkExperimental higher-level chat agent class
MigrationsAI SDK v5, AI SDK v6Upgrading @cloudflare/ai-chat

Capabilities

The Agents SDK provides:

  • Persistent state — SQLite-backed, auto-synced to clients via setState
  • Callable RPC@callable() methods invoked over WebSocket
  • Scheduling — One-time, recurring (scheduleEvery), and cron tasks
  • Workflows — Durable multi-step background processing via AgentWorkflow
  • Durable executionrunFiber() / stash() for work that survives DO eviction
  • Queue — Built-in FIFO queue with retries via queue()
  • Retriesthis.retry() with exponential backoff and jitter
  • MCP integration — Connect to MCP servers or build your own with McpAgent
  • Email handling — Receive and reply to emails with secure routing
  • Streaming chatAIChatAgent with resumable streams, message persistence, tools
  • Server-driven messagessaveMessages, waitUntilStable for proactive agent turns
  • React hooksuseAgent, useAgentChat for client apps
  • Observabilitydiagnostics_channel events for state, RPC, schedule, lifecycle
  • Push notifications — Web Push + VAPID delivery from agents
  • Webhooks — Receive and verify external webhooks
  • Voice (experimental) — STT/TTS via @cloudflare/voice
  • Browser tools (experimental) — CDP-powered browsing via agents/browser
  • Think (experimental) — Higher-level chat agent via @cloudflare/think

FIRST: Verify Installation

npm ls agents  # Should show agents package

If not installed:

npm install agents

For chat agents:

npm install agents @cloudflare/ai-chat ai @ai-sdk/react

Wrangler Configuration

{
  "compatibility_flags": ["nodejs_compat"],
  "durable_objects": {
    "bindings": [{ "name": "MyAgent", "class_name": "MyAgent" }]
  },
  "migrations": [{ "tag": "v1", "new_sqlite_classes": ["MyAgent"] }]
}

Gotchas:

  • Do NOT enable experimentalDecorators in tsconfig (breaks @callable)
  • Never edit old migrations — always add new tags
  • Each agent class needs its own DO binding + migration entry
  • Add "ai": { "binding": "AI" } for Workers AI

Agent Class

import { Agent, routeAgentRequest, callable } from "agents";

type State = { count: number };

export class Counter extends Agent<Env, State> {
  initialState = { count: 0 };

  validateStateChange(nextState: State, source: Connection | "server") {
    if (nextState.count < 0) throw new Error("Count cannot be negative");
  }

  onStateUpdate(state: State, source: Connection | "server") {
    console.log("State updated:", state);
  }

  @callable()
  increment() {
    this.setState({ count: this.state.count + 1 });
    return this.state.count;
  }
}

export default {
  fetch: (req, env) => routeAgentRequest(req, env) ?? new Response("Not found", { status: 404 })
};

Routing

Requests route to /agents/{agent-name}/{instance-name}:

ClassURL
Counter/agents/counter/user-123
ChatRoom/agents/chat-room/lobby

Client: useAgent({ agent: "Counter", name: "user-123" })

Custom routing: use getAgentByName(env.MyAgent, "instance-id") then agent.fetch(request).

Core APIs

TaskAPI
Read statethis.state.count
Write statethis.setState({ count: 1 })
SQL querythis.sql`SELECT * FROM users WHERE id = ${id}`
Schedule (delay)await this.schedule(60, "task", payload)
Schedule (cron)await this.schedule("0 * * * *", "task", payload)
Schedule (interval)await this.scheduleEvery(30, "poll")
RPC method@callable() myMethod() { ... }
Streaming RPC@callable({ streaming: true }) stream(res) { ... }
Start workflowawait this.runWorkflow("ProcessingWorkflow", params)
Durable fiberawait this.runFiber("name", async (ctx) => { ... })
Enqueue workthis.queue("handler", payload)
Retry with backoffawait this.retry(fn, { maxAttempts: 5 })
Broadcast to clientsthis.broadcast(message)
Get connectionsthis.getConnections(tag?)

React Client

import { useAgent } from "agents/react";

function App() {
  const [state, setLocalState] = useState({ count: 0 });

  const agent = useAgent({
    agent: "Counter",
    name: "my-instance",
    onStateUpdate: (newState) => setLocalState(newState),
    onIdentity: (name, agentType) => console.log(`Connected to ${name}`)
  });

  return (
    <button onClick={() => agent.setState({ count: state.count + 1 })}>
      Count: {state.count}
    </button>
  );
}

References

Core

Chat & Streaming

Background Processing

Integrations

Experimental

Skills เพิ่มเติมจาก Cloudflare

building-ai-agent-on-cloudflare
Cloudflare
| สร้างเอเจนต์ AI บน Cloudflare โดยใช้ Agents SDK พร้อมการจัดการสถานะ WebSocket แบบเรียลไทม์ งานตามกำหนดเวลา การรวมเครื่องมือ และความสามารถในการแชท สร้างโค้ดเอเจนต์ที่พร้อมใช้งานจริงซึ่งปรับใช้กับ Workers ใช้เมื่อ: ผู้ใช้ต้องการ "สร้างเอเจนต์", "เอเจนต์ AI", "เอเจนต์แชท", "เอเจนต์ ที่มีสถานะ", พูดถึง "Agents SDK", ต้องการ "AI แบบเรียลไทม์", "WebSocket AI", หรือถามเกี่ยวกับ "การจัดการสถานะ" ของเอเจนต์, "งานตามกำหนดเวลา" หรือ "การเรียกใช้เครื่องมือ
developmentofficial
building-mcp-server-on-cloudflare
Cloudflare
| สร้างเซิร์ฟเวอร์ MCP (Model Context Protocol) ระยะไกลบน Cloudflare Workers พร้อมเครื่องมือ การตรวจสอบสิทธิ์ OAuth และการปรับใช้ในระบบผลิต สร้างโค้ดเซิร์ฟเวอร์ กำหนดค่าผู้ให้บริการตรวจสอบสิทธิ์ และปรับใช้กับ Workers ใช้เมื่อ: ผู้ใช้ต้องการ "สร้างเซิร์ฟเวอร์ MCP", "สร้างเครื่องมือ MCP", "MCP ระยะไกล", "ปรับใช้ MCP", เพิ่ม "OAuth ให้กับ MCP" หรือกล่าวถึง Model Context Protocol บน Cloudflare นอกจากนี้ยังทำงานเมื่อมี "การตรวจสอบสิทธิ์ MCP" หรือ "การปรับใช้ MCP
developmentofficial
cloudflare
Cloudflare
ทักษะที่ครอบคลุมแพลตฟอร์ม Cloudflare ครอบคลุม Workers, Pages, พื้นที่จัดเก็บ (KV, D1, R2), AI (Workers AI, Vectorize, Agents SDK), เครือข่าย (Tunnel, Spectrum), ความปลอดภัย (WAF, DDoS) และโครงสร้างพื้นฐานเป็นโค้ด (Terraform, Pulumi) ใช้สำหรับงานพัฒนา Cloudflare ใดๆ
official
durable-objects
Cloudflare
สร้างและตรวจสอบ Cloudflare Durable Objects ใช้เมื่อสร้างการประสานงานที่มีสถานะ (ห้องแชท เกมผู้เล่นหลายคน ระบบจอง) การใช้งานเมธอด RPC พื้นที่จัดเก็บ SQLite สัญญาณเตือน WebSockets หรือตรวจสอบโค้ด DO เพื่อแนวทางปฏิบัติที่ดีที่สุด ครอบคลุมการรวม Workers การกำหนดค่า wrangler และการทดสอบด้วย Vitest
official
sandbox-sdk
Cloudflare
สร้างแอปพลิเคชันในสภาพแวดล้อมแซนด์บ็อกซ์สำหรับการรันโค้ดอย่างปลอดภัย โหลดเมื่อสร้างการรันโค้ด AI, ตัวแปลโค้ด, ระบบ CI/CD, สภาพแวดล้อมการพัฒนาที่โต้ตอบได้ หรือการรันโค้ดที่ไม่น่าเชื่อถือ ครอบคลุมวงจรชีวิตของ Sandbox SDK, คำสั่ง, ไฟล์, ตัวแปลโค้ด และ URL แสดงตัวอย่าง
official
web-perf
Cloudflare
วิเคราะห์ประสิทธิภาพเว็บด้วย Chrome DevTools MCP วัด Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index) ระบุทรัพยากรที่บล็อกการเรนเดอร์ ห่วงโซ่การพึ่งพาเครือข่าย การเลื่อนเลย์เอาต์ ปัญหาแคช และช่องว่างด้านการเข้าถึง ใช้เมื่อถูกขอให้ตรวจสอบ โปรไฟล์ แก้ไขข้อบกพร่อง หรือปรับปรุงประสิทธิภาพการโหลดหน้าเว็บ คะแนน Lighthouse หรือความเร็วไซต์
official
workers-best-practices
Cloudflare
ตรวจสอบและเขียนโค้ด Cloudflare Workers ตามแนวทางปฏิบัติที่ดีที่สุดสำหรับโปรดักชัน ใช้เมื่อเขียน Workers ใหม่ ตรวจสอบโค้ด Worker กำหนดค่า wrangler.jsonc หรือตรวจสอบรูปแบบที่ไม่เหมาะสมของ Workers ทั่วไป (การสตรีม, floating promises, global state, secrets, bindings, observability) เน้นการดึงข้อมูลจากเอกสารของ Cloudflare มากกว่าความรู้ที่ฝึกไว้ล่วงหน้า
official
wrangler
Cloudflare
Cloudflare Workers CLI สำหรับการปรับใช้ พัฒนา และจัดการ Workers, KV, R2, D1, Vectorize, Hyperdrive, Workers AI, Containers, Queues, Workflows, Pipelines และ Secrets Store โหลดก่อนรันคำสั่ง wrangler เพื่อให้แน่ใจว่าไวยากรณ์และแนวทางปฏิบัติที่ดีที่สุดถูกต้อง
official