NeVibeCode · 17 карточек
Скиллы и MCP с тегом «webgl»
anatomy скилл Генерирует детальные интерактивные изометрические SVG-иллюстрации в виде физических приборов вместо абстрактных схем.
Claude Code CX Codex Cursor +1
21 100установок
code-slice-hero скилл Анимирует смену заголовка сеткой плиток с переворотом ячеек через WebGL 2 и Canvas 2D. Пригодится для сборки витрин и заставок с хронометражем 8 s в разрешении 1920×1080.
Claude Code CX Codex Cursor +1
9 800установок
glass-shard-title скилл Собирает заголовок из осколков стекла: они летят сквозь туман, поворачиваются и складываются в буквы. Готовый блок HyperFrames 1920×1080 на 12.16 с.
Claude Code CX Codex Cursor +1
9 800установок
cuboid-carousel скилл Скилл собирает 3D-карусель из скруглённых параллелепипедов с контентом: они влетают справа, едут волной и уходят влево. Пригодится для промо-роликов и титров.
Claude Code CX Codex Cursor +1
9 800установок
game-engine
официальный скилл Помогает GitHub Copilot создавать браузерные игры и игровые движки на HTML5 и JavaScript. Подходит для 2D, 3D, физики, коллизий и управления.
GitHub Copilot
13 140установок
threejs скилл Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере.
Claude Code CX Codex Cursor +1
3 400установок
threejs-animation скилл Скилл для работы с keyframe-анимацией, костями и морф-целями в Three.js. Помогает воспроизводить glTF-анимации, управлять костями скелета, миксировать и кроссфейдить клипы на WebGL и WebGPU.
Claude Code CX Codex Cursor +1
20 100установок
threejs-fundamentals скилл Помогает настроить базовую сцену Three.js r186: рендерер, камеры, цикл анимации с THREE.Timer и import map для WebGL или WebGPU с TSL.
Claude Code CX Codex Cursor +1
17 100установок
game-ui-frontend
официальный скилл Скилл помогает проектировать интерфейсы браузерных игр: HUD, меню и оверлеи. Защищает игровое поле от перекрытия панелями и настраивает блокировку ввода для 3D-камеры.
CX Codex GP ChatGPT
98установок
game-playtest
официальный скилл Направляет агента при тестировании браузерных игр и фронтенда. Помогает проверить первый экран, механику, читаемость интерфейса и артефакты WebGL по скриншотам.
CX Codex GP ChatGPT
62установок
web-game-foundations
официальный скилл Задаёт архитектуру браузерной игры до начала кодинга. Помогает выбрать движок и отделить симуляцию от рендера.
CX Codex GP ChatGPT
52установок
three-webgl-game
официальный скилл Помогает создавать браузерные 3D-игры на чистом Three.js, TypeScript и Vite с физикой Rapier и управлением игровым циклом без React.
CX Codex GP ChatGPT
48установок
react-three-fiber-game
официальный скилл Помогает собирать 3D-игры и интерактивные сцены прямо в интерфейсе на React с помощью экосистемы pmndrs.
CX Codex GP ChatGPT
39установок
dashboards-and-real-time-visualization
официальный скилл Проектирует дашборды и системы живой визуализации данных. Помогает продумать стриминг, частоту обновлений, поведение при сбоях связи и нагрузку на рендер.
CX Codex GP ChatGPT
29установок
threejs-data-visualization
официальный скилл Помогает агенту выбрать рендерер и собрать 3D или GPU-визуализацию, когда обычных SVG и Canvas2D уже не хватает.
CX Codex GP ChatGPT
15установок
react-and-nextjs-data-visualization
официальный скилл Инструкции по встраиванию графиков и диаграмм в React и Next.js: границы SSR, разделение состояния и отрисовки, адаптивность и защита от ошибок гидратации.
CX Codex GP ChatGPT
13установок
typescript-data-visualization-engineering
официальный скилл Помогает проектировать архитектуру визуализации данных на TypeScript: от строгих схем и разделения слоёв до подбора библиотек вроде D3, Three.js или Canvas.
CX Codex GP ChatGPT
9установок