- Un framework de UI generativa en el que la IA recibe un prompt del usuario, genera una estructura JSON y la renderiza con componentes predefinidos
- Genera interfaces dinámicas y personalizadas a partir de prompts, pero garantiza una salida segura y predecible mediante un catálogo de componentes predefinido
- Si defines en el catálogo los componentes, acciones y funciones de validación disponibles, la IA solo genera JSON restringido (constrained) dentro de ese alcance
- El JSON generado se renderiza de forma progresiva mediante streaming, por lo que la UI se muestra de inmediato conforme llega la respuesta del modelo
- La UI generada se puede exportar como código React ejecutable de forma independiente (proyecto Next.js), y también publicarse como código React puro que funciona sin dependencias de runtime
- Tanto React como React Native admiten renderizado con el mismo catálogo y formato de especificación, por lo que una sola definición puede cubrir web y móvil
- Componentes incluidos
- Layout: Card, Grid, Stack, Tabs, Carousel, Collapsible, Accordion
- Entrada: Input, Textarea, Select, Checkbox, Radio, Switch, Slider, Toggle, ToggleGroup, Rating
- Visualización: Text, Heading, Image, Badge, Alert, Progress, Skeleton, Spinner, Table, Avatar, Separator
- Interacción: Button, ButtonGroup, Link, DropdownMenu, Dialog, Drawer, Popover, Tooltip, Pagination
- Gráficas: BarGraph, LineGraph
- Cada componente admite data binding bidireccional mediante
{ $bindState }
- Con el arreglo
checks se pueden declarar de forma declarativa reglas de validación como required, email y minLength
- Los event handlers se vinculan con
on.press, on.change, on.select, on.submit, etc.
npm install @json-render/core @json-render/react
1 comentarios
Impresionante. Creo que, a partir de ahora, será muy bueno como medio para conectar desde la planificación hasta las áreas de diseño y publicación.