@agentskit/react — for agents

#Purpose

useChat hook returning ChatReturn (state + actions) + headless components with data-ak-* attributes for theming.

#Install

npm install @agentskit/react

#Primary exports

• useChat(config): ChatReturn — same contract as every other framework binding.
• useStream(source) — low-level streaming hook for any AsyncIterable<StreamChunk>.
• useReactive(controller) — reactive state adapter when you already hold a controller.
• <ChatContainer>, <Message>, <InputBar>, <ToolCallView>, <ToolConfirmation>, <ThinkingIndicator>, <CodeBlock>, <Markdown>.
• Re-exports createChatController, all @agentskit/core types, and helpers.
• @agentskit/react/theme — CSS variable theme.

#Minimal example

import { useChat } from '@agentskit/react'
import { anthropic } from '@agentskit/adapters'

export function Chat() {
  const chat = useChat({ adapter: anthropic({ apiKey: key, model: 'claude-sonnet-4-6' }) })
  return (
    <form onSubmit={e => { e.preventDefault(); chat.send(chat.input) }}>
      {chat.messages.map(m => <div key={m.id}>{m.content}</div>)}
      <input value={chat.input} onChange={e => chat.setInput(e.target.value)} />
    </form>
  )
}

#Related frameworks (same contract)

• @agentskit/vue
• @agentskit/svelte
• @agentskit/solid
• @agentskit/react-native
• @agentskit/angular
• @agentskit/ink

#Source

• npm: https://www.npmjs.com/package/@agentskit/react
• repo: https://github.com/AgentsKit-io/agentskit/tree/main/packages/react