# glsl

Скилл по GLSL для голографических эффектов в HUD: панели со сканлайнами, энергетические поля, постобработка. Пригодится, если пишете шейдеры для WebGL и хотите держать 60 FPS.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 369 установок · ★ 48
- Автор: martinholovsky
- Лицензия: Unlicense · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/martinholovsky/claude-skills-generator/tree/HEAD/skills/glsl/SKILL.md
- Обновлён: 2025-12-06
- HTML: https://affpapa.org/nevibecode/skills/glsl

## Что делает

Скилл даёт агенту экспертизу по GLSL и настраивает рабочий процесс через TDD. Сначала пишется падающий тест — компиляция шейдера, доступность юниформов вроде `uTime`, `uColor`, `uOpacity`, визуальная регрессия по эталонному кадру. Потом минимальная реализация, которая проходит тесты, и только затем полная: сканлайны, пульсация, цвет. Проверка идёт через `npm run test:shaders`, `npm run test:visual` и `npm run bench:shaders`.

Внутри разобраны приёмы производительности: замена ветвлений на `mix` и `smoothstep`, атласы текстур вместо нескольких привязок, снижение числа октав шума по расстоянию до камеры, упаковка юниформов в векторы и матрицы. Отдельно про точность — квалификаторы вроде `highp` для float и int. Всё это под WebGL 2.0 и GLSL ES 3.00, с оговоркой про legacy-поддержку GLSL ES 1.00.

Скилл помечен как LOW risk: код исполняется на стороне GPU, поверхность атаки небольшая. Но автор предупреждает, что производительность он всё же может просадить — профилируйте до того, как тащить эффекты в продакшен. Постоянные границы циклов обязательны, иначе есть риск подвесить GPU.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add martinholovsky/claude-skills-generator --skill glsl -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add martinholovsky/claude-skills-generator --skill glsl -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add martinholovsky/claude-skills-generator --skill glsl -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install martinholovsky/claude-skills-generator glsl
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add martinholovsky/claude-skills-generator --skill glsl -a gemini-cli
```

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

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add martinholovsky/claude-skills-generator --skill glsl -a opencode
```

### Claude.ai

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

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

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

## Примеры запросов агенту
- Напиши фрагментный шейдер для голографической панели со сканлайнами и пульсацией, начни с теста на компиляцию
- Перепиши этот шейдер без ветвлений — через mix и smoothstep
- Добавь визуальный регрессионный тест для эффекта bloom и прогони npm run test:visual

## Похожие
- [shader-glsl](https://affpapa.org/nevibecode/skills/shader-glsl.md) — скилл · 1400 установок
- [shader-dev](https://affpapa.org/nevibecode/skills/minimax-ai-shader-dev.md) — скилл · 2500 установок
- [shader-programming](https://affpapa.org/nevibecode/skills/shader-programming.md) — скилл · 6900 установок
- [threejs-shaders](https://affpapa.org/nevibecode/skills/threejs-shaders.md) — скилл · 15600 установок
- [pixijs-custom-rendering](https://affpapa.org/nevibecode/skills/pixijs-custom-rendering.md) — скилл · 5700 установок
- [shadertoy](https://affpapa.org/nevibecode/skills/shadertoy.md) — скилл · 1500 установок

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

_Часть страницы не вошла по размеру — она есть в HTML-версии._

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