CopilotKit abre código Open Generative UI: implementação do framework cross-agent do Claude Artifacts

O framework de front-end de AI Agent de código aberto CopilotKit anunciou em 7 de maio o lançamento do Open Generative UI, uma implementação de código aberto do recurso do Anthropic Claude Artifacts. akshay_pachaar compilou e explicou detalhes; a versão do CopilotKit permite que o Agent gere dinamicamente HTML/SVG durante a execução, exibindo-o em modo de streaming token-by-token dentro de um iframe sandboxed, para que o usuário veja em tempo real o processo de montagem da interface, sem precisar esperar a resposta completa.

Antes do Anthropic Claude Artifacts, a capacidade de GenUI só existia nos produtos próprios da Anthropic; o CopilotKit abre o mesmo modelo para o mundo e pode ser integrado a qualquer app.

Mecanismo central: o Agent gera HTML/SVG em tempo real e faz streaming para um iframe sandboxed

Design técnico do Open Generative UI:

O Agent não escolhe componentes já prontos; em vez disso, gera qualquer conteúdo visual do zero a cada vez

A saída é feita em formato HTML/SVG, com streaming token-by-token para um iframe em sandbox

O iframe é totalmente isolado, sem acesso ao app pai, ao DOM ou aos dados do usuário

Mesmo que o Agent produza marcações quebradas ou JavaScript inesperado, isso não vaza para fora do iframe

Os desenvolvedores podem orientar o Agent a produzir formatos visuais específicos por meio de “skill prompts” (por exemplo, um dashboard do Chart.js com rótulos dos eixos; modelos 3D com controles de rotação etc.)

O design do sandbox é uma abordagem padrão para lidar com o risco de “Agent gerar código arbitrário”—permite que ele produza livremente, mas restringe o escopo de execução, sem comprometer a fronteira de segurança do app principal.

Escopo de compatibilidade: LangGraph／CrewAI／Mastra／Google ADK／AWS Strands

O Open Generative UI é construído sobre o protocolo AG-UI e é compatível com vários frameworks de Agent “de fábrica”:

LangGraph

CrewAI

Mastra

Google ADK

AWS Strands

Ao mesmo tempo, oferece um servidor MCP (Model Context Protocol) independente, que pode ser inserido em clientes como Claude Code, Cursor ou qualquer cliente compatível com MCP. A solução completa foi construída sobre o framework de front-end de código aberto do CopilotKit; no GitHub, o CopilotKit já acumulou mais de 30,000 estrelas e oferece SDKs para React, Next.js, Angular e Vue.

Significado para desenvolvedores de AI Agent: padrão GenUI entre frameworks e entre modelos

O lançamento tem importância para a camada de aplicação de AI Agent:

No passado, os desenvolvedores precisavam implementar do zero para adicionar em seus próprios apps uma “UI dinâmica no estilo do Claude Artifacts”

O Open Generative UI fornece uma opção de código aberto e que funciona entre frameworks e entre modelos

Por meio do servidor MCP, Claude Code e Cursor, os usuários conseguem se conectar diretamente

Eventos específicos acompanháveis a seguir: taxa de adoção do CopilotKit Open Generative UI na comunidade LangChain／CrewAI, reação oficial da Anthropic à “implementação de código aberto do Claude Artifacts” e se outros frameworks de Agent oferecem capacidades semelhantes de GenUI.

Este artigo CopilotKit abre código do Open Generative UI: implementação cross-framework do Claude Artifacts para Agent apareceu primeiro em 鏈新聞 ABMedia.