скилл CX Codex

r3f-physics — скилл для Claude Code: физика в R3F

Q: Как установить r3f-physics в Claude Code?

Выполните `npx skills add EnzeD/r3f-skills --skill r3f-physics -a claude-code`. Файл скилла появится по пути `~/.claude/skills/r3f-physics/SKILL.md`.

Помогает добавить в React Three Fiber физику Rapier: тела, коллайдеры, силы, сенсоры и соединения. Пригодится для движения, зависящего от столкновений.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓

npx skills add EnzeD/r3f-skills --skill r3f-physics -a claude-code

Открыть на GitHub

Что делает r3f-physics

Скилл объясняет, как связать физическую симуляцию с React Three Fiber: настроить динамические и неподвижные тела, подобрать коллайдеры, применять импульсы и силы, обрабатывать события сенсоров и соединять тела. Также разбирает шаг симуляции, сон тел, CCD и контроллер персонажа.

Перед установкой проверьте версии Fiber, React и Rapier: Rapier 2 рассчитан на Fiber 9 и React 19, а старым проектам нужна совместимая линейка пакетов. Физика загружает WASM асинхронно, поэтому для такого примера нужен Suspense. Положение симулируемого меша нельзя задавать через useFrame: состояние физического мира может перезаписать его.

Какие задачи решает

Настроить столкновения между телами и поверхностями
Подобрать коллайдеры для динамических и неподвижных объектов
Применить импульс или силу в нужный шаг симуляции
Обрабатывать вход и выход объектов из сенсора
Соединить физические тела шарниром или другим ограничением

Примеры запросов агенту

Добавь в сцену React Three Fiber падающее тело с импульсом по клику и неподвижным полом.
Проверь, как настроить коллайдеры для динамических объектов и статичного окружения.
Покажи, как обрабатывать события входа и выхода сенсора в Rapier.

Как установить r3f-physics

1Через Skills CLI (Vercel)

npx skills add EnzeD/r3f-skills --skill r3f-physics -a claude-code

2Вручную: положить файлы

~/.claude/skills/r3f-physics/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/r3f-physics/

1Через Skills CLI (Vercel)

npx skills add EnzeD/r3f-skills --skill r3f-physics -a codex

2Вручную: положить файлы

.agents/skills/r3f-physics/SKILL.md

Для всех проектов — ~/.agents/skills/

1Через Skills CLI (Vercel)

npx skills add EnzeD/r3f-skills --skill r3f-physics -a cursor

2Вручную: положить файлы

.cursor/skills/r3f-physics/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install EnzeD/r3f-skills r3f-physics

2Вручную: положить файлы

.github/skills/r3f-physics/SKILL.md

1Через Skills CLI (Vercel)

npx skills add EnzeD/r3f-skills --skill r3f-physics -a gemini-cli

2Командой платформы

gemini skills install https://github.com/EnzeD/r3f-skills --path skills/r3f-physics

Вручную: положить файлы

.devin/skills/r3f-physics/SKILL.md

Старый путь .windsurf/skills/ тоже читается

Через Skills CLI (Vercel)

npx skills add EnzeD/r3f-skills --skill r3f-physics -a opencode

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о r3f-physics

Как установить r3f-physics в Claude Code?

Выполните npx skills add EnzeD/r3f-skills --skill r3f-physics -a claude-code. Файл скилла появится по пути ~/.claude/skills/r3f-physics/SKILL.md.

Что делает r3f-physics?

Подсказывает, как добавлять физику Rapier в React Three Fiber: настраивать тела и коллайдеры, силы, сенсоры и соединения.

Какие версии нужны для Rapier 2?

В описании указана связка Rapier 2 с Fiber 9 и React 19. Для более старого проекта нужно подобрать совместимую линейку пакетов.

orbit-card heygen-com Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender. CX Codex +1 10 000установок cad earthtojake Создаёт и правит параметрические CAD-модели, экспортирует STEP, STL, 3MF и GLB, измеряет геометрию и открывает готовые файлы в CAD Viewer. CX Codex +1 14 000установок step-parts earthtojake Скилл ищет готовые покупные детали в каталоге step.parts и скачивает их STEP-файлы, чтобы не рисовать заглушки в сборке. CX Codex +1 11 200установок sdf earthtojake Скилл создаёт и проверяет SDFormat-файлы для моделей и миров, а затем помогает подготовить их к передаче в симулятор. CX Codex +1 10 500установок urdf earthtojake Скилл помогает создавать, проверять и отлаживать описания роботов в формате URDF. Пригодится для работы со звеньями, сочленениями и геометрией. CX Codex +1 10 500установок hatch-pet официальный openai Создаёт и упаковывает анимированных питомцев и спрайт-листы для Codex. Пригодится, когда нужен персонаж по описанию, изображению или фирменным ориентирам. CX Codex +1 3 300установок

Из того же набора6

r3f-interaction Настраивает события указателя, выбор объектов, перетаскивание и управление камерой в React Three Fiber. Помогает связать ввод мыши и клавиатуры без конфликтов между контроллерами сцены. CX Codex +1 3 300установок r3f-materials Помогает настроить PBR-поверхности и прозрачность в React Three Fiber. Предотвращает ошибки с цветовыми пространствами текстур и лишней нагрузкой на видеокарту. CX Codex +1 1 900установок r3f-geometry Помогает собирать геометрию и инстансированные объекты в React Three Fiber, а также разбираться с буферами, линиями и точками. Пригодится для формы объектов и сокращения draw calls. CX Codex +1 1 900установок r3f-postprocessing Скилл подсказывает агенту, как собрать постобработку в React Three Fiber: блум по выбранным объектам, глубину резкости, SSAO. Пригодится, когда картинка в сцене не сходится с задумкой. CX Codex +1 1 900установок r3f-loaders Помогает загружать и переиспользовать 3D-модели в React Three Fiber. Настраивает хуки, предзагрузку, клонирование объектов и показ заглушек. CX Codex +1 1 800установок