webgpu — скилл для Claude Code: что делает и как установить
Скилл помогает проектировать, отлаживать и оптимизировать WebGPU-приложения и WGSL-шейдеры. Пригодится для рендера, вычислений и GPU-симуляций.
npx skills add cazala/webgpu-skill --skill webgpu -a claude-codeЧто делает webgpu
Скилл ведёт разработку WebGPU-приложений от минимального проверяемого результата к полной сцене. Он помогает спроектировать граф ресурсов и проходов, описать буферы, текстуры и bind groups, настроить compute- и render-пайплайны, а затем проверить видимый или числовой результат.
Внутри есть рекомендации по WGSL-разметке данных, ping-pong-состояниям, размерам canvas, DPR, readback, обработке ошибок, потере устройства и очистке ресурсов. Для нового браузерного проекта можно взять шаблон из assets/starter/, где уже есть typed particle field с вычислением и рендером. Проверяйте navigator.gpu: при недоступном WebGPU приложение должно перейти в fallback, упрощённый режим или показать ясную ошибку.
Скилл подходит для частиц, клеточных автоматов, обработки изображений, feedback-эффектов и других data-parallel задач. Для типизации хост-кода он советует использовать актуальный @webgpu/types, а необязательные возможности вроде shader-f16 подключать только после проверки устройства.
Какие задачи решает
- спроектировать граф ресурсов и проходов WebGPU
- описать WGSL-структуры и смещения в буферах
- собрать compute- и render-пайплайн
- обработать resize, ошибки и потерю устройства
- проверить производительность и ограниченный readback
Примеры запросов агенту
- Спроектируй WebGPU-пайплайн для симуляции частиц с ping-pong-буферами и рендером на canvas.
- Проверь WGSL и хост-код, найди ошибки в размерах буферов, bind groups и dispatch.
- Возьми
assets/starter/и добавь обработку resize, pointer input иdevice.lost.
Как установить webgpu
1Через Skills CLI (Vercel)
npx skills add cazala/webgpu-skill --skill webgpu -a claude-code2Вручную: положить файлы
~/.claude/skills/webgpu/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/webgpu/
1Через Skills CLI (Vercel)
npx skills add cazala/webgpu-skill --skill webgpu -a codex2Вручную: положить файлы
.agents/skills/webgpu/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add cazala/webgpu-skill --skill webgpu -a cursor2Вручную: положить файлы
.cursor/skills/webgpu/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install cazala/webgpu-skill webgpu2Вручную: положить файлы
.github/skills/webgpu/SKILL.md1Через Skills CLI (Vercel)
npx skills add cazala/webgpu-skill --skill webgpu -a gemini-cli2Командой платформы
gemini skills install https://github.com/cazala/webgpu-skillВручную: положить файлы
.devin/skills/webgpu/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add cazala/webgpu-skill --skill webgpu -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о webgpu
Как установить webgpu в Claude Code?
Выполните npx skills add cazala/webgpu-skill --skill webgpu -a claude-code. Скилл появится в ~/.claude/skills/webgpu/SKILL.md.
Что делает webgpu?
Он помогает создавать, проверять и оптимизировать WebGPU-приложения и WGSL-шейдеры: от ресурсов и проходов до canvas, readback, ошибок и очистки.
Как скилл работает с необязательными возможностями WebGPU?
Он советует считать shader-f16, timestamp queries, subgroups и повышенные limits ускорителями. Сначала нужен переносимый базовый путь, затем проверка возможностей и лимитов устройства.
