LoginRegister

AI × Three.js

Three.js AI — Build 3D with the Right Models

Live model rankings, copy-ready prompts, and reusable AI skills — sourced from real testing so you know which AI actually writes working Three.js.

Which AI model writes the best Three.js? We tested them so you don't have to.

AI Skills →Prompt Library

Explore the Hub

Benchmark→Live rankings of every AI model on real Three.js tasks — with runnable demos and scores.Prompt Library→Copy-ready prompts proven to generate working Three.js scenes, shaders, and games.AI Skills→Reusable agent skills for Three.js — GitHub repos and copy-ready SKILL.md files.Vibe Coding Guide→How to vibe code Three.js scenes and games — the models, prompts, and workflow that work.AI Showcase→Real projects built with AI assistance — see what models and tools shipped them.
Sponsor this →

The benchmark is being scored.

We're running every major AI model through real Three.js tasks. In the meantime, explore the prompt library and AI skills below.

See the Methodology

Found a prompt that nails Three.js?

Share it with the community — we review every submission before publishing.

AI-Built Showcase — Live Stats

2projects built with AI

Top Tools

Lovable1 (50%)
Bolt1 (50%)

AI Tools for Three.js

Browse all resources →
Claude CodeAgent / CLIAgentic CLI that edits your repo directly — strong at multi-file Three.js refactors.Visit →ChatGPTChatOpenAI's assistant — fast for generating and debugging Three.js snippets in chat.Visit →CursorEditorAI-native code editor with codebase context — fast for iterating on scenes and shaders.Visit →Bolt.newBuilderIn-browser full-stack builder — spin up a runnable Three.js app from a prompt.Visit →LovableBuilderPrompt-to-app builder good for getting a Three.js prototype live quickly.Visit →v0UI GenVercel's generative UI tool — handy for scaffolding React Three Fiber components.Visit →

AI Skills

All skills →
GitHub

Threejs Game Skills

Self-contained Codex and Claude Code skills for building playable, polished Three.js browser games. Install the skills, then ask your agent to use threejs-game-director; the director routes gameplay, graphics, UI, asset generation, audio, debugging, and release verification without requiring users t

By MajidmanzarpourView skill
GitHub

WebGPU Claude Skill

An Agent Skill for developing WebGPU-enabled Three.js applications using TSL (Three.js Shading Language).

By Dan GreenheckView skill

New to building Three.js with AI?

Read the vibe coding guide — models, prompts, and the workflow that gets working scenes.

Vibe Coding Guide →

Three.js AI — FAQ

What is the best AI model for Three.js?

It changes with every model release, which is why we maintain a live Three.js AI benchmark. Every major model is scored on the same real Three.js tasks — scene setup, shaders, animation, and interactivity — with runnable demos, so the leaderboard reflects working code rather than marketing claims.

Can AI generate working Three.js code?

Yes. Current frontier models can generate complete, runnable Three.js scenes — including lighting, cameras, materials, and animation loops — from a single prompt. Quality varies a lot between models and prompts, so results improve dramatically with a proven prompt and the right model choice.

What is vibe coding in Three.js?

Vibe coding means describing the 3D scene, game, or effect you want in plain language and letting an AI write the Three.js code, iterating by feedback instead of writing code by hand. Three.js is one of the best targets for it because results render instantly in the browser.

Which AI tools help with Three.js development?

Beyond general coding assistants, there are AI tools for generating 3D models (e.g. 3D AI Studio), AI code generators tuned for Three.js scenes, and agent skills that teach coding agents Three.js best practices. We curate the ones worth using in the AI tools section of this hub.

Go deeper with the TSL / WebGPU Course

Write your own shaders — AI writes better code when you understand the output.

View Course →