CommunityProgramación y desarrollogithub.com

vercel-labs/react-three-fiber

Renderizador 3D de React Three Fiber para json-render. Útil al trabajar con @json-render/react-three-fiber, construir escenas 3D a partir de especificaciones JSON, renderizar mallas/luces/modelos/entornos o integrar Three.js con catálogos json-render.

¿Qué es react-three-fiber?

Este skill permite integrar React Three Fiber (R3F) con json-render para crear y renderizar escenas 3D completamente a partir de descripciones JSON. Es especialmente útil cuando se trabaja con el paquete @json-render/react-three-fiber, ya que traduce especificaciones JSON estructuradas en objetos 3D renderizables como mallas, luces, modelos y entornos. El skill soporta la construcción declarativa de escenas, manteniendo la eficiencia de React y la potencia de Three.js, y es ideal para catálogos 3D, visualizaciones técnicas y prototipos rápidos. Funciona con cualquier plataforma que utilice json-render y React, permitiendo a los desarrolladores definir geometría, materiales, iluminación y animaciones sin escribir código imperativo de Three.js. Su principal ventaja es simplificar la creación de experiencias 3D complejas a través de configuraciones JSON reutilizables y componibles.

Compatible con~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 Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace react-three-fiber?

Renderizador 3D de React Three Fiber para json-render. Útil al trabajar con @json-render/react-three-fiber, construir escenas 3D a partir de especificaciones JSON, renderizar mallas/luces/modelos/entornos o integrar Three.js con catálogos 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 relacionados