shader-dev — скилл для Claude Code: что делает и как установить
Скилл передаёт агенту приёмы написания GLSL-шейдеров: ray marching, симуляцию жидкостей и процедурную генерацию. Помогает собирать визуальные эффекты и статичные кадры для промо-экранов.
npx skills add nexu-io/open-design --skill shader-dev -a claude-codeЧто делает shader-dev
Скилл содержит практики создания GLSL-шейдеров. Агент берёт из него методы симуляции жидкостей и ray marching для промо-экранов. Это ускоряет черновую сборку графики.
Материалы подготовлены командой MiniMax AI. В каталоге OpenDesign скилл помечен как прототип для категории 3d-shaders. Такая карточка помогает агенту подключить нужные техники ещё на этапе планирования задачи. Скилл активируется по фразам shader, glsl, ray marching или по прямому вызову shader-dev.
Для доступа к оригинальным ассетам и скриптам понадобится внешний репозиторий MiniMax-AI/skills. Без апстрима агент опирается лишь на текстовые инструкции из манифеста. Это повод заранее загрузить исходные файлы в рабочую директорию.
Какие задачи решает
- написать GLSL-шейдер с техникой ray marching
- настроить процедурную генерацию визуальных эффектов
- собрать симуляцию жидкостей или частиц для промо-экрана
- подготовить шейдерные анимации для первого экрана сайта
Примеры запросов агенту
- shader-dev: напиши шейдер с ray marching для фона страницы
- сделай процедурную генерацию частиц на GLSL
- напиши glsl-код симуляции жидкости для шейдера
Как установить shader-dev
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill shader-dev -a claude-code2Вручную: положить файлы
~/.claude/skills/shader-dev/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/shader-dev/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill shader-dev -a codex2Вручную: положить файлы
.agents/skills/shader-dev/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill shader-dev -a cursor2Вручную: положить файлы
.cursor/skills/shader-dev/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design shader-dev2Вручную: положить файлы
.github/skills/shader-dev/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill shader-dev -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/shader-devВручную: положить файлы
.devin/skills/shader-dev/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill shader-dev -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора39
Весь набор →Похожие
Вопросы о shader-dev
Как установить shader-dev в Claude Code?
Выполните в терминале команду npx skills add nexu-io/open-design --skill shader-dev -a claude-code. Агент добавит манифест скилла в директорию ~/.claude/skills/shader-dev/SKILL.md.
Что делает скилл shader-dev?
Он даёт агенту инструкции и методы по GLSL-шейдерам, включая ray marching, симуляцию частиц и жидкостей. Это помогает генерировать визуальные эффекты и статичные кадры для промо-страниц.
Откуда взяты материалы для shader-dev?
Набор приёмов подготовлен командой MiniMax AI и взят из их апстрим-репозитория MiniMax-AI/skills. Чтобы использовать оригинальные скрипты и ассеты, потребуется установить апстрим-пакет в директорию навыков агента.
Исходный текст
SKILL.md · Apache-2.0
--- name: shader-dev description: | GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills. triggers: - "shader" - "glsl" - "ray marching" - "fluid simulation" - "procedural generation" od: mode: prototype category: 3d-shaders upstream: "https://github.com/MiniMax-AI/skills" --- # shader-dev > Curated from the MiniMax AI team. ## What it does GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills. ## Source - Upstream: https://github.com/MiniMax-AI/skills - Category: `3d-shaders` ## How to use This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory: ```bash # Inspect the upstream README for exact paths open https://github.com/MiniMax-AI/skills ``` Then ask the agent to invoke this skill by name (`shader-dev`) or with one of the trigger phrases listed in this skill's frontmatter.
© nexu-io · Apache-2.0 · nexu-io/open-design