Chat básico

O caso de uso mais simples — conversa com IA em streaming com rolagem automática, botão parar e tratamento de teclado. Tudo em 10 linhas com o AgentsKit.

AgentsKit — BasicChat

Assistant

Hi! I'm your AI assistant. Ask me anything about streaming, React hooks, or how AgentsKit works under the hood.

Com o AgentsKit

import { useChat, ChatContainer, Message, InputBar } from '@agentskit/react'
import { anthropic } from '@agentskit/adapters'
import '@agentskit/react/theme'

function Chat() {
  const chat = useChat({ adapter: anthropic({ apiKey: 'key', model: 'claude-sonnet-4-6' }) })
  return (
    <ChatContainer>
      {chat.messages.map(msg => <Message key={msg.id} message={msg} />)}
      <InputBar chat={chat} />
    </ChatContainer>
  )
}