Настройка ядра React Three Fiber, конфигурация Canvas, иерархия сцен, системы камер, освещение, цикл рендеринга и шаблоны интеграции React. Используйте при настройке нового проекта R3F, настройке компонента Canvas, управлении структурой сцены или понимании декларативной парадигмы Three.js-in-React. Базовый навык, от которого зависят все остальные навыки R3F.
Быстро установите AI-навык r3f-fundamentals в вашу среду разработки через командную строку
Источник: bbeierle12/skill-mcp-claude.
Declarative Three.js via React components. R3F maps Three.js objects to JSX elements with automatic disposal, reactive updates, and React lifecycle integration.
| new THREE.Mesh() | | | mesh.position.set(1, 2, 3) | | | scene.add(mesh) | JSX nesting handles hierarchy | | mesh.geometry.dispose() | Automatic on unmount |
| always | Continuous animation (games, simulations) | | demand | Static scenes, only re-render on state change | | never | Manual control via invalidate() |
Настройка ядра React Three Fiber, конфигурация Canvas, иерархия сцен, системы камер, освещение, цикл рендеринга и шаблоны интеграции React. Используйте при настройке нового проекта R3F, настройке компонента Canvas, управлении структурой сцены или понимании декларативной парадигмы Three.js-in-React. Базовый навык, от которого зависят все остальные навыки R3F. Источник: bbeierle12/skill-mcp-claude.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill r3f-fundamentalsНастройка ядра React Three Fiber, конфигурация Canvas, иерархия сцен, системы камер, освещение, цикл рендеринга и шаблоны интеграции React. Используйте при настройке нового проекта R3F, настройке компонента Canvas, управлении структурой сцены или понимании декларативной парадигмы Three.js-in-React. Базовый навык, от которого зависят все остальные навыки R3F. Источник: bbeierle12/skill-mcp-claude.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill r3f-fundamentals После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/bbeierle12/skill-mcp-claude