Bring your Claude agents to your users
Connect Claude Agent SDK TypeScript agents to CopilotKit with AG-UI so users can chat, call frontend tools, share state, and render agent output inside your app.
Build with Claude Agent SDK (TypeScript)
The user-facing primitives every Claude Agent SDK (TypeScript) integration ships with — pick the one that fits your product and drop the code in.
Frontend tools
Let Claude call tools that run in the user's browser, then stream the result back through the AG-UI run.
Generative UI
Render Claude tool calls and agent state as custom React components without forcing users to read raw JSON.
Shared state
Give your Claude agent read and write access to application state so the UI and agent stay in sync.
Architecture
The shape of a CopilotKit + Claude Agent SDK (TypeScript) application — from your UI down to the agent runtime.
Run Claude Agent SDK (TypeScript) in your browser
Two patterns we see most often — drive a SaaS workflow, or collaborate on a canvas with your agent.
Browse the live Claude Agent SDK TypeScript demos for chat, tools, shared state, generative UI, and subagents.