Three.js
SkillWeb & browsingBuild browser-based Three.js and WebGL scenes, animations, and interactive 3D visualizations with a small vanilla JavaScript starting point. Do not use this skill for unrelated requests; route to the nearest named specialist.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Three.js skill
What this skill tells your AI
The instructions your AI receives, as published by magnus919/agent-skills in three/SKILL.md and read by ahel’s review.
Quick Start
Open templates/basic-scene.html in a modern browser or serve the repository over HTTP.
Use this skill for browser 3D scenes, WebGL visualization, camera and lighting setup, asset loading, or animation loops. Start with the smallest scene in templates/basic-scene.html, then add geometry, materials, lights, and controls only as required.
Core choices
- Use
PerspectiveCamerafor natural 3D views andOrthographicCamerafor technical or isometric views. - Keep animation time-based with
Clockor elapsed timestamps. - Dispose geometries, materials, and textures when scenes are replaced.
- Use GLTF/GLB for external models and keep assets local when reproducibility matters.
- Prefer instancing and level of detail when object count becomes the bottleneck.
The template uses a CDN for a quick standalone demo. Pin a Three.js version for production.
Signals
- GitHub stars
- 78
- Forks
- 8
- Last commit
- Sep 2026
- Hacker News mentions
- 20
Advanced
- Catalog kind
- skill
- Gateway key
three-magnus919- Source
- github.com/magnus919/agent-skills