正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

[Day 21] My vibe coding journey: Initial prompt: "Create a 3D website where, as the user scrolls, an astronaut flies through space, passes through a 4D tunnel to another universe, breaks through a monitor screen, and then returns to a normal web experience." I can't believe it works! I... show more

ᴇᴅᴀɴ ᴋᴡᴀɴ

8,195 subscribers

128,089 次观看 • 1 年前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

12 条评论

ᴇᴅᴀɴ ᴋᴡᴀɴ 的头像

ᴇᴅᴀɴ ᴋᴡᴀɴ1 年前

Live link: 💖

PowerBeatsVR 的头像

PowerBeatsVR3 年前

VR fitness app PowerBeatsVR has just made its way to the official Meta Quest store! Grab it now and enjoy a fun workout anywhere, anytime, and without any subscription ever:

Sarlloc ✭ 的头像

Sarlloc ✭1 年前

this is simple html work, cant believe you had to use @threejs i sense skill issues

ᴇᴅᴀɴ ᴋᴡᴀɴ 的头像

ᴇᴅᴀɴ ᴋᴡᴀɴ1 年前

@threejs That's the beauty about vibe coding. You don't need to have good coding skills anymore. You just need to direct and steer the wheel to control the style and vibe of your artwork. Welcome to 2025.

Rishi 的头像

Rishi1 年前

top tier bait

ᴇᴅᴀɴ ᴋᴡᴀɴ 的头像

ᴇᴅᴀɴ ᴋᴡᴀɴ1 年前

Calling me a liar!? 😤

robot 的头像

robot1 年前

prompts or didn't happen

ᴇᴅᴀɴ ᴋᴡᴀɴ 的头像

ᴇᴅᴀɴ ᴋᴡᴀɴ1 年前

I shared the initial prompt in the OP. Not going to share all secrets. I will make million dollars with vibe coding. Hit the subscribe button to learn more about vibe coding!

0xDesigner 的头像

0xDesigner1 年前

i will send you money right now if you prove you made this with only prompts

ᴇᴅᴀɴ ᴋᴡᴀɴ 的头像

ᴇᴅᴀɴ ᴋᴡᴀɴ1 年前

Get your money ready. Full AI dialog coming soon. Source included. Go subscribe and follow while I am cooking. 😘

Robert Borghesi 的头像

Robert Borghesi1 年前

yeah, but can you do it in @framer ?

ᴇᴅᴀɴ ᴋᴡᴀɴ 的头像

ᴇᴅᴀɴ ᴋᴡᴀɴ1 年前

@framer We used @cursor_ai and of course great amount of AI/ML and good vibe as well.

相关视频

Happiest Birthday to the only woman ever!! I am forever grateful to live in a time where she exists and I get to experience her art, generosity, and kindness through a tiny screen. HAPPY BIRTHDAY TAYLOR 🤍

Happiest Birthday to the only woman ever!! I am forever grateful to live in a time where she exists and I get to experience her art, generosity, and kindness through a tiny screen. HAPPY BIRTHDAY TAYLOR 🤍

Taylor Swift Fan Archive

17,132 次观看 • 8 个月前

Claude Code with Sonnet 4.5 is actually incredible I gave it a prompt for a super complex app, and it one shot the entire thing In this video I walk you through how to use Claude Code to build a prompt library app you can start using immediately (no coding experience required):

Claude Code with Sonnet 4.5 is actually incredible I gave it a prompt for a super complex app, and it one shot the entire thing In this video I walk you through how to use Claude Code to build a prompt library app you can start using immediately (no coding experience required):

Alex Finn

40,955 次观看 • 10 个月前

Creator of Claude Code : "I don't prompt Claude anymore. I create loops - and the loops do the work. My job is to create loops." In 30 minutes, Boris breaks down his real daily Claude Code setup. Claude + loops + routines + dynamic workflow Worth more than a $500 vibe-coding course

Creator of Claude Code : "I don't prompt Claude anymore. I create loops - and the loops do the work. My job is to create loops." In 30 minutes, Boris breaks down his real daily Claude Code setup. Claude + loops + routines + dynamic workflow Worth more than a $500 vibe-coding course

