vercel-labs/react-native

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

Qu'est-ce que react-native ?

Cette compétence fournit un moteur de rendu React Native pour json-render, conçu pour transformer des spécifications JSON en interfaces utilisateur mobiles entièrement natives. Elle est particulièrement utile pour les développeurs travaillant avec @json-render/react-native, souhaitant construire dynamiquement des interfaces React Native à partir de données JSON structurées. La compétence permet de créer facilement des catalogues de composants mobiles et de restituer en temps réel des spécifications d'interface générées par intelligence artificielle sur des appareils mobiles. Compatible avec les environnements de développement React Native standard, elle simplifie le processus de conversion de définitions JSON en vues mobiles fonctionnelles, réduisant ainsi le besoin de code personnalisé pour chaque composant.

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

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-native ?

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

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

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

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