CopilotKit para crear asistentes de IA dentro de tu app

Qué hace CopilotKit, explicado sin tecnicismos

CopilotKit es un framework de código abierto de Tawkit, Inc. que permite añadir asistentes de IA a una aplicación propia. Actúa como conexión entre el agente y la pantalla en la que trabaja el usuario. El resultado puede ser una respuesta, una tarjeta con datos o una acción que el equipo haya habilitado.

Por ejemplo, un asistente podría añadir tareas a una lista compartida y mostrar el cambio. El equipo debe proporcionar la aplicación, los datos y las funciones permitidas. Es una herramienta para desarrollar experiencias de producto, no un servicio que controle cualquier web con solo visitarlo.

Del chatbot a las acciones dentro de tu aplicación

Resulta útil para equipos de SaaS, herramientas internas y aplicaciones móviles. Los frontend tools ejecutan funciones registradas en el navegador: abrir una ficha, cambiar un filtro o actualizar el estado de una pantalla. Los permisos sobre datos de negocio siguen siendo responsabilidad de la aplicación.

Hay SDK oficiales para React, Angular, Vue y React Native. Puedes empezar con un agente integrado o conectar uno de LangGraph, Google ADK, Mastra o PydanticAI. AG-UI transporta la interacción entre agente e interfaz; CopilotKit aporta componentes y comportamiento. Channels añade vías de integración con Slack y Microsoft Teams.

Cómo conectar una aplicación y su agente

La guía oficial de inicio ofrece una ruta concreta para React:

1. Prepara un proyecto, Node.js 20+ y una clave API del proveedor de modelos.
2. Instala @copilotkit/react-core y @copilotkit/runtime; configura las credenciales en el servidor y crea el endpoint.
3. Conecta el Provider al runtime, importa los estilos y añade el chat o panel lateral.
4. Comprueba una conversación sencilla y registra después una función de alcance limitado.
5. Verifica el cambio real en la aplicación y revisa los eventos AG-UI con Inspector en local.

Si ya tienes un agente, utiliza su integración específica: BuiltInAgent llama directamente a un modelo y no conecta automáticamente tu lógica existente. Una SPA necesita además un servidor de runtime independiente.

Interfaces generativas y confirmación humana

La UI generativa permite mostrar gráficos, tablas o tarjetas usando componentes propios. En React, useComponent registra una pieza visual con parámetros tipados; el agente decide cuándo mostrarla y aporta sus datos. Mostrar una tarjeta no equivale a ejecutar una transacción de backend.

El estado compartido mantiene sincronizados agente e interfaz. La participación humana permite pausar una ejecución para pedir datos, una elección o una confirmación. Para una autorización obligatoria, conviene implementar un punto de control en el flujo, en lugar de depender de que el modelo decida preguntar.

Planes gratuitos, precios y límites

Comprobado el 18 de octubre de 2026: Developer es gratuito para un desarrollador, con un máximo de 200 hilos, conservación de tres días y 1 GB de almacenamiento multimodal. La web muestra Pro a 39 USD/mes y Team a 100 USD por puesto/mes, hasta cinco puestos; las invitaciones pendientes también cuentan. Enterprise tiene condiciones y precio personalizados. Estos importes no son una cotización en euros ni un total fiscal definitivo.

Intelligence incorpora conversaciones persistentes y memoria de usuario. La tabla actual sitúa Analytics y Self-Learning en acceso anticipado de Enterprise. El consumo del modelo y la infraestructura deben presupuestarse aparte. Consulta las condiciones y límites actuales.

Alojamiento propio, licencia y privacidad

El código del repositorio usa licencia MIT, con posibilidad de uso comercial respetando sus avisos. Los servicios alojados y las prestaciones empresariales tienen sus propias condiciones. La tabla diferencia el alojamiento del runtime en Developer/Pro de las opciones para una plataforma más completa.

Alojar el runtime no garantiza que ningún dato llegue a un modelo externo. La política de privacidad distingue la web del tratamiento sujeto a contratos con clientes. La telemetría de código abierto recoge metadatos, no prompts, mensajes, estado ni datos de herramientas, y permite desactivación. No es una garantía general sobre todo el sistema.

Preguntas frecuentes

¿CopilotKit es gratis?

El SDK es abierto y Developer tiene una asignación gratuita. El uso de modelos, servidores y capacidades adicionales puede generar costes.

¿Funciona con LangGraph y otros agentes?

Sí. Debes seguir la conexión correspondiente a tu framework, en vez de sustituir sin querer tu agente por BuiltInAgent.

¿Se puede alojar en servidores propios?

Sí, con diferencias entre el runtime y la plataforma completa. Revisa el plan, los servicios externos y las condiciones de despliegue.

Recursos oficiales y comunidad

• Documentación oficial: elige frontend e integración.
• Repositorio de GitHub: código, licencia e incidencias.
• Comunidad oficial de Discord: consultas de implementación.