vercel-labs/react

Moteur de rendu React pour json-render qui transforme des spécifications JSON en composants React. À utiliser avec @json-render/react, pour construire des interfaces React à partir de JSON, créer des catalogues de composants ou restituer des spécifications générées par IA.

Qu'est-ce que react ?

Cette compétence est un moteur de rendu React pour l'outil json-render, permettant de transformer des spécifications JSON en composants React fonctionnels. Elle est particulièrement utile pour les développeurs travaillant avec @json-render/react, pour construire des interfaces utilisateur React à partir de données JSON, créer des catalogues de composants dynamiques, ou restituer des spécifications générées par l'IA. La compétence prend en charge les plates-formes React et json-render, et fonctionne en interprétant une spécification JSON structurée pour produire une arborescence de composants React. Elle simplifie le développement d'interfaces en automatisant la conversion de données structurées en éléments d'interface réutilisables, ce qui est idéal pour les applications où les interfaces sont définies par des configurations JSON ou générées par des modèles d'IA.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/react

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait react ?

Moteur de rendu React pour json-render qui transforme des spécifications JSON en composants React. À utiliser avec @json-render/react, pour construire des interfaces React à partir de JSON, créer des catalogues de composants ou restituer des spécifications générées par IA.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

vercel-labs/core

Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.

vercel-labs/react-native

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile.

vercel-labs/react-pdf

React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.

vercel-labs/react-three-fiber

React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.

vercel-labs/remotion

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.

vercel-labs/shadcn

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.

vercel-labs/zustand

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.

Skills associés