Get started
Get started
Scaffold AgentsKit Chat and pick a native renderer.
Get started
You are creating an AI chat application — not a one-off UI demo.
1. Scaffold
code
pnpm dlx @agentskit/chat-cli@0.4.0 init my-chat --renderer react --yes
cd my-chat && pnpm install && pnpm testpnpm dlx @agentskit/chat-cli@0.4.0 init my-chat --renderer react --yes2. Pick a surface
ReactWeb apps & design systemsVueComposition API shellsSvelteSvelte 5 runes UISolidFine-grained reactivityAngularEnterprise web shellsReact NativeiOS & AndroidInkTerminal / TUI
| Surface | Guide |
|---|---|
| React | React |
| Vue | Vue |
| Svelte | Svelte |
| Solid | Solid |
| Angular | Angular |
| React Native | React Native |
| Ink | Ink |
3. The signature
code
import { defineChat } from '@agentskit/chat'
import type { AdapterFactory } from '@agentskit/core'
export const createProductChat = (adapter: AdapterFactory) =>
defineChat({
id: 'product',
chat: { adapter, systemPrompt: 'Be precise.' },
})One definition → server handler + every shell. See Multi-surface.
4. Live
Hi — this is a live AgentsKit Chat shell. Ask anything about multi-surface chat.
5. Next paths
Examples
Copy-paste + live demos.
Connect backend
Handlers and sessions.
Components
Interactive catalog UI.
CLI reference
Every flag.
Adapters come from AgentsKit providers: currently 25 native adapters spanning 140+ catalog providers and 5k+ models — Chat does not reimplement them.