NeVibeCode · 17 items
Skills and MCP tagged “webgl”
anatomy skill Builds detailed interactive isometric SVG figures that explain technical ideas as physical machines. Useful for landing pages and docs.
Claude Code CX Codex Cursor +1
21,100installs
code-slice-hero skill Animates a tiled headline flip via WebGL 2 and Canvas 2D to reveal a rear phrase. Built for 1920×1080 motion titles lasting 8 s.
Claude Code CX Codex Cursor +1
9,800installs
glass-shard-title skill Turns a headline into flying glass panes: shards drift in through fog, rotate, and tile themselves into the letters. A HyperFrames block at 1920×1080, 12.16s.
Claude Code CX Codex Cursor +1
9,800installs
cuboid-carousel skill A skill that renders a 3D carousel of bevelled cuboids carrying card content: they fly in from the right, ride a wave, and exit left. Useful for promo clips and title sequences.
Claude Code CX Codex Cursor +1
9,800installs
game-engine
official skill Guides GitHub Copilot when building browser games and game engines with HTML5 and JavaScript. Use it for 2D or 3D rendering, physics, collisions, and controls.
GitHub Copilot
13,140installs
threejs skill Guides the agent in building browser 3D scenes, materials, interactive controls, and post-processing with Three.js.
Claude Code CX Codex Cursor +1
3,400installs
threejs-animation skill Skill for keyframe, skeletal and morph-target animation in Three.js. Play glTF animations, control bones, blend and crossfade clips on WebGL and WebGPU.
Claude Code CX Codex Cursor +1
20,100installs
threejs-fundamentals skill Sets up Three.js r186 scenes, cameras, renderers, and animation loops for WebGL or WebGPU with TSL.
Claude Code CX Codex Cursor +1
17,100installs
game-ui-frontend
official skill Guides browser game interface design for HUDs, overlays, and menus. Keeps the playfield clear and isolates camera input during UI interactions.
CX Codex GP ChatGPT
98installs
game-playtest
official skill Guides agents through browser game playtests and frontend QA. It focuses on boot checks, controls, HUD overlay balance, and visual regression capture.
CX Codex GP ChatGPT
62installs
web-game-foundations
official skill Defines browser game architecture before coding begins. Helps choose an engine and decouple simulation from rendering.
CX Codex GP ChatGPT
52installs
three-webgl-game
official skill Scaffolds browser 3D games with plain Three.js, TypeScript, and Vite, adding Rapier physics and direct render loop control without React.
CX Codex GP ChatGPT
48installs
react-three-fiber-game
official skill Structures React-hosted 3D browser games and scenes using React Three Fiber and the pmndrs stack.
CX Codex GP ChatGPT
39installs
dashboards-and-real-time-visualization
official skill Designs dashboards and live data visualization systems. Helps structure streaming data, refresh rates, mobile interruptions, and rendering budgets.
CX Codex GP ChatGPT
29installs
threejs-data-visualization
official skill Guides the agent to pick a renderer and build 3D or GPU-heavy visuals when SVG and Canvas2D stop scaling.
CX Codex GP ChatGPT
15installs
react-and-nextjs-data-visualization
official skill Patterns for embedding charts and diagrams into React and Next.js: SSR boundaries, hydration safety, URL-backed state, and isolated rendering layers.
CX Codex GP ChatGPT
13installs
typescript-data-visualization-engineering
official skill Guides typed data visualization architecture in TypeScript, covering data contracts, state boundaries, and renderer selection from D3 to WebGL.
CX Codex GP ChatGPT
9installs