·web3d-integration-patterns
</>

web3d-integration-patterns

✓
freshtechbro/claudedesignskillsGitHub: freshtechbro/claudedesignskillsИсточник: freshtechbro/claudedesignskills

Мета-навык для объединения Three.js, GSAP ScrollTrigger, React Three Fiber, Motion и React Spring для создания сложных 3D-веб-проектов. Используйте при создании приложений, интегрирующих несколько библиотек 3D и анимации, требующих шаблонов архитектуры, управления состоянием и оптимизации производительности во всем стеке. Запускается при выполнении задач, связанных с интеграцией библиотек, мультибиблиотечной архитектурой, 3D-опытом с прокруткой, 3D-анимацией на основе физики или сложными интерактивными 3D-приложениями.

freshtechbro·web3d·integration·patterns
15Установки·1Тренд·@freshtechbro

Установка

GitHub: freshtechbro/claudedesignskills
$npx skills add https://github.com/freshtechbro/claudedesignskills --skill web3d-integration-patterns

Как установить web3d-integration-patterns

Быстро установите AI-навык web3d-integration-patterns в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill web3d-integration-patterns
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: freshtechbro/claudedesignskills.

SKILL.md

Показать raw

This meta-skill provides architectural patterns, best practices, and integration strategies for combining multiple 3D and animation libraries in web applications. It synthesizes knowledge from the threejs-webgl, gsap-scrolltrigger, react-three-fiber, motion-framer, and react-spring-physics skills into cohesive patterns for building complex, performant 3D web experiences.

Pattern 1: Layered Separation (Three.js + GSAP + React UI)

Pattern 2: Unified React Component (React Three Fiber + Motion)

Мета-навык для объединения Three.js, GSAP ScrollTrigger, React Three Fiber, Motion и React Spring для создания сложных 3D-веб-проектов. Используйте при создании приложений, интегрирующих несколько библиотек 3D и анимации, требующих шаблонов архитектуры, управления состоянием и оптимизации производительности во всем стеке. Запускается при выполнении задач, связанных с интеграцией библиотек, мультибиблиотечной архитектурой, 3D-опытом с прокруткой, 3D-анимацией на основе физики или сложными интерактивными 3D-приложениями. Источник: freshtechbro/claudedesignskills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/freshtechbro/claudedesignskills --skill web3d-integration-patterns
Источник
freshtechbro/claudedesignskills
Категория
</>Разработка
Проверено
✓
Впервые замечено
2026-03-09
Обновлено
2026-03-11
URL
https://www.learn-skills.dev/ru/skills/freshtechbro/claudedesignskills/web3d-integration-patterns

Browse more skills from freshtechbro/claudedesignskills

Короткие ответы

Что такое web3d-integration-patterns?

Мета-навык для объединения Three.js, GSAP ScrollTrigger, React Three Fiber, Motion и React Spring для создания сложных 3D-веб-проектов. Используйте при создании приложений, интегрирующих несколько библиотек 3D и анимации, требующих шаблонов архитектуры, управления состоянием и оптимизации производительности во всем стеке. Запускается при выполнении задач, связанных с интеграцией библиотек, мультибиблиотечной архитектурой, 3D-опытом с прокруткой, 3D-анимацией на основе физики или сложными интерактивными 3D-приложениями. Источник: freshtechbro/claudedesignskills.

Как установить web3d-integration-patterns?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill web3d-integration-patterns После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/freshtechbro/claudedesignskills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-03-09

Похожие навыки

threejs-webgl
26 Установки
babylonjs-engine
26 Установки
pixijs-2d
23 Установки
blender-web-pipeline
22 Установки
spline-interactive
22 Установки
gsap-scrolltrigger
20 Установки