samhvw8 avatar

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-code

Installs 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

More from samhvw8/dotfiles

All 5
1opensensenova avatarsn-search-academicopensensenova/sensenova-skills搜索学术论文和百科知识:ArXiv 预印本、Semantic Scholar(含引用数)、PubMed 生医文献、Wikipedia 百科。支持按章节读取 ArXiv HTML 全文和 PMC 开放获取全文,适合学术调研和深度阅读。134skills.sh installs
2actionbook avatararxiv-vieweractionbook/actionbookView, search, and download academic papers from arXiv. Supports API queries, web scraping via Actionbook, and HTML paper reading via ar5iv. Use when user asks a133skills.sh installs
3manojbajaj95 avataryoutube-video-hookmanojbajaj95/claude-gtm-pluginSkill for creating optimized YouTube video opening hooks (first 5-30 seconds) that maximize viewer retention and watch time. Use when planning video scripts, re132skills.sh installs
4majesticlabs-dev avatarviral-contentmajesticlabs-dev/majestic-marketplaceCreate viral content frameworks with platform-specific patterns and posting schedules. Use when building a content playbook for TikTok, LinkedIn, X, Instagram, 130skills.sh installs
5julianromli avatarbrowserjulianromli/ai-skillsMinimal Chrome DevTools Protocol tools for browser automation and scraping. Use when you need to start Chrome, navigate pages, execute JavaScript, take screensh129skills.sh installs
6andrelandgraf avatarneon-drizzle-setupandrelandgraf/fullstackrecipesConnect a Next.js app to Neon Postgres using Drizzle ORM with optimized connection pooling for Vercel serverless functions.128skills.sh installs