CopilotKit abre código abierto Open Generative UI: implementación del marco entre agentes de Claude Artifacts

El framework de frontend de agentes de IA de código abierto CopilotKit anunció el 7 de mayo el lanzamiento de Open Generative UI, una implementación de código abierto de la función de Anthropic Claude Artifacts. akshay_pachaar recopiló y explicó los detalles: la versión de CopilotKit permite que el agente genere dinámicamente HTML/SVG durante la ejecución, mostrándolo en un iframe con sandbox mediante un flujo en tiempo real token-by-token; así, los usuarios pueden ver de inmediato el proceso de ensamblaje de la interfaz sin tener que esperar la respuesta completa.

Antes de Anthropic Claude Artifacts, la capacidad de GenUI solo existía dentro de los productos propios de Anthropic; CopilotKit abrió al público el mismo enfoque, que puede integrarse en cualquier aplicación.

Mecanismo central: el agente genera HTML/SVG en tiempo real y lo transmite a un iframe con sandbox

Diseño técnico de Open Generative UI:

• El agente no elige componentes ya hechos; en cada caso genera cualquier contenido visual desde cero
• La salida se transmite token-by-token en formato HTML/SVG a un iframe con sandbox
• El iframe está completamente aislado: no puede acceder a la app padre, al DOM ni a los datos del usuario
• Incluso si el agente produce etiquetas rotas o JavaScript inesperado, no se filtra fuera del iframe
• Los desarrolladores pueden guiar al agente para que produzca formatos visuales específicos mediante “skill prompts” (como un dashboard de Chart.js con etiquetas de ejes, o un modelo 3D con controles de rotación)
• El diseño del sandbox es una práctica estándar para gestionar el riesgo de que “el agente genere código arbitrario”: permite que genere libremente, pero restringe su ámbito de ejecución, sin romper los límites de seguridad de la aplicación principal

Rango de compatibilidad: LangGraph／CrewAI／Mastra／Google ADK／AWS Strands

Open Generative UI se construye sobre el protocolo AG-UI y es compatible con múltiples frameworks de agentes desde el primer día:

• LangGraph
• CrewAI
• Mastra
• Google ADK
• AWS Strands

Además, ofrece un servidor MCP independiente, que puede insertarse en Claude Code, Cursor o en cualquier cliente compatible con MCP. Todo el conjunto se basa en el framework de frontend de código abierto de CopilotKit; CopilotKit ya ha acumulado más de 30,000 estrellas en GitHub y ofrece SDK para React, Next.js, Angular y Vue.

Significado para desarrolladores de agentes de IA: un estándar de GenUI que cruza frameworks y modelos

El significado de este lanzamiento para la capa de aplicaciones de agentes de IA:

• Antes, los desarrolladores necesitaban implementar desde cero en su propia app la “interfaz dinámica al estilo de Claude Artifacts”
• Open Generative UI proporciona una opción de código abierto, compatible entre frameworks y modelos
• Mediante el servidor MCP, Claude Code y Cursor, los usuarios pueden conectarse directamente
• Eventos concretos que se podrán seguir en el futuro: la tasa de adopción de CopilotKit Open Generative UI en la comunidad de LangChain／CrewAI, la reacción oficial de Anthropic ante “la implementación de código abierto de Claude Artifacts”, y si otros frameworks de agentes ofrecen capacidades similares de GenUI

Este artículo CopilotKit abre código Open Generative UI: implementación de Claude Artifacts a través de un marco multiagente apareció por primera vez en Cadena News ABMedia.