← Back to Courses
Interactive Course
Vibe Coding Three.js
A read-only playbook for building Three.js with AI as your pair. Learn the vibe-coding mindset and the tips, tricks and workflow to prompt for 3D scenes, read and debug what the AI produces, vibe-code shaders, and refactor prototypes into production code. Concept lessons — no hands-on exercises.
Lessons10 Lessons
Duration~75 minutes
LevelIntermediate
What You'll Learn
The vibe coding mindset: AI is the blind collaborator, you are the eyes
How to give your AI tool the context it needs to stop making avoidable mistakes
The anatomy of a strong 3D prompt: goal, constraints, style, and structure
How to review AI-generated 3D output systematically like a senior PR reviewer
The specific, recurring Three.js mistakes AI makes — and how to fix them fast
How to translate visual problems into precise text the AI can act on
How to vibe code shaders (GLSL/TSL) by naming techniques and building in stages
How to refactor a messy vibe-coded prototype into clean, production-ready code
How skills and MCP tools let the AI act more autonomously — and why that needs more supervision
How to combine every skill into a directed workflow from blank screen to shipped project
Prerequisites
- Working Three.js basics
- An AI coding tool (Cursor, Claude Code, etc.)
Course Overview
10 Lessons
Build 3D for the web with AI as your pair — and you as the director
1
The Mindset
2 lessons
2
The Core Loop
4 lessons
3
Hard Mode and Production
2 lessons
4
Scaling Up and Capstone
2 lessons
Ready to start learning?
Begin your journey to mastering Three.js animations with GSAP.