# r3f-textures

Скилл помогает настраивать цветовые пространства, UV-каналы и фильтрацию текстур в React Three Fiber. Пригодится, если текстура выглядит неверно или расходует слишком много памяти.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1700 установок · ★ 130
- Автор: EnzeD
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/EnzeD/r3f-skills/tree/HEAD/skills/r3f-textures/SKILL.md
- Обновлён: 2026-08-31
- HTML: https://affpapa.org/nevibecode/skills/r3f-textures

## Что делает

Скилл объясняет, как выбирать цветовое пространство для цветных карт и данных, настраивать UV-каналы, повторение и фильтрацию. Разбирает также видео, Canvas/DataTexture и render targets. Для моделей glTF учитывайте их настройки: повторная смена ориентации может испортить уже настроенную карту.

Загрузчики кэшируют текстуры по входным параметрам, поэтому изменение повторения или цветового пространства может затронуть несколько компонентов. Для отдельных настроек скилл советует клонировать объект текстуры и освобождать только принадлежащий вам клон. Одинаковый кэш может повлиять на все его компоненты-потребители.

Есть рекомендации по видеотекстурам, mipmaps и проверке потребления GPU-памяти. Для render targets скилл отсылает к `references/render-targets.md`; нельзя читать текстуру одновременно с записью в неё.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add EnzeD/r3f-skills --skill r3f-textures -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/r3f-textures/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/r3f-textures/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add EnzeD/r3f-skills --skill r3f-textures -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/r3f-textures/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add EnzeD/r3f-skills --skill r3f-textures -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/r3f-textures/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install EnzeD/r3f-skills r3f-textures
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/r3f-textures/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add EnzeD/r3f-skills --skill r3f-textures -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/EnzeD/r3f-skills --path skills/r3f-textures
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/r3f-textures/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add EnzeD/r3f-skills --skill r3f-textures -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/EnzeD/r3f-skills/tree/HEAD/skills/r3f-textures/SKILL.md

## Когда брать
- выбрать цветовое пространство для цветной карты и карты данных
- настроить текстуру на нужном UV-канале
- исправить повторение или фильтрацию изображения
- разделить настройки текстуры между несколькими объектами
- избежать чтения из render target во время записи

## Примеры запросов агенту
- Настрой цветовое пространство для цветной карты и карты шероховатости в моей сцене React Three Fiber.
- Проверь, почему текстура повторяется неправильно, и выбери подходящий UV-канал.
- Разбери использование видеотекстуры и render target в этом компоненте.

## Похожие
- [find-skills](https://affpapa.org/nevibecode/skills/find-skills.md) — скилл · 4000000 установок
- [frontend-design](https://affpapa.org/nevibecode/skills/frontend-design.md) — скилл · 1025790 установок
- [grill-me](https://affpapa.org/nevibecode/skills/grill-me.md) — скилл · 1424476 установок
- [grill-with-docs](https://affpapa.org/nevibecode/skills/grill-with-docs.md) — скилл · 1219756 установок
- [improve-codebase-architecture](https://affpapa.org/nevibecode/skills/improve-codebase-architecture.md) — скилл · 1163035 установок
- [design-taste-frontend](https://affpapa.org/nevibecode/skills/design-taste-frontend.md) — скилл · 678700 установок

Из того же набора: [enzed/r3f-skills](https://affpapa.org/nevibecode/by/enzed/r3f-skills.md) — 9 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md