Chat Markdown

Respuestas con formato enriquecido: encabezados, tablas, bloques de código, listas y citas. El componente Markdown de AgentsKit lo renderiza todo con buena lectura mientras hace streaming.

AI Writer

Con AgentsKit

import { useChat, ChatContainer, Message, Markdown, InputBar } from '@agentskit/react'

function Writer() {
  const chat = useChat({ adapter })
  return (
    <ChatContainer>
      {chat.messages.map(msg => (
        <Message key={msg.id} message={msg}>
          <Markdown content={msg.content} streaming={msg.status === 'streaming'} />
        </Message>
      ))}
      <InputBar chat={chat} placeholder="Ask for content..." />
    </ChatContainer>
  )
}