O que openui faz?
Módulos de renderização no lado do cliente que convertem strings de saída de agentes em tempo real diretamente em prévias de interface interativas.
Visão Geral
O wandb/openui permite que agentes de IA gerem visualizações interativas de interface a partir de texto, sem necessidade de infraestrutura server-side. Ideal para desenvolvimento rápido e iterações com agentes como Claude Code, Cursor e Codex.
Como Funciona
- Entrada: Strings de saída do agente contendo código de interface (HTML, JSX, componentes).
- Processamento: Módulos leves no cliente analisam e interpretam as strings.
- Saída: Prévia interativa renderizada no navegador ou ambiente do usuário.
Uso
import { renderUI } from "wandb/openui";
const agentOutput = "<button class='primary'>Clique aqui</button>";
renderUI(agentOutput, "#preview-container");
Compatibilidade
- Claude Code
- Cursor
- Codex
- Outros agentes com saída textual estruturada
Benefícios
- Feedback visual imediato
- Sem latência de servidor
- Fácil integração em fluxos de desenvolvimento
- Suporte a múltiplos frameworks de interface
Exemplo
Após um agente gerar um componente React, o wandb/openui o renderiza imediatamente:
const MyComponent = () => <div>Olá, mundo!</div>;
Resultado: Visualização interativa do componente acima.
Documentação Adicional
Para mais informações, consulte o repositório oficial: wandb/openui.