Solid quick start

pnpm add @agentskit/chat @agentskit/chat/solid @agentskit/solid solid-js

import { AgentChat } from '@agentskit/chat/solid'
import { supportChat } from './support-chat'

export function SupportChat() {
  return <AgentChat
    definition={supportChat}
    placeholder="Ask about the product"
    message={message => <article data-role={message.role}>{message.content}</article>}
  />
}

The shell delegates streaming, tools, confirmation, retry, editing, regeneration, and cancellation to useChat from @agentskit/solid. Typed render props customize native Solid surfaces without entering the shared definition.