Best 3D graphics and WebGL skills, page 5

Implement React Three Fiber pointer events, picking, dragging, keyboard input, and camera controls.

EnzeD/r3f-skills

Build and upgrade Three.js visual systems for apps and games using Mint MCP assets, authored geometry, materials, lighting, shaders, VFX, technical art, and measured performance.

mintdotgg/mint-threejs-skills

Guides Blender Python that generates construction geometry from derived parametric expressions instead of hand-typed coordinates, so changes propagate and overlaps stay checkable.

lukapiskorec/craftbot

Production animation patterns for React Native using Reanimated 4, Skia, WebGPU, and TypeGPU.

kingstinct/react-native-healthkit

Orchestrates World lifecycle and component initialization. An agent skill from hexianWeb/Third-Person-MC.

hexianWeb/Third-Person-MC

MCP protocol integration with 3DGS rendering pipeline: Agent-controlled Three.js/WebGPU rendering, voice-driven scene reconstruction, real-time parameter manipulation, light tracing backend.

jaccen/Awesome-Gaussian-Skills

Shows how to build cameras in Godot 4.3 and later: smooth follow, trauma-based screen shake, camera zones and transitions, with GDScript and C# examples for 2D and 3D.

jame581/GodotPrompter

Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required.

alirezarezvani/claude-skills

Extract a real WebGL / WebGPU / Canvas / shader effect from a live webpage (e.g.

nexu-io/motion-anything

Light React Three Fiber scenes with direct lights, environment maps, and shadows.

EnzeD/r3f-skills

Web browser game development principles. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

Set up a Godot 4.7 3D scene: Node3D transforms, Camera3D, lighting (DirectionalLight3D/OmniLight3D), WorldEnvironment for sky/ambient/tonemap/post, MeshInstance3D materials, and GridMap for…

gamedev-skills/awesome-gamedev-agent-skills

3D asset engineer that finds, downloads, and integrates GLB/GLTF models into Three.js browser games.

corosolto/client

CRITICAL: Use for Makepad cross-platform support. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

A skill your agent uses when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.

sickn33/agentic-awesome-skills

Change the offscreen renderer, palette recolor, z-position order, or magenta mask, and ask the user to check WebGL and the CPU fallback.

LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

Optimise a three.js or raw WebGL scene for phones, 120 Hz panels and low-end devices — device tiering, prewarm-everything-under-the-loader so nothing compiles mid-scroll, in-view-only render loops…

textura-agency/next16-claude-starter

Make art and media for a game you are building with Glif: character reference sheets, consistent characters, pixel-art sprite sheets with animation cycles, seamless and PBR textures, 3D models, item…

glifxyz/glif-mcp-server

Browser-based 3D design tool with visual editor, animation, and web export.

freshtechbro/claudedesignskills

React Three Fiber (R3F) and Poimandres ecosystem best practices.

zebbern/claude-code-guide

Three.js performance optimization and best practices guidelines.

zebbern/claude-code-guide

Add and tune animated liquid-metal WebGL borders with the React metal-fx package.

boraoztunc/skills

Three.js and WebGL adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Diagnose Three.js rendering, loading, animation, resize, audio, physics, input, mobile, and performance problems using reproduction and measured evidence.

mintdotgg/mint-threejs-skills

Apply Disney's 12 principles as practical design and engineering rules for procedural animation.

vibe-motion/skills

Give a game real 3D models that fit together and run on a phone — free CC0 models from Homie's starter library (Kenney, KayKit, Poly Haven, ambientCG) copied in with their licence, the person's own…

hashgraph-online/awesome-codex-plugins

Debug and profile Three.js browser games: blank canvases, render and runtime bugs, asset and audio loading, animation, resize, mobile input, plus performance profiling of draw calls, triangles…

valkor-ai/loom

Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe areas, text fit, and UI/world cohesion.

valkor-ai/loom

Load and reuse 3D assets in React Three Fiber with useGLTF, useLoader, Suspense, and preloading.

EnzeD/r3f-skills

Expert skill for building web-based game engines and games using HTML5, Canvas, WebGL, and JavaScript.

github/awesome-copilot

React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes.

zebbern/claude-code-guide

Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow.

freshtechbro/claudedesignskills

Manages state between Vue and Three.js via Pinia and mitt. An agent skill from hexianWeb/Third-Person-MC.

hexianWeb/Third-Person-MC

Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.

AThevon/genjutsu

3DGS/CAD/Mesh domain-specific spatial intelligence agent: scene-level reasoning, CAD-in-the-loop parametric extraction, multi-modal 3D interaction, geometry-opacity decoupling, reflective material…

jaccen/Awesome-Gaussian-Skills

Command-line interface for Blender - A stateful command-line interface for 3D scene editing, following the same patterns as the GIMP CLI ...

HKUDS/CLI-Anything

Selects game engines and frameworks by platform, genre, and architecture (full canvas shell vs hybrid DOM shell + guest viewport).

sickn33/agentic-awesome-skills

Game development orchestrator. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

Web browser game development. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

Integrate Ethereum into Unity games using Nethereum with async Web3 API, WebGL wallet support via EIP-6963 multi-wallet discovery and MetaMask (.NET/C).

Nethereum/Nethereum

Build, debug, and verify Three.js browser games through Loom.

valkor-ai/loom

Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog around the beam.

boraoztunc/skills

Choose and configure React Three Fiber surface materials, PBR, transparency, and transmission.

EnzeD/r3f-skills

Build 2D browser games with Phaser 4: WebGL-first rendering, scenes, filters, lighting, shaders, DynamicTexture and RenderTexture, tilemaps, SpriteGPULayer, TilemapGPULayer, and Phaser 3 to 4…

chongdashu/vibejam-starter-pack

Maintain and extend existing SceneKit 3D scenes and visualizations.

dpearson2699/swift-ios-skills

A full-screen, real-time WebGL/WebGL2 experience — animated shaders, 3D scenes, generative visuals, particle fields — rendered live on the GPU with a typographic overlay.

nexu-io/open-design

MoveIt2 SRDF authoring, validation, and planning-semantics workflow.

autonomous-ai/openharness

Comprehensive skill for Three.js 3D web development. An agent skill from freshtechbro/claudedesignskills.

freshtechbro/claudedesignskills