Threejs Webgl
freshtechbro/claudedesignskills/.factory/skills/threejs-webglby freshtechbro1da73febff0c3e1dfefc07f8a5ef8f7d1dfdb6cdNo license1K starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 10 months ago
Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights, animations, textures, or WebGL/WebGPU rendering.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| assets/starter_scene/index.html | 1.7 KB | text/plain |
| assets/starter_scene/main.js | 4.4 KB | text/plain |
| assets/starter_scene/README.md | 2.9 KB | text/markdown |
| references/api_reference.md | 10.8 KB | text/markdown |
| references/materials_guide.md | 11.2 KB | text/markdown |
| references/optimization_checklist.md | 9.4 KB | text/markdown |
| scripts/setup_scene.py | 6.7 KB | text/plain |
| SKILL.md | 15.4 KB | text/markdown |
Source and attribution
Source:freshtechbro/claudedesignskillsin.factory/skills/threejs-webglat commit1da73fe
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from freshtechbro/claudedesignskills
Web3d Integration Patterns
freshtechbro
Architecture patterns for combining Three.js, GSAP, React Three Fiber, Motion and React Spring in 3D web apps.
Threejs Webgl
freshtechbro
Guides Three.js WebGL/WebGPU development for interactive 3D web scenes, with reference docs and a starter scene.
Substance 3d Texturing
freshtechbro
Guides PBR texture creation and export from Substance 3D Painter for web and real-time engines, with Python batch automation.
Scroll Reveal Libraries
freshtechbro
Guides use of the AOS library for simple scroll-triggered reveal animations on web pages.
Rive Interactive
freshtechbro
Guides building interactive Rive vector animations in React using state machines, inputs, ViewModels and events.
Pixijs 2d
freshtechbro
Guides building high-performance 2D graphics, particle effects, and interactive canvases with the PixiJS WebGL/WebGPU engine.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.