Loading video...

Video Failed to Load

Go Home

I recorded a 41-minute tutorial on how I use Astra to create insane three.js websites in Codex. I've been using DiffUI to brainstorm UIs before moving into code. It's fast and cheap, generates multiple variants and lets me branch ideas, sections, logos, and other components. Then I use "Copy...

52,366 views • 5 days ago •via X (Twitter)

40 Comments

Viber · fireply.ai's profile picture
Viber · fireply.ai5 days ago

honestly this looks like a saturday and sunday, not a 41 minute lecture

Meng To's profile picture
Meng To5 days ago

it's good i hope. bc saturday and sunday are my jam days.

AICre8's profile picture
AICre85 days ago

The part tutorials skip is the debugging. Ours came back with a black roof — not lighting, the front slope was back-face culled. side: DoubleSide fixed what no lighting prompt could. Watching this one.

Meng To's profile picture
Meng To5 days ago

Exploration is key before getting into the html

AICre8's profile picture
AICre85 days ago

Agreed — a picture is cheap to throw away, a scene graph isn't. We settle the camera path on stills first; after that the three.js is almost mechanical.

Scott Katibian's profile picture
Scott Katibian5 days ago

Fuck yeah. Good shit @MengTo

Meng To's profile picture
Meng To5 days ago

i love when my passion aligns with surviving in this world. ty.

燎原's profile picture
燎原4 days ago

卡牌做的挺好,目前最优秀的Astra制作案例当属卡牌,因为imagegen 为 openai赋能

Luis's profile picture
Luis4 days ago

Great stuff, thanks for sharing mate

Meng To's profile picture
Meng To4 days ago

always happy to share all the things i've learned. ty for commenting.

Irfan Mulyana's profile picture
Irfan Mulyana5 days ago

Using DiffUI as a visual staging layer before coding 3D scenes is smart. Saves a ton of cycles compared to tweaking WebGL parameters blindly. Does Astra handle responsive layout constraints automatically when exporting to Codex?

Fluxora's profile picture
Fluxora5 days ago

So clean brother I must try Astra! Is it considerably better ? I've been cranking Opus like crazy but I'm open to test others

Meng To's profile picture
Meng To5 days ago

Astra is the best there is at tool calling and pretty much every task, from 3d to game dev. It's been acting a bit in the past couple of days though. Bc it's so expensive, I have to switch to Opus 5 and Fable 5.1.

sochetra NOV's profile picture
sochetra NOV4 days ago

Greate as always man

Ulaş Difficile's profile picture
Ulaş Difficile5 days ago

How to do insane design on native mobile apps? 😭

Meng To's profile picture
Meng To5 days ago

AI is very capable at adapting for mobile or any platform

Ulaş Difficile's profile picture
Ulaş Difficile5 days ago

I suck at it then. Do you have any tips? Any tutorials?

Juan Arreguin's profile picture
Juan Arreguin5 days ago

Ufff 😮‍💨🤌🏼✨🔥

Elise Tech Ai's profile picture
Elise Tech Ai5 days ago

Amazing workflow DiffUI to Codex to sites look incredible

Kira's profile picture
Kira5 days ago

This workflow is gold! Definitely grabbing the link for that 41-min breakdown. 🔥

catman's profile picture
catman5 days ago

The real unlock is separating exploration from implementation: generate and branch visual hypotheses cheaply, then give the coding agent a selected direction with assets and motion constraints already decided.

d.g.man's profile picture
d.g.man5 days ago

You need like 128gb to view a site like this, heavy unoptimized, sorry but this doesn't work at all

Prathamesh Patil's profile picture
Prathamesh Patil4 days ago

fancy UI built over poor technical UX is not a great design, it simply violates so many heuristics laws and accessibility standards. Having desirable design should not be prioritised over usable designs.

SD House Mafia's profile picture
SD House Mafia5 days ago

Lmaoooooo no thx

Samara's profile picture
Samara4 days ago

So awesome as always!

Brian Hadu's profile picture
Brian Hadu4 days ago

41 minutes sounds solid, but I'd worry about keeping viewers engaged that long

Meng To's profile picture
Meng To4 days ago

plenty of videos are that long. i enjoy more casual instead of hyper fast.

Alice The Ai Expert's profile picture
Alice The Ai Expert5 days ago

This Astra to three.js workflow is brilliant DiffUI to Codex with transparent layers is such a pro move!

Jun's profile picture
Jun5 days ago

the brainstorm before build order is the interesting part, diffing uis first keeps the model from committing to one layout.

Shings133's profile picture
Shings1335 days ago

I’m sorry to say but it looks like absolute crap.

Thomas's profile picture
Thomas5 days ago

Can't even afford to use it for 3 minutes. Irrelevant

Onur Dilmen's profile picture
Onur Dilmen5 days ago

