Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 5 дней назад •via X (Twitter)

Комментарии: 40

Фото профиля Viber · fireply.ai
Viber · fireply.ai5 дней назад

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

Фото профиля Meng To
Meng To5 дней назад

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

Фото профиля AICre8
AICre85 дней назад

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
Meng To5 дней назад

Exploration is key before getting into the html

Фото профиля AICre8
AICre85 дней назад

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
Scott Katibian5 дней назад

Fuck yeah. Good shit @MengTo

Фото профиля Meng To
Meng To5 дней назад

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

Фото профиля 燎原
燎原4 дней назад

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

Фото профиля Luis
Luis4 дней назад

Great stuff, thanks for sharing mate

Фото профиля Meng To
Meng To4 дней назад

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

Фото профиля Irfan Mulyana
Irfan Mulyana5 дней назад

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
Fluxora5 дней назад

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
Meng To5 дней назад

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
sochetra NOV4 дней назад

Greate as always man

Фото профиля Ulaş Difficile
Ulaş Difficile5 дней назад

How to do insane design on native mobile apps? 😭

Фото профиля Meng To
Meng To5 дней назад

AI is very capable at adapting for mobile or any platform

Фото профиля Ulaş Difficile
Ulaş Difficile5 дней назад

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

Фото профиля Juan Arreguin
Juan Arreguin5 дней назад

Ufff 😮‍💨🤌🏼✨🔥

Фото профиля Elise Tech Ai
Elise Tech Ai5 дней назад

Amazing workflow DiffUI to Codex to sites look incredible

Фото профиля Kira
Kira5 дней назад

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

Фото профиля catman
catman5 дней назад

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
d.g.man5 дней назад

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

Фото профиля Prathamesh Patil
Prathamesh Patil4 дней назад

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
SD House Mafia5 дней назад

Lmaoooooo no thx

Фото профиля Samara
Samara4 дней назад

So awesome as always!

Фото профиля Brian Hadu
Brian Hadu4 дней назад

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

Фото профиля Meng To
Meng To4 дней назад

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

Фото профиля Alice The Ai Expert
Alice The Ai Expert5 дней назад

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

Фото профиля Jun
Jun5 дней назад

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

Фото профиля Shings133
Shings1335 дней назад

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

Фото профиля Thomas
Thomas5 дней назад

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

Фото профиля Onur Dilmen
Onur Dilmen5 дней назад

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.

Фото профиля 🐱
🐱5 дней назад

slop

Фото профиля Evia AI
Evia AI4 дней назад

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

Фото профиля Chetan
Chetan5 дней назад

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
AI Mastery Guide4 дней назад

Those three.js sites look insane

Фото профиля Yohaku
Yohaku5 дней назад

this tutorial looks dope bro

Фото профиля Saeed Anwar
Saeed Anwar5 дней назад

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
Abdullah Saliu | Product Designer4 дней назад

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

Фото профиля Chole Syntax Expert AI
Chole Syntax Expert AI4 дней назад

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

Похожие видео

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 просмотров • 3 месяцев назад

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 просмотров • 4 месяцев назад