I recorded a 40-min tutorial on how to create three.js landing pages using Claude Code and Opus 5

If you wanna watch on YT: Resources mentioned: Mobbin MCP: CollectUI: Kage: Kage source: Towers: Sketchbook: My skills:

I know for a fact this must have taken you immense energy, so what I want to say is thank you, kind sir. This is much appreciated! If you ever need a contribution to your work, I am offering my free help with whatever you need.

you are very kind sir

thought it would be an overkill for webpage - but now that i think about it ! why not

nothing is overkill if done right

Love this! I used three.js to make this

I just remembered how I attended a Sketch Class in Berlin that you were teaching. Man, it's been a while, and MAN, things have changed since. Just wanted to share that memory with you.

Oh man, memories. Berlin was so nice!

Creating immersive three.js pages becomes effortless with Claude Code and Opus

pairs nicely with a creative skill on top, Sogni Creative Agent handles textures, hero images and video assets right inside claude code! 🤩 npx setup-sogni-agent-skill

you know the mic is supposed to stay on your shirt, not be held like a wiener

only for the intro. I try to make it more engaging. but next time i'll hold further from me.

loved the landing page 🥰will definitely watch your video .....

kage was such a cool project to work on

Indeed it was I will really happy to see more such project and learn from you

Practical ones still travel farthest.

that landing page looks super clean

doing so many landing pages that i lost count

That's some serious volume 😄

I really enjoyed this , great content. new follower

more to come!

Thanks Meng your videos always top quality

Interesting, do you create mobile games?

Might get into it due to opus 5

Three.js scenes are exactly where agentic coding earns its keep — the boilerplate-to-payoff ratio is brutal by hand. Curious how much of the shader math it got right zero-shot vs. needed correction.

Three.js with AI codegen is sharp because the visual feedback loop catches hallucinated API calls fast. Did Opus 5 handle animation state management without manual fixes?

This is actualy cool

claude code scaffolds three.js fast, but mobile gpu limits decide whether it ships

Looks amazing!

Thank

man you're such a legend for making this. thank you!

this is the kind content i love doing

40 min of three.js with Claude Code is gold. The part most people skip is that you still need to art direct every scene or it all looks like the same default lighting demo. AI builds fast, taste is still the bottleneck.

Oh thanks man i swear i was looking for something like this yesterday

been working hard on this. these sites took so many hours to fine-tune. love seeing all the results from the open-source.

Thanks for sharing this with us at the exact moment we needed this, you are awesome my man.

the part i want in the tutorial is the mobile budget. three.js landing pages look incredible and then take four seconds to load on a mid range android, which is most of my users. does opus handle the fallback path for you, or is that still hand work?

you can test it on mobile. it's quite lightweight at about 1-2mb, even lighter with optimizations. yep, opus can handle that well.

1-2mb is nothing on the wire, that part i believe. what kills it on cheap android is shader compile and main thread parse, and neither shrinks with the bundle. will run it on a real budget phone and tell you what i get.

would love to hear. that being said, i'm sure a lot can be done to support older phones.

the fix list for cheap android is short, and none of it is bundle size. compile shaders during the loading screen instead of at first draw, cap dpr at 1.5, drop antialias on low tier. does opus set the dpr cap on its own or did you?

Nice

finally a three.js tutorial that starts from the landing page instead of a spinning cube. bookmarking this one

That's ground-breaking!

This is very clean

A really great step-by-step tutorial

glad to hear that it's easy to follow

nice

That's amazing 🤩

Nice, what if it’s Fable 5?

Opus 5 is better imo

Ooh interesting

Meng to use and get prompt of any website and use on aura build, try it !

omg, that's so fuking cool. Thank you so muchhhhh!!

sharing more than usual this time, 3 open-source and the prompts!

40 minutes to cover three.js with Claude + Opus, and under 2 MB – that’s tight. love the Japanese building demo