Создавайте декларативные 3D-сцены с помощью React Three Fiber (R3F) — средства рендеринга React для Three.js. Используйте при создании интерактивных 3D-приложений в приложениях React с компонентной архитектурой, управлением состоянием и многократно используемыми абстракциями. Идеально подходит для конфигураторов продуктов, портфолио, игр, визуализации данных и иммерсивного веб-интерфейса.
Быстро установите AI-навык react-three-fiber в вашу среду разработки через командную строку
Источник: 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!
Создавайте декларативные 3D-сцены с помощью React Three Fiber (R3F) — средства рендеринга React для Three.js. Используйте при создании интерактивных 3D-приложений в приложениях React с компонентной архитектурой, управлением состоянием и многократно используемыми абстракциями. Идеально подходит для конфигураторов продуктов, портфолио, игр, визуализации данных и иммерсивного веб-интерфейса. Источник: freshtechbro/claudedesignskills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-three-fiberСоздавайте декларативные 3D-сцены с помощью React Three Fiber (R3F) — средства рендеринга React для Three.js. Используйте при создании интерактивных 3D-приложений в приложениях React с компонентной архитектурой, управлением состоянием и многократно используемыми абстракциями. Идеально подходит для конфигураторов продуктов, портфолио, игр, визуализации данных и иммерсивного веб-интерфейса. Источник: freshtechbro/claudedesignskills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-three-fiber После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/freshtechbro/claudedesignskills