ИИ-офисМаркетплейс скилов
react-three-fiber.mdПубличный

react-three-fiber

Three.js через React-компоненты: R3F

react-three-fiberr3fthreejsreact3dwebgldrei

О скиле

Учит Claude работать с React Three Fiber (R3F) — декларативной обёрткой над Three.js, где 3D-сцены описываются через React-компоненты. Вместо императивного кода Three.js пишете JSX: <mesh>, <boxGeometry>, <meshStandardMaterial>. Из экосистемы R3F доступны Drei (готовые компоненты), React Spring для анимаций и Rapier для физики. Подходит для React-приложений с 3D-элементами: конфигураторы, интерактивные лендинги, игры. Если вы React-разработчик, Three.js станет таким же привычным как div. Если вайб-кодер, добавите 3D в Next.js-сайт. Работает с Claude Code.

Как установить

  1. Открой папку скилов Claude Code: open ~/.claude/skills/

  2. Склонируй репозиторий: git clone https://github.com/midudev/autoskills ~/.claude/skills/react-three-fiber

  3. Перезагрузи Claude Code — скил подхватится автоматически.

  4. Активируй в чате: Use react-three-fiber skill.

Установка

Открыть репозиторийgithub.com/midudev/autoskills

Похожие скилы

// продолжай по той же профессии или категории

Частые вопросы

Что такое скил «react-three-fiber»?
«react-three-fiber» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах vibe-coding. Скил можно скачать и использовать сразу — без настройки.
Как установить скил «react-three-fiber» в Claude Code?
Скачайте .md-файл на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules).
Бесплатен ли скил «react-three-fiber»?
Да, скил «react-three-fiber» доступен бесплатно для всех пользователей без регистрации. Скачайте .md-файл прямо на этой странице.

Больше вопросов про Agent Skills — общий FAQ маркетплейса