Examples
Markdown Chat
Rich formatted responses — headings, tables, code blocks, lists, and blockquotes. AgentsKit's Markdown component renders everything beautifully as it streams.
Rich formatted responses — headings, tables, code blocks, lists, and blockquotes. AgentsKit's Markdown component renders everything beautifully as it streams.
With 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>
)
}Agent Actions
AI agents that generate live, interactive UI — task trackers, dashboards, forms. The agent doesn't just respond with text, it builds working interfaces.
MUI Chat
AgentsKit's useChat hook styled with Material UI components. This demo recreates the MUI look — in a real app, you'd use actual MUI imports.