
3d Graphics
This is a Three.js focused skill from samhvw8's dotfiles collection that covers the full stack of 3D web development, from basic scene setup to advanced techniques like post-processing effects and performance optimization. The skill documentation includes a progressive learning path and handles practical concerns like loading GLTF/FBX models, working with shaders, and implementing VR/XR experiences. It's passed two security audits but has a warning from Snyk, so check the repo if you're particular about dependencies. With 122 installs and modest GitHub stars, it's a smaller community resource, but the scope is comprehensive enough for most WebGL projects you'd actually build in production.
- skills.sh installs
- 136
- GitHub stars
- 15
- last updated
- Aug 21, 2026
Install
$ npx -y skills add samhvw8/dotfiles --skill 3d-graphics --agent claude-codeInstalls into .claude/skills of the current project.
Files
Three.js Development
Build high-performance 3D web applications using Three.js - a cross-browser WebGL/WebGPU library.
When to Use This Skill
Use when working with:
- 3D scenes, models, animations, or visualizations
- WebGL/WebGPU rendering and graphics programming
- Interactive 3D experiences (games, configurators, data viz)
- Camera controls, lighting, materials, or shaders
- Loading 3D assets (GLTF, FBX, OBJ) or textures
- Post-processing effects (bloom, depth of field, SSAO)
- Physics simulations, VR/XR experiences, or spatial audio
- Performance optimization (instancing, LOD, frustum culling)
Progressive Learning Path
Level 1: Getting Started
Load references/01-getting-started.md - Scene setup, basic geometries, materials, lights, rendering loop
Sponsors
Details
- Repository
- github.com/samhvw8/dotfiles
- Categories
- Frontend Development, DevOps & CI/CD, Data Science & ML, Design & UI/UX, Game Development
- First seen
- Jun 3, 2026