json-render de Vercel - Framework d’UI générative

• Un framework d’UI générative dans lequel l’IA reçoit un prompt utilisateur, génère une structure JSON et la rend avec des composants prédéfinis
• Génère une UI dynamique et personnalisée à partir d’un prompt, tout en garantissant une sortie sûre et prévisible grâce à un catalogue de composants prédéfinis
• En définissant dans le catalogue les composants, actions et fonctions de validation disponibles, l’IA ne peut générer qu’un JSON contraint (constrained) dans ce périmètre
• Le JSON généré est rendu progressivement en streaming, ce qui permet d’afficher l’UI immédiatement à mesure que les réponses du modèle arrivent
• Possibilité d’exporter l’UI générée sous forme de code React autonome (projet Next.js), et de la déployer comme du code React pur fonctionnant sans dépendance d’exécution
• La prise en charge du rendu avec React et React Native repose sur le même catalogue et le même format de spécification, ce qui permet de couvrir le web et le mobile avec une seule définition
• Composants fournis
  • Mise en page : Card, Grid, Stack, Tabs, Carousel, Collapsible, Accordion
  • Entrée : Input, Textarea, Select, Checkbox, Radio, Switch, Slider, Toggle, ToggleGroup, Rating
  • Affichage : Text, Heading, Image, Badge, Alert, Progress, Skeleton, Spinner, Table, Avatar, Separator
  • Interaction : Button, ButtonGroup, Link, DropdownMenu, Dialog, Drawer, Popover, Tooltip, Pagination
  • Graphiques : BarGraph, LineGraph
  • Chaque composant prend en charge la liaison de données bidirectionnelle via { $bindState }
  • Le tableau checks permet de définir de manière déclarative des règles de validation comme required, email, minLength, etc.
  • Les gestionnaires d’événements se lient avec on.press, on.change, on.select, on.submit, etc.
• npm install @json-render/core @json-render/react