Skills/Three.js на WebGPU и TSL

Three.js на WebGPU и TSL

12 февраля 2026

Подробное руководство по WebGPU-рендереру Three.js и языку шейдеров TSL: синтаксис нод, материалы, вычислительные шейдеры и постобработка.

Описание

3D / Three.jsБесплатно

Подробное руководство по WebGPU-рендереру Three.js и языку шейдеров TSL: синтаксис нод, материалы, вычислительные шейдеры и постобработка.

Название
Three.js на WebGPU и TSL
Категория
3D / Three.js
Что умеет
  • настраивает WebGPU-рендерер
  • пишет шейдеры на TSL
  • использует вычислительные шейдеры
  • переносит эффекты с GLSL
Источник
dgreenheck/webgpu-claude-skill
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команду из блока «Установка» ниже и выполните её в терминале.
  2. 2Навык появится в папке .claude/skills/webgpu-threejs-tsl/
  3. 3Откройте новую сессию Claude Code — навык подхватится автоматически.

Что внутри

npx degit dgreenheck/webgpu-claude-skill/skills/webgpu-threejs-tsl .claude/skills/webgpu-threejs-tsl
.claude/skills/
└── webgpu-threejs-tsl/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
НазадИгровой интерфейс для Three.jsДалееОбъёмные облака в Three.js
.claude/skills/webgpu-threejs-tsl/SKILL.md
  1. 1---
  2. 2name: webgpu-threejs-tsl
  3. 3description: "Подробное руководство по WebGPU-рендереру Three.js и языку шейдеров TSL: синтаксис нод, материалы, вычислительные шейдеры и постобработка."
  4. 4---
  5. 5​
  6. 6# Three.js на WebGPU и TSL
  7. 7​
  8. 8Подробное руководство по WebGPU-рендереру Three.js и языку шейдеров TSL: синтаксис нод, материалы, вычислительные шейдеры и постобработка.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Настраивает WebGPU-рендерер
  13. 13- Пишет шейдеры на TSL
  14. 14- Использует вычислительные шейдеры
  15. 15- Переносит эффекты с GLSL
  16. 16​
  17. 17## Где работает
  18. 18​
  19. 19Claude Code и другие агенты, которые читают .claude/skills.
  20. 20​
  21. 21## Установка
  22. 22​
  23. 231. Выполните: npx degit dgreenheck/webgpu-claude-skill/skills/webgpu-threejs-tsl .claude/skills/webgpu-threejs-tsl
  24. 242. Откройте новую сессию Claude Code — навык подхватится сам.