- Passo 1: Instale via npm (npm install agno-agent-ui) ou yarn.
- Passo 2: Importe os componentes principais (ChatWindow, MessageInput) em seu aplicativo React.
- Passo 3: Configure seu cliente LLM ou de agente e passe-o como uma prop.
- Passo 4: Personalize temas e estilos usando as variáveis CSS fornecidas ou styled-components.
- Passo 5: Use hooks incorporados para gerenciar o estado da conversa e o histórico de mensagens.
- Passo 6: Teste localmente e implante seu aplicativo na web em Vercel, Netlify ou seu host preferido.