awesome-webgl
CommunityCreate stunning interactive 3D WebGL experiences with React.
Authorgcomartins
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the challenge of creating beautiful, performant interactive 3D experiences on the web using WebGL and React, without sacrificing performance.
Core Features & Use Cases
- 3D WebGL Rendering: Leverages react-three-fiber, drei, and postprocessing for high-performance 3D rendering.
- Customizable Experiences: Supports a wide range of 3D effects, including glass, chrome, particles, and shader-driven motion.
- Use Case: Ideal for projects requiring immersive 3D visuals, such as WebGL portfolios, interactive websites, or shader backgrounds.
Quick Start
Use the awesome-webgl skill to create a 3D glass orb that follows the cursor.
Dependency Matrix
Required Modules
three@react-three/fiber@react-three/drei@react-three/postprocessing
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: awesome-webgl Download link: https://github.com/gcomartins/myfskills/archive/main.zip#awesome-webgl Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.