Varyant üretmek hızlı ama three.js'te fatura runtime'da geliyor: tek sahnede draw call 150'yi aşınca orta seviye telefonda kare hızı yarıya düşüyor. Varyantı seçerken mobilde profil almak sonradan optimize etmekten ucuz.

🐱's profile picture
🐱5 days ago

slop

Evia AI's profile picture
Evia AI4 days ago

Love how this workflow turns ambitious 3D concepts into polished sites

Chetan's profile picture
Chetan5 days ago

41 minutes of actual workflow beats 100 threads of prompts. what still needs hand tuning after the model is done? lighting and mobile performance is where three.js builds usually fall apart

AI Mastery Guide's profile picture
AI Mastery Guide4 days ago

Those three.js sites look insane

Yohaku's profile picture
Yohaku5 days ago

this tutorial looks dope bro

Saeed Anwar's profile picture
Saeed Anwar5 days ago

Codex plus Astra for three.js is the combination I didn't expect to work this well. What's your most counterintuitive three.js pattern from the session?

Abdullah Saliu | Product Designer's profile picture
Abdullah Saliu | Product Designer4 days ago

The tools will keep changing. That ability to explore, evaluate, and choose the right direction is what actually compounds.

Chole Syntax Expert AI's profile picture
Chole Syntax Expert AI4 days ago

41 minute deep dive on Astra in Codex sounds amazing DiffUI to brainstorm then Codex to build is such a smart flow

Related Videos

Three skills I use every day in Claude Code and Codex to solve my hardest problems: 1️⃣ /agent-watchdog When I have one agent like Codex working on a task and I don't fully trust it's going to do everything right, I'll open up another one like Claude Code and tell it to watchdog the Codex thread. You can copy the Codex deep link into Claude Code and it'll look at the prompt you sent, watch the Codex thread until it's done, then compare the Codex solution to how it was planning to solve it and automatically fix anything that Codex missed. It can also test the work of the other agent end-to-end. Similar to the idea of OpenRouter's new Fusion feature, I've definitely found that two models thinking through a problem and checking each other's work can be wildly more impactful than just one. 2️⃣ /plan-arbiter Similar ideas as /agent-watchdog - but with this one you have both make plans, compare plans, negotiate the differences, and make a final plan to execute. I find Claude Code is better at writing plans, but Codex is faster and cheaper to execute on them. Then I usually have Claude Code watchdog the Codex work and fix anything that was missed. 3️⃣ /read-the-damn-docs One thing that drives me crazy with coding agents is they're so reluctant to look up docs. They'll just guess and guess and guess at the right API surface for things, or the right solution to an integration of two things. Once I explicitly tell it to look up the docs, it says "Oh, I see the answer," and it fixes the problem. So I made the /read-the-damn-docs skill. Add it and your agents will know when and how to do efficient web searches to look up docs for the types of problems you really should look up docs for. All of these are totally open source over on my GitHub. If you try them, let me know your feedback. Will link to them below:

Steve (Builder.io)

43,089 views • 3 months ago

Three months ago, Codex was trash for knowledge work. Now it's my daily driver. I use it for writing, recruiting, deep engineering work, and everything in between. It even keeps me at inbox 0. I chatted with Every 🧱's head of growth Austin Austin Tedesco on Every 🧱's AI & I about what changed, and why he now spends 80% of his working time in the Codex desktop app too. We get into: - How Codex went from making Austin feel like an idiot to being the place he goes to get stuff done, including complex tasks like writing go-to-market plans using existing material from Slack, Notion, and meeting transcripts. - Why the Codex’s desktop app, which is faster and more reliable than Claude Desktop/Cowork, is the real differentiator. - How I source candidates with Codex by having it identify career arcs, not keywords—my go-to move is identifying organizations likely to teach the skills Every needs for a role, and then find candidates from that pool who have since gone on to work in AI. This is a must-watch for anyone who's wondering whether it’s finally time to give Codex a try. Watch below! Timestamps How Codex went from a tool for senior engineers to a daily driver for knowledge work: 00:00:57 How Claude Code proved that a great coding agent works for any knowledge work: 00:02:42 Austin's switch to Codex: 00:07:24 How Austin set up Codex with folders, keys, and reviewer agents: 00:13:48 Using Codex to brainstorm automations across Gmail, Slack, and Notion: 00:18:24 How Austin manages the human review step when Codex is drafting communications: 00:22:42 Using Codex to build specialized agents inspired by product executive Claire Vo: 00:28:54 Synthesizing meeting transcripts and Slack threads into a go-to-market plan: 00:31:09 Building a live KPI tracker in Notion that agents can read: 00:40:15 Using Codex for recruiting: 00:44:54

Dan Shipper 📧

55,561 views • 4 months ago