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.
- 🔭market.researchScanned competitors and baseline demand
- 🎯audience.segmentIdentified 3 launch audiences
- ✍️positioning.writeProduced a 1-sentence positioning
- 🖼️assets.generateDrafted hero + 3 bullets + OG image copy
#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>
)
}Explore nearby
- PeerExamples
Interactive demos. For copy-paste code, see Recipes.
- PeerBasic Chat
The simplest use case — streaming AI conversation with auto-scroll, stop button, and keyboard handling. All in 10 lines with AgentsKit.
- PeerTool Use
AI assistants that call functions — weather, search, DB queries. Tool calls render as expandable cards.
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.