@agentskit/react — for agents

npm install @agentskit/react

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>
  )
}