Examples
Basic chat
Live AgentsKit Chat shell with streaming and keyboard input — ready to copy.
Basic chat
The simplest product path: one definition, one shell, streaming replies.
Hi — this is a live AgentsKit Chat shell. Ask anything about multi-surface chat.
Copy-paste (React)
code
import { defineChat } from '@agentskit/chat'
import { AgentChat } from '@agentskit/chat/react'
import type { AdapterFactory } from '@agentskit/core'
import '@agentskit/react/theme'
export const createChat = (adapter: AdapterFactory) =>
defineChat({
id: 'product',
chat: {
adapter,
systemPrompt: 'Be precise. Prefer links to docs over guesses.',
},
})
export function ProductChat({ adapter }: { adapter: AdapterFactory }) {
return (
<AgentChat
definition={createChat(adapter)}
placeholder="Ask about the product"
/>
)
}Notes
Adapters come from AgentsKit providers: currently 25 native adapters spanning 140+ catalog providers and 5k+ models — Chat does not reimplement them.
- Import
@agentskit/react/theme(or map semantic tokens yourself). - The same
createChat(adapter)feeds Vue, Svelte, Solid, Angular, RN, and Ink.
AgentsKit substrate
Chat composes AgentsKit — it does not replace adapters, tools, memory, or RAG.