Examples
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.
AI agents that generate live, interactive UI — task trackers, dashboards, forms. The agent doesn't just respond with text, it builds working interfaces.
With AgentsKit
Combine useChat with custom renderers for tool call results:
import { useChat, ChatContainer, Message } from '@agentskit/react'
function AgentChat() {
const chat = useChat({ adapter })
return (
<ChatContainer>
{chat.messages.map(msg => (
<div key={msg.id}>
<Message message={msg} />
{msg.toolCalls?.map(tc => (
<DynamicWidget key={tc.id} type={tc.name} data={JSON.parse(tc.result || '{}')} />
))}
</div>
))}
<InputBar chat={chat} />
</ChatContainer>
)
}RAG Chat
Retrieval-Augmented Generation — chat with your documents. Show citations, source references, and document context alongside AI responses.
Markdown Chat
Rich formatted responses — headings, tables, code blocks, lists, and blockquotes. AgentsKit's Markdown component renders everything beautifully as it streams.