Codez

148,852 次观看 • 2 个月前

It took me less than 10 minutes to create this scene. The longest part was finding the style for my initial image. I used Grok Imagine's extension video to ensure perfect continuity of style, voice, and music. Then I animated it, prompting in my native language without asking for any dialogue. Grok understood everything I asked and created a dialogue between the children in perfect French. I later posted the same children with a prompt in English, and this time, the dialogue was in English. I used Grok Imagine to create the image, animate it, and then extend the video to 30 seconds. I then started again with an image that I modified through editing and used it to tell another story.

It took me less than 10 minutes to create this scene. The longest part was finding the style for my initial image. I used Grok Imagine's extension video to ensure perfect continuity of style, voice, and music. Then I animated it, prompting in my native language without asking for any dialogue. Grok understood everything I asked and created a dialogue between the children in perfect French. I later posted the same children with a prompt in English, and this time, the dialogue was in English. I used Grok Imagine to create the image, animate it, and then extend the video to 30 seconds. I then started again with an image that I modified through editing and used it to tell another story.

Déborah

501,323 次观看 • 5 个月前

Sir Lewis Hamilton: "I wanted to be either an astronaut, Ayrton [Senna], or Superman. So those were my three dreams as a kid." "There's still time to be an astronaut. I know an astronaut, and I've spoken to an astronaut on the space station. Through Facetime. And he's floating in space. And I'm like 'I don't believe it'. I said, 'show me your colleagues'. So he turns the camera around, and his friend is floating there on the laptop. It was the coolest call ever."

Sir Lewis Hamilton: "I wanted to be either an astronaut, Ayrton [Senna], or Superman. So those were my three dreams as a kid." "There's still time to be an astronaut. I know an astronaut, and I've spoken to an astronaut on the space station. Through Facetime. And he's floating in space. And I'm like 'I don't believe it'. I said, 'show me your colleagues'. So he turns the camera around, and his friend is floating there on the laptop. It was the coolest call ever."

sim 🇧🇷🇲🇽🇸🇳🇫🇷🇭🇹

777,843 次观看 • 9 个月前

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below

Zara Zhang

206,251 次观看 • 4 个月前

And it works!!!!!!! 😍👌 Made a whole computer room from 1995 with Three.js on the web using Claude Code (on the server) in just a few hours I can connect to the internet and surf the web, play DOOM and mIRC and read the news, all in 3d now I like going super close to the screen and see the pixels I can't get blended occlusion to work yet though (so screen still shows as a perpetual overlay), maybe mrdoob knows how to fix And I have to figure out how to add that border-radius/distortion to the screen too But very nice progress for today 😊

And it works!!!!!!! 😍👌 Made a whole computer room from 1995 with Three.js on the web using Claude Code (on the server) in just a few hours I can connect to the internet and surf the web, play DOOM and mIRC and read the news, all in 3d now I like going super close to the screen and see the pixels I can't get blended occlusion to work yet though (so screen still shows as a perpetual overlay), maybe mrdoob knows how to fix And I have to figure out how to add that border-radius/distortion to the screen too But very nice progress for today 😊

@levelsio

458,589 次观看 • 1 年前

The recording of my full 45-min talk on my vibe coding process is up! I go through the behind-the-scenes of how I get product ideas, how I talk to coding agents, how to prevent AI slop in design, and more (YouTube link in comment)

The recording of my full 45-min talk on my vibe coding process is up! I go through the behind-the-scenes of how I get product ideas, how I talk to coding agents, how to prevent AI slop in design, and more (YouTube link in comment)

Zara Zhang

32,815 次观看 • 2 个月前

I open-sourced the Kage landing page and the three.js skills behind it. The whole thing is under 1mb of three.js and code, 3mb with the hq png images. For a site where every section scrolls through a 3D world, that's surprisingly good. Live site: Repo: Skills: - build-threejs-scroll-worlds - falling-leaves - pointer-trail-emitter Btw this took a lot of tokens and prompts. A follow helps if you want more of these.

