Los marcos de agentes ahora son buenos en razonamiento y herramientas, pero la mayoría de los equipos todavía escriben código personalizado para convertir los gráficos de agentes en interfaces de usuario sólidas con estado compartido, salida de transmisión e interrupciones. CopilotKit apunta a esta última milla. Es un marco de código abierto para crear copilotos de IA y agentes en la aplicación directamente en su aplicación, con contexto en tiempo real y control de la interfaz de usuario. (⭐️ Consulte CopilotKit GitHub)
El lanzamiento de la versión 1.50 de CopilotKit reconstruye el proyecto en el Protocolo de interacción del usuario del agente (AG-UI) de forma nativa. La idea clave es simple; Deje que AG-UI defina todo el tráfico entre agentes y UI como un flujo de eventos escrito a cualquier aplicación a través de un único enlace, useAgent.
useAgent, un gancho React por agente AG-UI
AG-UI define cómo un backend de agente y un frontend intercambian una única secuencia ordenada de eventos codificados en JSON. Estos eventos incluyen mensajes, llamadas a herramientas, actualizaciones de estado y señales de ciclo de vida, y pueden transmitir cualquier transporte como HTTP, Web Sockets o incluso WebRTC.
CopilotKit v1.50 utiliza este protocolo como capa de transporte nativa. En lugar de adaptadores separados para cada marco, ahora todo se comunica directamente a través de AG-UI. Todo esto es fácilmente accesible gracias al nuevo useAgent, un gancho de React que proporciona control programático de cualquier agente AG-UI. Se suscribe al flujo de eventos, mantiene un modelo local de mensajes y un estado compartido, y expone una pequeña API para enviar entradas del usuario e intenciones de la interfaz de usuario.
En un nivel alto, un componente de React hace tres cosas:
Llame a useAgent con los detalles de conexión del agente backend. Lea el estado actual, como la lista de mensajes, los deltas de transmisión y los indicadores de estado del agente. Llame a los métodos useAgent desde el enlace para enviar mensajes de usuario, activar herramientas o actualizar el estado compartido.
Debido a que el enlace solo depende de AG-UI, el mismo código de UI puede funcionar con diferentes marcos de agentes, siempre que expongan un punto final de AG-UI.
Mensajería contextual y estado compartido.
AG-UI supone que las aplicaciones agentes tienen estado. El protocolo estandariza cómo se mueve el contexto entre la interfaz de usuario y el agente.
En la interfaz, CopilotKit ya permite a los desarrolladores registrar datos de aplicaciones como contexto, por ejemplo con ganchos que hacen que partes del estado de React sean legibles para el agente. En el modelo AG-UI esto se vuelve explícito. Las instantáneas de estado y los eventos de parches de estado mantienen sincronizados el backend y la interfaz de usuario. El agente ve una vista coherente de la aplicación y la interfaz de usuario puede representar el mismo estado sin una lógica de sincronización personalizada.
Para un ingeniero de nivel inicial, esto elimina un patrón común. Ya no inserta accesorios en las indicaciones manualmente en cada llamada. Luego, el estado se actualiza y el cliente AG-UI codifica esas actualizaciones como eventos y el agente backend consume el mismo estado a través de su biblioteca AG-UI.
AG-UI, capa de protocolo entre agentes y usuarios
AG-UI se define como un protocolo ligero y abierto que estandariza cómo los agentes se conectan a las aplicaciones orientadas al usuario. Se centra en la semántica de eventos en lugar del transporte. Los SDK principales proporcionan clientes y modelos de eventos fuertemente tipados en TypeScript, Python y otros lenguajes.
El paquete JavaScript @ag-ui/core implementa la arquitectura basada en eventos de transmisión en el lado del cliente. Expone modelos de mensajes y estados, ejecuta tipos de entrada y utilidades de eventos, y actualmente registra alrededor de 178,751 descargas semanales en npm para la versión 0.0.41. En el lado de Python, el paquete ag-ui-protocol proporciona los modelos de eventos canónicos, con alrededor de 619.035 descargas en la última semana y alrededor de 2.172.180 en el último mes.
CopilotKit v1.50 se basa directamente en estos componentes. El código frontend utiliza primitivas CopilotKit React, pero en el fondo la conexión al backend es un cliente AG-UI que envía y recibe eventos estándar.
Integraciones propias en los 3 hiperescaladores
La descripción general de AG-UI enumera Microsoft Agent Framework, Google Agent Development Kit, ADK y AWS Strands Agents como marcos compatibles, cada uno con documentación y demostraciones dedicadas. Estas son integraciones propias mantenidas por los propietarios del protocolo y el marco.
Microsoft publicó un tutorial que muestra cómo crear aplicaciones de servidor y cliente utilizando AG-UI con Agent Framework en .NET o Python. Google documenta AG-UI en la sección Agentic UI de los documentos de ADK, y CopilotKit proporciona una guía completa sobre cómo crear un ADK junto con AG-UI y la pila CopilotKit. AWS Strands expone la integración AG-UI a través de tutoriales oficiales y un inicio rápido de CopilotKit, que conecta un backend de agente de Strands a un cliente React en un proyecto estructurado.
Para un equipo de React, esto significa que useAgent puede conectarse a agentes definidos en cualquiera de estos marcos, siempre que el backend exponga un punto final AG-UI. El código de interfaz sigue siendo el mismo, mientras que la lógica del agente y el entorno de alojamiento pueden cambiar.
Crecimiento del ecosistema en torno a CopilotKit y AG-UI
CopilotKit se presenta como el marco agente para copilotos en aplicaciones, con más de 20.000 estrellas de GitHub y con la confianza de más de 100.000 desarrolladores.
La propia AG-UI ha pasado de una propuesta de protocolo a una capa compartida en múltiples marcos. Las asociaciones o integraciones incluyen LangGraph, CrewAI, Mastra, Pydantic AI, Agno, LlamaIndex y otros, además de SDK en Kotlin, Go, Java, Rust y más. Esta adopción entre marcos es lo que hace que un gancho genérico como useAgent sea viable, porque puede depender de un modelo de eventos consistente.
Conclusiones clave
CopilotKit v1.50 estandariza su capa de interfaz en AG-UI, por lo que toda la comunicación entre el agente y la interfaz de usuario es un flujo de eventos único en lugar de enlaces personalizados por backend. El nuevo gancho useAgent React permite que un componente se conecte a cualquier agente compatible con AG-UI y expone mensajes, tokens de transmisión, herramientas y estados compartidos a través de una interfaz escrita. AG-UI formaliza la mensajería contextual y el estado compartido como almacenes replicados con deltas generados por eventos, de modo que tanto el agente como la interfaz de usuario comparten una vista de aplicación consistente sin cableado de avisos manual. AG-UI tiene integraciones propias con Microsoft Agent Framework, Google Agent Development Kit y AWS Strands Agents, lo que significa que el mismo código de interfaz de usuario de CopilotKit puede dirigirse a agentes en las 3 nubes principales. CopilotKit y AG-UI muestran una fuerte tracción en el ecosistema, con una alta adopción de GitHub y descargas semanales significativas para @ag-ui/core en npm y ag-ui-protocol en PyPI, lo que indica que el protocolo se está convirtiendo en una capa común para aplicaciones agentes.
Si está interesado en utilizar CopilotKit en un producto o negocio de producción, puede programar una cita con el equipo aquí:👉 Enlace de programación
Asif Razzaq es el director ejecutivo de Marktechpost Media Inc.. Como emprendedor e ingeniero visionario, Asif está comprometido a aprovechar el potencial de la inteligencia artificial para el bien social. Su esfuerzo más reciente es el lanzamiento de una plataforma de medios de inteligencia artificial, Marktechpost, que se destaca por su cobertura en profundidad del aprendizaje automático y las noticias sobre aprendizaje profundo que es técnicamente sólida y fácilmente comprensible para una amplia audiencia. La plataforma cuenta con más de 2 millones de visitas mensuales, lo que ilustra su popularidad entre el público.
🙌 Siga MARKTECHPOST: agréguenos como fuente preferida en Google.