# typegpu

A skill that helps the agent write TypeGPU code: shaders, buffers, pipelines and the @typegpu/react hooks, with the type plumbing handled.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1600 installs · ★ 296
- Author: software-mansion-labs
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/software-mansion-labs/skills/tree/HEAD/skills/typegpu/SKILL.md
- Updated: 2026-10-15
- HTML: https://affpapa.org/en/nevibecode/skills/typegpu

## What it does

The skill wakes up on TypeGPU work: `'use gpu'` functions, `tgpu.fn`, bind groups, textures, compute and render passes. TypeGPU builds one schema for the GPU type, the buffer layout and the TypeScript side at once, so alignment mistakes show up while you write code, not at runtime. Reference files cover the schemas, shader rules, the `std` helpers, matrices via `wgpu-matrix`, encoders, timing and React glue; the agent reads them before generating anything. It is written for TypeGPU `0.12`, so check the API surface if the project sits on an older release.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add software-mansion-labs/skills --skill typegpu -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/typegpu/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/typegpu/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add software-mansion-labs/skills --skill typegpu -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/typegpu/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add software-mansion-labs/skills --skill typegpu -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/typegpu/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install software-mansion-labs/skills typegpu
```

2. **Manually: put the files in place**
- File: `.github/skills/typegpu/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add software-mansion-labs/skills --skill typegpu -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/software-mansion-labs/skills --path skills/typegpu
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/typegpu/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add software-mansion-labs/skills --skill typegpu -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/software-mansion-labs/skills/tree/HEAD/skills/typegpu/SKILL.md

## When to use it
- write a GPU function that matches its schema
- build a bind group layout for runtime-sized arrays
- wire vertex buffers and attribs into a render pipeline
- set up camera matrices with `wgpu-matrix`
- drive a render loop through `@typegpu/react` hooks

## Example prompts
- Write a TypeGPU compute shader that adds two `d.vec2f` storage buffers
- Why does `root.createBuffer(d.arrayOf(d.f32))` fail here?
- Set up a render loop with `useRoot` and `useFrame` from `@typegpu/react`

## Similar
- [frontend-design](https://affpapa.org/en/nevibecode/skills/frontend-design.md) — skill · 1025790 installs
- [design-taste-frontend](https://affpapa.org/en/nevibecode/skills/design-taste-frontend.md) — skill · 678700 installs
- [prototype](https://affpapa.org/en/nevibecode/skills/prototype.md) — skill · 986201 installs
- [hyperframes](https://affpapa.org/en/nevibecode/skills/heygen-com-hyperframes.md) — skill · 1200000 installs
- [hyperframes-cli](https://affpapa.org/en/nevibecode/skills/heygen-com-hyperframes-cli.md) — skill · 1300000 installs
- [webapp-testing](https://affpapa.org/en/nevibecode/skills/webapp-testing.md) — skill · 186758 installs

From the same set: [software-mansion-labs/skills](https://affpapa.org/en/nevibecode/by/software-mansion-labs/skills.md) — 8 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md