json-render

json-render é uma estrutura de UI Generativa desenvolvida pela Vercel Labs que permite à IA gerar interfaces de usuário dinâmicas e personalizadas a partir de prompts em linguagem natural. Restringe a saída da IA a um catálogo predefinido de componentes e ações, garantindo uma saída JSON segura, previsível e compatível com o esquema. As principais capacidades incluem: - Renderização multiplataforma: suporta React, Vue, Svelte, SolidJS, React Native e UIs de terminal (Ink) a partir do mesmo catálogo de componentes. - Saída multi-alvo: além de UIs web e móveis, pode gerar aplicações completas Next.js ou TanStack Start, vídeos (Remotion), documentos PDF, e-mails HTML, imagens (SVG/PNG) e cenas 3D (React Three Fiber). - Streaming: transmite e renderiza progressivamente especificações de UI à medida que o modelo de IA responde, usando utilitários SpecStream. - Props e estado dinâmicos: suporta visibilidade condicional, expressões de props dinâmicas, observadores de estado e ações incorporadas como setState. Inclui adaptadores para Redux, Zustand, Jotai e XState. - Baterias incluídas: fornece 36 componentes shadcn/ui pré-construídos e componentes móveis padrão. - DevTools: oferece um painel de inspeção pronto a usar com árvore de especificações, editor de estado, registo de ações e navegador de catálogo para React, Vue, Svelte e Solid. - Integrações: inclui uma integração MCP (Model Context Protocol) para Claude, ChatGPT, Cursor e VS Code, bem como um formato de transmissão YAML.