I open-sourced the Kage landing page and the three.js skills behind it. The whole thing is under 1mb of three.js and code, 3mb with the hq png images. For a site where every section scrolls through a 3D world, that's surprisingly good. Live site: Repo: Skills: - build-threejs-scroll-worlds - falling-leaves - pointer-trail-emitter Btw this took a lot of tokens and prompts. A follow helps if you want more of these.

Meng To

457,649 次观看 • 11 天前

I made this Three.js bookshelf inspired by the Stripe Press site. It scrolls horizontally, and you can open each book and flip through the pages. It took quite a few prompts to get the textures and small details right. I’m open-sourcing the code and prompt. Demo: GitHub: Inspiration:

I made this Three.js bookshelf inspired by the Stripe Press site. It scrolls horizontally, and you can open each book and flip through the pages. It took quite a few prompts to get the textures and small details right. I’m open-sourcing the code and prompt. Demo: GitHub: Inspiration:

Meng To

155,651 次观看 • 17 天前

I’m blown away by the quality of the landing pages that Opus 5 can create in Three.js. Prompting it with "orbit using mouse" is enough to create a 3D parallax effect. The same goes for "add particles to pointer." It’s like creating a living, breathing world. More prompts I used: - Add a butterfly that flies to the branch and flies away when I mouse over it. - During the intro, first load a wireframe of the branches, similar to the field-scanning effect in Death Stranding. - Add a scan effect to the card images while they load. Then I asked it to use the shader buttons and nav bar I made in previous projects. As explained in my last video, I started with an inspiration and the prompt, “Recreate this in Three.js in a single HTML file. Self-verify until perfect.” Opus 5 ran for two hours. All the code is less than 1 MB. Inspiration: Let me know if I should open-source this.

I’m blown away by the quality of the landing pages that Opus 5 can create in Three.js. Prompting it with "orbit using mouse" is enough to create a 3D parallax effect. The same goes for "add particles to pointer." It’s like creating a living, breathing world. More prompts I used: - Add a butterfly that flies to the branch and flies away when I mouse over it. - During the intro, first load a wireframe of the branches, similar to the field-scanning effect in Death Stranding. - Add a scan effect to the card images while they load. Then I asked it to use the shader buttons and nav bar I made in previous projects. As explained in my last video, I started with an inspiration and the prompt, “Recreate this in Three.js in a single HTML file. Self-verify until perfect.” Opus 5 ran for two hours. All the code is less than 1 MB. Inspiration: Let me know if I should open-source this.

Meng To

494,242 次观看 • 2 天前

Mike Benz breaks down the "Cuban Spring," where USAID ran money through a series of shell companies and laundered money through Cayman and BVI banks to create a knockoff Cuban Twitter called "ZunZuneo." They then rigged the algorithm to get people to take to the streets in "smart mobs." All in an effort to overthrow the country.

Mike Benz breaks down the "Cuban Spring," where USAID ran money through a series of shell companies and laundered money through Cayman and BVI banks to create a knockoff Cuban Twitter called "ZunZuneo." They then rigged the algorithm to get people to take to the streets in "smart mobs." All in an effort to overthrow the country.

Tucker Carlson Network

56,047 次观看 • 1 年前

As a student, one thing that is constant in my learning life is having to do presentations. And I genuinely do not like going through the stress of designing slides every now and then. So I decided to test something. I took my research proposal, typed a single prompt and let Gamma turn it into a full presentation deck. Here's exactly how I did it: Open Gamma → Click "Create New" → Select "Create from Template" Pick a template that fits your presentation, fill in the necessary details and Gamma builds it out in few minutes.

As a student, one thing that is constant in my learning life is having to do presentations. And I genuinely do not like going through the stress of designing slides every now and then. So I decided to test something. I took my research proposal, typed a single prompt and let Gamma turn it into a full presentation deck. Here's exactly how I did it: Open Gamma → Click "Create New" → Select "Create from Template" Pick a template that fits your presentation, fill in the necessary details and Gamma builds it out in few minutes.

Oluwatimileyin✨🦋

35,483 次观看 • 26 天前