Threejs
This is a comprehensive Three.js reference that covers the full scope of building 3D web experiences, from basic scene setup through advanced topics like custom shaders and postprocessing. It's organized into 10 domain-specific files you load based on what you're working on, whether that's PBR materials, GLTF animation mixing, or raycasting for mouse interaction. The examples are current to Three.js r160+ and include practical patterns like proper shadow configuration, instanced meshes for performance, and responsive camera handling. If you're doing any WebGL work beyond trivial demos, this gives you accurate API references and working code without having to dig through Three.js docs mid-conversation.
- skills.sh installs
- 477
- GitHub stars
- 248
- last updated
- Aug 21, 2026
Install
$ npx -y skills add secondsky/claude-skills --skill threejs --agent claude-codeInstalls into .claude/skills of the current project.
Files
Three.js Skills
Overview
Comprehensive knowledge base for building 3D web experiences with Three.js. This skill provides accurate API references, best practices, and working code examples across all major Three.js domains.
Three.js version: r160+ (January 2024)
Quick Reference
Core Topics
This skill covers 10 essential Three.js domains:
- Fundamentals - Scene setup, cameras, renderer, Object3D hierarchy
- Geometry - Built-in shapes, BufferGeometry, custom geometry, instancing
- Materials - PBR materials, shader materials, material properties
- Lighting - Light types, shadows, environment lighting
- Textures - UV mapping, environment maps, render targets
- Animation - Keyframe animation, skeletal animation, animation mixing
- Loaders - GLTF/GLB loading, async patterns, caching
- Shaders - GLSL basics, ShaderMaterial, custom effects
- Postprocessing - EffectComposer, bloom, DOF, custom passes
- Interaction - Raycasting, camera controls, mouse/touch input
When to Load References
Load detailed reference files based on your current task:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/secondsky/claude-skills
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from secondsky/claude-skills
All 146- Csrf Protection474
- Ml Model Training474
- Payment Gateway Integration469
- Test Quality Analysis469
- Api Reference Documentation465
- Tanstack Router461
- Systematic Debugging457
- Interaction Design456
- Mutation Testing456
- Api Error Handling455
- Internationalization I18n455
- Security Headers Configuration454
- Seo Optimizer453
- Sequential Thinking448
- Bun Sqlite442
- Websocket Implementation440
- Mobile App Debugging439
- Root Cause Tracing438
- App Store Deployment437
- Database Schema Design437
- Recommendation Engine437
- Seo Keyword Cluster Builder437
- Bun Sveltekit436
- Push Notification Setup436
Recommended
More Design & UI/UX
nano-bananakkoppenhaver/cc-nano-bananaREQUIRED for all image generation requests. Generate and edit images using Nano Banana (Gemini CLI). Handles blog featured images, YouTube thumbnails, icons, di471skills.sh installs
tailwind-responsive-uipproenca/dot-skillsResponsive UI transformation patterns for Tailwind CSS applications. This skill should be used when making interfaces responsive, refactoring layouts for multip470skills.sh installs
book-illustratorjamesrochabrun/skillsExpert children's book illustrator guide with 2024-2025 best practices, focusing on age-appropriate styles, color theory, character design, and visual storytell468skills.sh installstailwind-ui-refactorpproenca/dot-skillsRefactoring UI design patterns for Tailwind CSS applications. This skill should be used when writing, reviewing, or refactoring HTML with Tailwind utility class467skills.sh installs
getdesignmohtashammurshid/getdesignTurn any public URL into a production-grade 9-section design.md spec (colors, typography, components, layout, depth, motion, responsive, prompt guide) using the448skills.sh installs
web-testingmrgoonie/claudekit-skillsWeb testing with Playwright, Vitest, k6. E2E/unit/integration/load/security/visual/a11y testing. Use for test automation, flakiness, Core Web Vitals, mobile ges448skills.sh installs