pnpm add @agentskit/chat @agentskit/core @agentskit/react react

import { defineChat } from '@agentskit/chat'
import type { AdapterFactory } from '@agentskit/core'

export const createSupportChat = (adapter: AdapterFactory) =>
  defineChat({
    id: 'support',
    chat: {
      adapter,
      systemPrompt: 'Help users understand the product.',
    },
  })

import { AgentChat } from '@agentskit/chat/react'
import { createSupportChat } from './support-chat'
import { adapter } from './adapter'
import '@agentskit/react/theme'

export const Support = () => (
  <AgentChat
    definition={createSupportChat(adapter)}
    placeholder="Ask about the product"
  />
)