vercel-labs/react-three-fiber

Moteur de rendu 3D React Three Fiber pour json-render. À utiliser avec @json-render/react-three-fiber pour créer des scènes 3D à partir de spécifications JSON.

Qu'est-ce que react-three-fiber ?

Ce skill permet d'utiliser React Three Fiber (R3F) comme moteur de rendu 3D au sein de l'écosystème json-render. Il est conçu pour les développeurs qui souhaitent construire des scènes 3D complexes (maillages, lumières, modèles, environnements) à partir de spécifications JSON, sans avoir à écrire de code Three.js directement. Le skill s'intègre parfaitement avec @json-render/react-three-fiber et permet de générer des catalogues json-render exploitant la puissance de Three.js pour le rendu 3D. Il est particulièrement utile pour les applications nécessitant des visualisations 3D interactives, des démonstrations de produits ou des environnements immersifs, le tout piloté par des descriptions JSON simples. Le skill supporte les fonctionnalités standard de R3F : les composants `Canvas`, `mesh`, `lights`, `environment`, et le chargement de modèles 3D.

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

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-three-fiber ?

Moteur de rendu 3D React Three Fiber pour json-render. À utiliser avec @json-render/react-three-fiber pour construire des scènes 3D à partir de spécifications JSON, rendu de maillages/lumières/modèles/environnements, ou intégration de Three.js avec des catalogues json-render.

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-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/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