скилл CX Codex

shadertoy — скилл для Claude Code: что делает и как установить

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

Выполните команду `npx skills add bfollington/terma --skill shadertoy -a claude-code` в терминале.

Q: Какие ошибки синтаксиса GLSL ES предотвращает скилл?

Он блокирует использование суффикса `f` у чисел вроде `1.0f`, заменяет `saturate()` на `clamp()` и требует проверять аргументы корней и степеней.

Скилл помогает писать фрагментные шейдеры GLSL ES для Shadertoy и WebGL. Пригодится при создании процедурной графики, рей-маршинга и визуальных эффектов.

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

npx skills add bfollington/terma --skill shadertoy -a claude-code

Открыть на GitHub

Что делает shadertoy

Скилл содержит справочник по синтаксису GLSL ES и переменным окружения Shadertoy: iResolution, iTime и каналам текстур iChannel0–iChannel3. Вся логика строится вокруг функции mainImage, где рассчитывается нормализованный цвет пикселя.

В набор включены готовые математические паттерны: косинусные палитры градиентов, 2D-хэширование для шума и рей-маршинг с расчётом нормалей. Есть шаблоны для многопроходного рендеринга через связку буферов с накоплением кадров.

Шейдер упадёт при сборке в браузере, если нарушить правила GLSL ES: суффикс f у чисел не допускается, функцию saturate() надо менять на clamp(), а под sqrt и pow нельзя передавать отрицательные числа.

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

написать базовую функцию mainImage с центрированными координатами
реализовать рей-маршинг для трёхмерных процедурных сцен
создать процедурные палитры и генераторы шума на GLSL
настроить обратную связь через буферы рендеринга
исправить несовместимый с WebGL синтаксис шейдеров

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

Напиши шейдер для Shadertoy с вращающимся 3D-тором методом рей-маршинга.
Сделай процедурный градиент через косинусную палитру и добавь виньетку.
Настрой многопроходный рендеринг с буфером для эффекта размытия движения.

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

1Через Skills CLI (Vercel)

npx skills add bfollington/terma --skill shadertoy -a claude-code

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

~/.claude/skills/shadertoy/SKILL.md

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

1Через Skills CLI (Vercel)

npx skills add bfollington/terma --skill shadertoy -a codex

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

.agents/skills/shadertoy/SKILL.md

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

1Через Skills CLI (Vercel)

npx skills add bfollington/terma --skill shadertoy -a cursor

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

.cursor/skills/shadertoy/SKILL.md

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

1GitHub CLI

gh skill install bfollington/terma shadertoy

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

.github/skills/shadertoy/SKILL.md

1Через Skills CLI (Vercel)

npx skills add bfollington/terma --skill shadertoy -a gemini-cli

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

gemini skills install https://github.com/bfollington/terma --path plugins/tsal/skills/shadertoy

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

.devin/skills/shadertoy/SKILL.md

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

Через Skills CLI (Vercel)

npx skills add bfollington/terma --skill shadertoy -a opencode

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

Вопросы о shadertoy

Как установить shadertoy в Claude Code?

Выполните команду npx skills add bfollington/terma --skill shadertoy -a claude-code в терминале.

Зачем нужен этот скилл?

Он даёт модели правила GLSL ES, переменные Shadertoy и готовые математические блоки для генерации шейдеров без ошибок компиляции.

Какие ошибки синтаксиса GLSL ES предотвращает скилл?

Он блокирует использование суффикса f у чисел вроде 1.0f, заменяет saturate() на clamp() и требует проверять аргументы корней и степеней.

shader-dev MiniMax-AI Набор руководств по 36 техникам GLSL для генерации шейдеров под ShaderToy и WebGL2. Пригодится для процедурного 3D, рей-марчинга и визуальных эффектов прямо в коде. CX Codex +1 2 500установок threejs-shaders CloudAI-X Скилл помогает писать кастомные GLSL-шейдеры и материалы для Three.js r186, настраивать униформы и переводить код на TSL для WebGPU. CX Codex +1 15 600установок pixijs-custom-rendering pixijs Помогает писать кастомные шейдеры, юниформы, фильтры и батчеры в PixiJS v8 — на GLSL и WGSL, под WebGL и WebGPU. CX Codex +1 5 700установок shader-glsl iart-ai Скилл помогает писать фрагментные шейдеры GLSL для генеративного фона, переходов между картинками и эффектов в Three.js. CX Codex +1 1 400установок threejs mrgoonie Скилл для ИИ-кодинга, который помогает собирать 3D-сцены, шейдеры и VR-опыты на Three.js. Пригодится, когда проект упирается в WebGL или WebGPU. CX Codex +1 1 200установок webgl martinholovsky Скилл по WebGL для кастомных шейдеров и визуальных эффектов: голограммы, постобработка, системы частиц. Пригодится, если делаете 3D-интерфейс. CX Codex +1 555установок