Agentes de IA podem fazer muito mais do que conversar. Com o protocolo certo, um agente renderiza gráficos interativos durante a conversa, atualiza um canvas compartilhado em tempo real ou pausa a execução para pedir aprovação antes de prosseguir. O AG-UI (Agent-User Interaction Protocol) é o padrão aberto que define exatamente como essas interações funcionam.
O que é o AG-UI
Criado para conectar backends de agentes a frontends de usuário, o AG-UI funciona com múltiplos frameworks de agentes — Strands Agents, LangGraph, CrewAI — e bibliotecas de frontend como React, Angular e Vue. O código do agente e o código do frontend permanecem desacoplados: você escolhe o melhor framework para cada lado, e o AG-UI conecta os dois.
Três interações são suportadas nativamente: UI generativa (o agente renderiza componentes visuais como resposta), estado compartilhado (agente e interface mantêm um estado sincronizado) e human-in-the-loop (o agente pausa e pede aprovação antes de executar ações críticas). O protocolo é aberto e independente de provedor, permitindo que times escolham as melhores ferramentas para cada camada da stack.
Integração com Amazon Bedrock AgentCore
O Amazon Bedrock AgentCore Runtime suporta o AG-UI como um proxy transparente. Ao implantar um container de agente com a flag de protocolo AG-UI, o AgentCore gerencia autenticação (Signature V4 ou OAuth 2.0 via Cognito), isolamento de sessão, escalonamento e observabilidade. O container expõe POST /invocations na porta 8080 para requisições AG-UI e GET /ping para health checks.
O FAST (Fullstack AgentCore Solution Template) é um projeto starter pronto para deploy que conecta AgentCore Runtime, Gateway, Identity, Memory e Code Interpreter com frontend React e autenticação Cognito — tudo definido com AWS CDK. A versão 0.4.1 adicionou padrões AG-UI para Strands Agents e LangGraph, com um parser de frontend compartilhado que simplifica a integração.
Além do AG-UI, o AgentCore Runtime também suporta MCP (Model Context Protocol, para conectar agentes a ferramentas) e A2A (Agent-to-Agent, para comunicação entre agentes), oferecendo uma plataforma completa para orquestração de sistemas agentivos.
CopilotKit: UI generativa na prática
Para estender as capacidades visuais, o tutorial demonstra a integração com CopilotKit, que adiciona componentes de UI generativa prontos para React. Com ele, o agente pode renderizar gráficos, formulários e painéis interativos como parte natural da conversa, sem que o desenvolvedor precise construir cada componente do zero.
O fluxo completo: um agente LangGraph ou Strands Agents é empacotado em container, exposto via AgentCore Runtime com AG-UI, e consumido por um frontend React que utiliza CopilotKit para renderizar UI generativa — tudo com autenticação gerenciada e deploy automatizado via CDK. O resultado é uma aplicação onde o agente não apenas responde perguntas, mas participa ativamente da interface, gerando visualizações sob demanda.
Descubra mais sobre noticiAI
Assine para receber nossas notícias mais recentes por e-mail.
