makepad-2.0-shaders — скилл для Claude Code: шейдеры
Скилл помогает писать шейдеры для Makepad 2.0: от SDF-фигур и эффектов до переопределения отрисовки виджетов. Пригодится, когда агент работает с GPU-кодом Makepad.
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -a claude-codeЧто делает makepad-2.0-shaders
Скилл подсказывает, как задавать pixel и vertex-функции в блоках отрисовки Makepad и работать с instance, uniform и другими переменными шейдера. В его справочных файлах описаны синтаксис, встроенные функции и операции SDF2D: фигуры, преобразования, заливка, обводка и комбинирование форм.
Отдельно разобраны смешивание цветов, тени, состояния кнопок и пользовательские функции. Цвет из пиксельного шейдера должен возвращаться с premultiplied alpha; результат SDF2D уже соответствует этому требованию. Это важно учитывать при ручном возврате цвета.
Скилл объясняет границу между Splash и Rust: Splash может менять отрисовку существующих типов, но не создавать новые типы DrawQuad или добавлять поля в существующие шейдеры. Для нового типа отрисовки его нужно определить в Rust.
Какие задачи решает
- нарисовать геометрические фигуры через SDF2D
- добавить градиент или тень в шейдер виджета
- связать цвет отрисовки с состоянием наведения
- настроить пользовательскую функцию для пиксельного шейдера
- понять, какие изменения шейдера требуют кода на Rust
Примеры запросов агенту
- Нарисуй скруглённую кнопку в Makepad 2.0 и меняй её цвет при наведении.
- Добавь к фону виджета градиент через
pixel-функцию. - Объясни, почему новый тип DrawQuad нужно определить в Rust.
Как установить makepad-2.0-shaders
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -a claude-code2Вручную: положить файлы
~/.claude/skills/makepad-2.0-shaders/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/makepad-2.0-shaders/
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -a codex2Вручную: положить файлы
.agents/skills/makepad-2.0-shaders/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -a cursor2Вручную: положить файлы
.cursor/skills/makepad-2.0-shaders/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install ZhangHanDong/makepad-skills makepad-2.0-shaders2Вручную: положить файлы
.github/skills/makepad-2.0-shaders/SKILL.md1Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -a gemini-cli2Командой платформы
gemini skills install https://github.com/ZhangHanDong/makepad-skills --path skills/makepad-2.0-shadersВручную: положить файлы
.devin/skills/makepad-2.0-shaders/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о makepad-2.0-shaders
Как установить makepad-2.0-shaders в Claude Code?
Выполните npx skills add ZhangHanDong/makepad-skills --skill makepad-2.0-shaders -a claude-code. Файл скилла находится по пути ~/.claude/skills/makepad-2.0-shaders/SKILL.md.
Что делает makepad-2.0-shaders?
Помогает агенту писать и разбирать шейдеры Makepad 2.0, в том числе операции SDF2D и функции отрисовки виджетов. Также описывает работу с цветом и переменными шейдера.
Можно ли через Splash создать новый тип DrawQuad?
Нет. Новый тип нужно определить и зарегистрировать в Rust; через Splash можно переопределять отрисовку уже существующих типов.
