Erstellen Sie deklarative 3D-Szenen mit React Three Fiber (R3F) – einem React-Renderer für Three.js. Verwendung beim Erstellen interaktiver 3D-Erlebnisse in React-Anwendungen mit komponentenbasierter Architektur, Zustandsverwaltung und wiederverwendbaren Abstraktionen. Ideal für Produktkonfiguratoren, Portfolios, Spiele, Datenvisualisierung und immersive Web-Erlebnisse.
Installieren Sie den KI-Skill react-three-fiber schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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!
Erstellen Sie deklarative 3D-Szenen mit React Three Fiber (R3F) – einem React-Renderer für Three.js. Verwendung beim Erstellen interaktiver 3D-Erlebnisse in React-Anwendungen mit komponentenbasierter Architektur, Zustandsverwaltung und wiederverwendbaren Abstraktionen. Ideal für Produktkonfiguratoren, Portfolios, Spiele, Datenvisualisierung und immersive Web-Erlebnisse. Quelle: freshtechbro/claudedesignskills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-three-fiberErstellen Sie deklarative 3D-Szenen mit React Three Fiber (R3F) – einem React-Renderer für Three.js. Verwendung beim Erstellen interaktiver 3D-Erlebnisse in React-Anwendungen mit komponentenbasierter Architektur, Zustandsverwaltung und wiederverwendbaren Abstraktionen. Ideal für Produktkonfiguratoren, Portfolios, Spiele, Datenvisualisierung und immersive Web-Erlebnisse. Quelle: freshtechbro/claudedesignskills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-three-fiber Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/freshtechbro/claudedesignskills