typegpu — скилл для Claude Code: WebGPU на TypeScript с типами
Скилл для работы с TypeGPU в TypeScript: шейдеры, буферы, пайплайны и хуки @typegpu/react без ручной сверки типов.
npx skills add software-mansion-labs/skills --skill typegpu -a claude-codeЧто делает typegpu
Скилл включается, когда в проекте пишут или отлаживают код TypeGPU: 'use gpu'-функции, tgpu.fn, бинд-группы, текстуры, вычислительные и рендер-пайплайны. Схема d.* задаёт сразу тип на GPU, раскладку в буфере и TypeScript-тип, поэтому промахи с выравниванием и кастами всплывают на этапе компиляции. Внутри — справочники по типам, шейдерам, std, матрицам, текстурам, энкодерам и интеграции с React, которые агент читает перед написанием кода. Сам скилл помечен как ориентированный на TypeGPU 0.12 — на более старой версии API придётся сверять.
Какие задачи решает
- написать
'use gpu'-функцию с нужной сигнатурой - задать layout бинд-группы для storage-массива
- настроить vertex layout и attribs для пайплайна
- посчитать матрицы камеры через
wgpu-matrix - сделать рендер-цикл на хуках
@typegpu/react
Примеры запросов агенту
- Напиши compute-шейдер на TypeGPU: складывает два массива
d.vec2fв storage-буферах - Разбери, почему падает создание бинд-группы с
d.arrayOf(d.f32) - Сделай рендер-цикл на
useRootиuseFrameиз@typegpu/react
Как установить typegpu
1Через Skills CLI (Vercel)
npx skills add software-mansion-labs/skills --skill typegpu -a claude-code2Вручную: положить файлы
~/.claude/skills/typegpu/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/typegpu/
1Через Skills CLI (Vercel)
npx skills add software-mansion-labs/skills --skill typegpu -a codex2Вручную: положить файлы
.agents/skills/typegpu/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add software-mansion-labs/skills --skill typegpu -a cursor2Вручную: положить файлы
.cursor/skills/typegpu/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install software-mansion-labs/skills typegpu2Вручную: положить файлы
.github/skills/typegpu/SKILL.md1Через Skills CLI (Vercel)
npx skills add software-mansion-labs/skills --skill typegpu -a gemini-cli2Командой платформы
gemini skills install https://github.com/software-mansion-labs/skills --path skills/typegpuВручную: положить файлы
.devin/skills/typegpu/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add software-mansion-labs/skills --skill typegpu -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о typegpu
Как установить typegpu в Claude Code?
Выполните npx skills add software-mansion-labs/skills --skill typegpu -a claude-code. Файл скилла окажется в ~/.claude/skills/typegpu/SKILL.md.
Что делает скилл typegpu?
Подсказывает агенту, как писать код на TypeGPU: схемы d.*, GPU-функции, буферы, бинд-группы, пайплайны и React-хуки. Отдельно оговаривает шейдерную и CPU-часть, потому что они связаны.
Сработает ли скилл на обычном WebGPU или Three.js?
Нет. Для чистого WebGPU без tgpu, для вопросов только по WGSL, а также Three.js, Babylon.js и WebGL он не предназначен.
