Asistente de código

Código en streaming con resaltado de sintaxis. El componente CodeBlock de AgentsKit renderiza el código de forma clara mientras llega el stream.

Code Assistant

Starting demo…

Con AgentsKit

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

function CodeChat() {
  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 about code..." />
    </ChatContainer>
  )
}