r3f-textures — скилл для Claude Code: настройка текстур
Скилл помогает настраивать цветовые пространства, UV-каналы и фильтрацию текстур в React Three Fiber. Пригодится, если текстура выглядит неверно или расходует слишком много памяти.
npx skills add EnzeD/r3f-skills --skill r3f-textures -a claude-codeЧто делает r3f-textures
Скилл объясняет, как выбирать цветовое пространство для цветных карт и данных, настраивать UV-каналы, повторение и фильтрацию. Разбирает также видео, Canvas/DataTexture и render targets. Для моделей glTF учитывайте их настройки: повторная смена ориентации может испортить уже настроенную карту.
Загрузчики кэшируют текстуры по входным параметрам, поэтому изменение повторения или цветового пространства может затронуть несколько компонентов. Для отдельных настроек скилл советует клонировать объект текстуры и освобождать только принадлежащий вам клон. Одинаковый кэш может повлиять на все его компоненты-потребители.
Есть рекомендации по видеотекстурам, mipmaps и проверке потребления GPU-памяти. Для render targets скилл отсылает к references/render-targets.md; нельзя читать текстуру одновременно с записью в неё.
Какие задачи решает
- выбрать цветовое пространство для цветной карты и карты данных
- настроить текстуру на нужном UV-канале
- исправить повторение или фильтрацию изображения
- разделить настройки текстуры между несколькими объектами
- избежать чтения из render target во время записи
Примеры запросов агенту
- Настрой цветовое пространство для цветной карты и карты шероховатости в моей сцене React Three Fiber.
- Проверь, почему текстура повторяется неправильно, и выбери подходящий UV-канал.
- Разбери использование видеотекстуры и render target в этом компоненте.
Как установить r3f-textures
1Через Skills CLI (Vercel)
npx skills add EnzeD/r3f-skills --skill r3f-textures -a claude-code2Вручную: положить файлы
~/.claude/skills/r3f-textures/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/r3f-textures/
1Через Skills CLI (Vercel)
npx skills add EnzeD/r3f-skills --skill r3f-textures -a codex2Вручную: положить файлы
.agents/skills/r3f-textures/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add EnzeD/r3f-skills --skill r3f-textures -a cursor2Вручную: положить файлы
.cursor/skills/r3f-textures/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install EnzeD/r3f-skills r3f-textures2Вручную: положить файлы
.github/skills/r3f-textures/SKILL.md1Через Skills CLI (Vercel)
npx skills add EnzeD/r3f-skills --skill r3f-textures -a gemini-cli2Командой платформы
gemini skills install https://github.com/EnzeD/r3f-skills --path skills/r3f-texturesВручную: положить файлы
.devin/skills/r3f-textures/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add EnzeD/r3f-skills --skill r3f-textures -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о r3f-textures
Как установить r3f-textures в Claude Code?
Выполните npx skills add EnzeD/r3f-skills --skill r3f-textures -a claude-code. Файл скилла находится по пути ~/.claude/skills/r3f-textures/SKILL.md.
Что делает r3f-textures?
Помогает агенту настраивать текстуры в React Three Fiber: цветовые пространства, UV-каналы, фильтрацию и специальные типы текстур.
Почему изменение текстуры может затронуть другие компоненты?
Загрузчик может вернуть один и тот же закэшированный объект для нескольких потребителей. Для отдельных настроек скилл рекомендует клонировать текстуру и не удалять общий исходный объект.
