Costruisci scene 3D dichiarative con React Three Fiber (R3F), un renderer React per Three.js. Da utilizzare quando si creano esperienze 3D interattive in applicazioni React con architettura basata su componenti, gestione dello stato e astrazioni riutilizzabili. Ideale per configuratori di prodotti, portfolio, giochi, visualizzazione di dati ed esperienze web coinvolgenti.
Installa rapidamente la skill AI react-three-fiber nel tuo ambiente di sviluppo tramite riga di comando
Fonte: freshtechbro/claudedesignskills.
React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.
The component sets up a Three.js scene, camera, renderer, and render loop.
Important: Never use setState inside useFrame - it causes unnecessary re-renders!
Costruisci scene 3D dichiarative con React Three Fiber (R3F), un renderer React per Three.js. Da utilizzare quando si creano esperienze 3D interattive in applicazioni React con architettura basata su componenti, gestione dello stato e astrazioni riutilizzabili. Ideale per configuratori di prodotti, portfolio, giochi, visualizzazione di dati ed esperienze web coinvolgenti. Fonte: freshtechbro/claudedesignskills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-three-fiberCostruisci scene 3D dichiarative con React Three Fiber (R3F), un renderer React per Three.js. Da utilizzare quando si creano esperienze 3D interattive in applicazioni React con architettura basata su componenti, gestione dello stato e astrazioni riutilizzabili. Ideale per configuratori di prodotti, portfolio, giochi, visualizzazione di dati ed esperienze web coinvolgenti. Fonte: freshtechbro/claudedesignskills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-three-fiber Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/freshtechbro/claudedesignskills