К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

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

Скилл передаёт агенту приёмы написания GLSL-шейдеров: ray marching, симуляцию жидкостей и процедурную генерацию. Помогает собирать визуальные эффекты и статичные кадры для промо-экранов.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add nexu-io/open-design --skill shader-dev -a claude-code
Открыть на GitHub

Что делает 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-code

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

~/.claude/skills/shader-dev/SKILL.md

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

Из того же набора39

Весь набор →
ui-ux-pro-max nexu-io Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити. Claude Code CX Codex Cursor +1 5 400установок frontend-design nexu-io Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов. Claude Code CX Codex Cursor +1 4 800установок threejs nexu-io Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере. Claude Code CX Codex Cursor +1 3 400установок creative-director nexu-io Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций. Claude Code CX Codex Cursor +1 3 400установок design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». Claude Code CX Codex Cursor +1 3 400установок apple-hig nexu-io Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов. Claude Code CX Codex Cursor +1 3 200установок hatch-pet nexu-io Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. Пригодится для сборки пиксельного компаньона по концепту или картинке-референсу. Claude Code CX Codex Cursor +1 3 100установок d3-visualization nexu-io Скилл учит агента создавать интерактивные графики и визуализации данных на D3.js. Подойдёт, если нужно быстро генерировать диаграммы для дашбордов, отчётов и прототипов. Claude Code CX Codex Cursor +1 3 100установок

Похожие

threejs-animation CloudAI-X Скилл для работы с keyframe-анимацией, костями и морф-целями в Three.js. Помогает воспроизводить glTF-анимации, управлять костями скелета, миксировать и кроссфейдить клипы на WebGL и WebGPU. Claude Code CX Codex Cursor +1 20 100установок dfam-check earthtojake Скилл проверяет 3D-сетки на пригодность к 3D-печати по правилам DfAM перед нарезкой в слайсере или отправкой на станок. Claude Code CX Codex Cursor +1 4 100установок threejs-fundamentals CloudAI-X Помогает настроить базовую сцену Three.js r186: рендерер, камеры, цикл анимации с THREE.Timer и import map для WebGL или WebGPU с TSL. Claude Code CX Codex Cursor +1 17 100установок sprite-pipeline официальный OpenAI Готовит и нормализует полосы 2D-анимации по утверждённому кадру. Подойдёт, когда нужны согласованные игровые кадры и лист для предпросмотра. CX Codex GP ChatGPT 53установок orbit-card heygen-com Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender. Claude Code CX Codex Cursor +1 9 800установок sdf earthtojake Скилл создаёт и проверяет SDFormat-файлы для моделей и миров, а затем помогает подготовить их к передаче в симулятор. Claude Code CX Codex Cursor +1 10 500установок urdf earthtojake Скилл помогает создавать, проверять и отлаживать описания роботов в формате URDF. Пригодится для работы со звеньями, сочленениями и геометрией. Claude Code CX Codex Cursor +1 10 400установок hatch-pet официальный openai Создаёт и упаковывает анимированных питомцев и спрайт-листы для Codex. Пригодится, когда нужен персонаж по описанию, изображению или фирменным ориентирам. Claude Code CX Codex Cursor +1 3 300установок

Вопросы о 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

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой