WebGPU Claude Skill

Name: WebGPU Claude Skill (Claude Skill)
Author: dgreenheck

автор dgreenheck · dgreenheck/webgpu-claude-skill

Разворачивайте проекты на WebGPU + Three.js с Claude — шаблонный код, паттерны шейдеров, проверки производительности — всё в одном skill.

WebGPU достаточно новый, чтобы Claude часто галлюцинировал API. Этот skill заземляет его: рабочие шаблоны Three.js + WebGPU, распространённые паттерны шейдеров, эвристики производительности для браузеров.

▶ Смотреть демо 📦 Установить 💡 Сценарии

Зачем использовать

Ключевые функции

Скаффолдинг Three.js WebGPU
Библиотека фрагментов шейдеров
Эвристики производительности браузера
Fallback на WebGL там, где уместно
Примеры по каждому типу шейдера

Живое демо

Как выглядит на практике

готово

Установка

Репозиторий автора · Официальная документация Claude Skills

Сценарии использования

Реальные сценарии: WebGPU Claude Skill

Создать заготовку WebGPU-сцены

👤 Пользователи Claude Code ⏱ ~15 min intermediate

Когда использовать: Вы хотите рабочий стартер WebGPU + Three.js без лишних усилий.

Поток

Бриф

Опишите сцену; skill составляет черновик.✓ Скопировано

→ Файлы записаны
Итерация

Настройте шейдер; skill применяет изменения✓ Скопировано

→ Видимый результат

Итог: WebGPU-сцена быстро работает в браузере.

Комбинации

Сочетайте с другими MCP — эффект x10

webgpu-claude-skill + filesystem

Записать сцену в проект

Combine webgpu-claude-skill with filesystem: Write the scene into your project✓ Скопировано

Инструменты

Что предоставляет этот MCP

Инструмент	Входные данные	Когда вызывать	Стоимость
scaffold / shade	(см. документацию)	Два потока	1 вызов

Стоимость и лимиты

Во что обходится

Квота API: Не применимо
Токенов на вызов: Средний
Деньги: Бесплатно
Совет: Тестируйте на стабильном Chrome; WebGPU практически готов, но причуды остаются