Kimi K3 Designs Websites That Feel Like MOVIES For Just $1 — Transcript
Full transcript
- 0:00So, KimmyK3 can design absolutely
- 0:02gorgeous, beautiful websites just like
- 0:04these for literally just a dollar or
- 0:07two. And in this video, I'm going to
- 0:08show you everything that you need to do
- 0:10in order to create these sorts of
- 0:12cinematic journey experiences and then
- 0:15host them on a website. In addition to
- 0:17showing you guys what to do, I'm also
- 0:18going to give you all of the prompts
- 0:20that are in so you guys have everything
- 0:22that you need to do to just copy and
- 0:23paste this, whether it is to KimmyK3,
- 0:26ChatGPT, Claude, or another frontier
- 0:28model. Let's get into it. So, logically,
- 0:31what exactly is going on in websites
- 0:33like this? Well, one thing that you
- 0:34can't really tell is right now I'm
- 0:36scrolling up and down. And so,
- 0:38essentially, there is some form of
- 0:39progress or forward motion through a
- 0:42video. Well, at its core, what we're
- 0:44doing is we are taking every frame in a
- 0:47video, we're turning them into different
- 0:50scenes, essentially, and then we're
- 0:52binding them to some sort of scroll
- 0:53animation such that when I scroll up, I
- 0:55go forward, and when I scroll down, I go
- 0:58back. We're also providing down here a
- 1:00sort of tour-based experience so that
- 1:03people can also progress through the
- 1:04website in sort of auto play as they
- 1:06will. Um, there are a couple of
- 1:08different things that you need to know
- 1:09in order to make this work for you. Uh,
- 1:11I'm just going to give them to you, and
- 1:12then you guys can just copy and paste
- 1:14them in. But obviously, we need to both
- 1:16generate the creative asset, which is
- 1:18sort of that background video. We also
- 1:20need to perform some processing on the
- 1:21background video to make it really high
- 1:23quality, you know, macro, sort of the
- 1:25zoom-in journey effect. Uh, we also need
- 1:27to interpolate frames, do a couple of
- 1:29other things so that it's not chunky and
- 1:31it's smooth, unlike what a lot of other
- 1:32people do. And then finally, we need
- 1:33KimmyK3 to wrap this in a nice bow and
- 1:36then present it to us. The first thing
- 1:37we need is we need some sort of concept.
- 1:39And so, in this case, what are we doing?
- 1:40We're scrolling through some sort of
- 1:42deep-sea underwater, uh, I don't know,
- 1:44like plant or site or something like
- 1:46that. And so, this concept is one that
- 1:48you can come up with yourself, but in
- 1:50our AI era, I much prefer to just have
- 1:52AI do the concept generation for me. And
- 1:54so, let's start really easily. First
- 1:56thing we're going to do is sign up to
- 1:58Kimmy K3. In case you guys didn't know,
- 2:00this is the new Frontier model
- 2:01intelligence dropped by Moonshot,
- 2:03Kimmy's creators. And essentially, K3 is
- 2:06really solid. It is on par with, you
- 2:08know, Fable, GPT 5.6, Soul, and other
- 2:11great models. So, I'm just going to say,
- 2:13"Hey." Let's wave over and see what K3
- 2:15says back to us. This obviously isn't
- 2:17sufficient for us to make a website
- 2:18with. This is just a chatbot, so we're
- 2:20going to have to head over not to Kimmy
- 2:22chat, but Kimmy code, which is sort of
- 2:24the code version of what we just saw
- 2:26earlier. Now, Kimmy subscriptions are
- 2:28pretty heavily throttled and
- 2:29bottlenecked right now because it's such
- 2:30a cheap way of producing a high-quality
- 2:32experiences like this. So, you guys may
- 2:34not be able to sign up right this
- 2:35second. But when you are, they have a
- 2:37variety of different plans like
- 2:39Moderato, Allegrato, Allegro, and
- 2:41Vivace. And it's just sort of a
- 2:42one-click sign-up situation. You just
- 2:44click subscribe, and it will essentially
- 2:46take you to a Stripe page where you can,
- 2:48you know, do the sign-up. Once you're
- 2:49there, you actually need to get Kimmy
- 2:51code. And the way that you do this in
- 2:52terminal is pretty easy. You just copy
- 2:54this command, and then you open up a
- 2:56terminal. So, that's what I'm going to
- 2:57do over here. Then I'm going to drag
- 2:59this terminal into view, just make it
- 3:00really big, and then zoom in.
- 3:02And then, you know, terminal may look
- 3:04kind of intimidating if you're new to
- 3:05this sort of stuff, but all you really
- 3:06have to do is just paste in whatever
- 3:07that command was. And Kimmy will sort of
- 3:09do the rest for you. So, curl {dash}
- 3:11fssl, whatever the heck is going on.
- 3:13What we're doing right here is we're
- 3:14basically just like updating the the
- 3:15version right now cuz I already have it
- 3:16on my computer. Um this may take, you
- 3:19know, same amount of time, a little bit
- 3:20faster, a little bit longer, just
- 3:21depending on your internet connection.
- 3:23And once it's downloaded, all you have
- 3:24to do in order to make this work is just
- 3:26type Kimmy. It'll then open up Kimmy
- 3:28code. Now, in case you're not already
- 3:31logged in, you do have to type
- 3:32{backslash} login right over here, and
- 3:35then connect to Kimmy code via OAuth. In
- 3:37my case, I am already logged in, but in
- 3:39yours, it may open up like the the Kimmy
- 3:40page.
- 3:42Once we're done with that, all you have
- 3:43to do is type {slash} clear. That'll
- 3:45clear everything else out up top, and
- 3:46now we can actually get to having Kimmy
- 3:48do stuff for us. Now, you don't have to
- 3:49do this in order to get what I'm about
- 3:51to show but I do publish all of my
- 3:53prompts entirely free on Maker Zero,
- 3:55which is my free community um that I
- 3:57link at the bottom of every single one
- 3:59of my YouTube videos. So, I'm just going
- 4:00to go down there and copy this prompt
- 4:02here, which says, "You're the sole
- 4:03creative director and senior front-end
- 4:05author for a premium interactive
- 4:07portfolio.
- 4:08Give me creative ideas videos for 10
- 4:11radically different scroll-driven
- 4:13commercial landing pages." And this is
- 4:15the really important part. They need to
- 4:16be scroll-driven. The video must involve
- 4:18a single continuous
- 4:208-second extreme macro journey. Let me
- 4:23just make this more visible for you.
- 4:24This journey is what we use as the main
- 4:26captivating feature of our websites. So,
- 4:28make this as interesting as possible.
- 4:31And what we want is we want you to come
- 4:33up with just these concepts for us. You
- 4:35know, we don't necessarily need them to
- 4:36be the best concepts in the whole wide
- 4:38world, but uh we just want some ideas to
- 4:40sort of take advantage of. The cool part
- 4:42about AI is for humans, coming up with
- 4:45ideas is very computationally difficult.
- 4:47For AI, which views ideas as sort of
- 4:49these plots on a big graph of possible
- 4:52concepts and stuff like that, ideation's
- 4:54actually really easy. The cool thing
- 4:55that humans are great at right now is
- 4:57employing our taste to pick things that
- 4:59we think might actually sound good or
- 5:01make sense to our audience. And so,
- 5:03that's what I like doing. I like having
- 5:04AI ideate over a very large space of
- 5:06possible solutions for me, and then all
- 5:08I really do is I pick my favorite.
- 5:10And so, as you can see here, we have a
- 5:11bunch of different ideas. This one up
- 5:13top is the pour luxury whiskey. We start
- 5:16buried inside a single bubble in the
- 5:17whiskey. The sphere's skin glows amber
- 5:20around the lens. Then the camera pushes
- 5:22through the membrane into liquid gold,
- 5:23slides past rising carbonation threads,
- 5:25climbs the meniscus of the glass, and
- 5:27breaks the surface tension.
- 5:29See, that seems pretty interesting, but
- 5:31I don't know. I I kind of want to do
- 5:32something more impressive than just a
- 5:33luxury whiskey website.
- 5:35Here we have the capsule, skin care and
- 5:38pharma. Begin on the surface of a
- 5:40dissolving capsule. The gelatin wall is
- 5:42melting in front of the lens like slow
- 5:43ice. The camera pushes through the
- 5:45membrane into a cloud of white macro
- 5:46powder, drifts through the granules,
- 5:48each one catching light like a snow
- 5:49globe, and condenses onto a single
- 5:51droplet that falls and lands on skin.
- 5:53The pore it touches blooming smooth. I
- 5:56like this. This sounds really solid, and
- 5:58I think that's probably one of the main
- 5:59ideas that I'm going to generate. So,
- 6:01for now, I'm just going to copy this,
- 6:02okay, and then I'm going to head over to
- 6:04just a Google Doc here, and then up here
- 6:05I'll call this concepts. And just to
- 6:07make it really easy for you, rather than
- 6:09just generate one concept, because it's
- 6:10going to take the same amount of time to
- 6:12generate um as, you know, multiple, I'm
- 6:14just going to do multiple simultaneous,
- 6:15and we'll find whichever one we like the
- 6:16best. Okay, once we have the concepts,
- 6:18we're actually already about 50% of the
- 6:20way there to designing a smooth, sort of
- 6:23jaw-dropping experience like this.
- 6:25Because if you pay close attention,
- 6:27you'll notice that, despite the fact
- 6:29that this website in particular seems
- 6:30like it, there's a lot of motion going
- 6:32on, that the website itself is what's
- 6:34moving and rotating around, it's
- 6:35actually just a video in the background.
- 6:37And so, the creative is really the heavy
- 6:39lifter of this site, you know, the
- 6:41interactive experiences and stuff like
- 6:43that. Um that's important as well, but
- 6:45that's something that Kimmi can do far
- 6:46easier. Okay, great. Once we have these
- 6:48concepts, of which I've picked three,
- 6:51all you need to do now is copy over a
- 6:53prompt that looks something like this.
- 6:56What I've done is I've just cleared
- 6:57through all of Kimmi, then I say, "Use
- 7:00the below concept to generate a
- 7:01high-quality macro video prompt for an
- 7:03advanced video model. For example, then
- 7:07there's a single continuous 8-second
- 7:08cinematic engineering shot moving
- 7:10forward from above a stormy cold North
- 7:12Atlantic Ocean." What I'm doing here is
- 7:14I'm giving it an example of the level of
- 7:16detail that I would like. And then what
- 7:18I'll do is I'll go back over to that
- 7:20Google Doc that stores all of the
- 7:22different website concepts, and then I'm
- 7:23just going to save one of them.
- 7:26Actually, just paste that in here.
- 7:28So, what I wanted to do is I wanted to
- 7:29generate a high-quality video prompt in
- 7:32the exact same style that I know
- 7:34performs very well. What we're doing is
- 7:35we're just transforming ideas into
- 7:37prompts now, and uh you know, we can use
- 7:39one of these to generate a big list of
- 7:41different high quality ideas, we can do
- 7:43another one to actually generate the
- 7:44video itself.
- 7:46So now you can see we're generating a
- 7:47single continuous 10-second cinematic
- 7:49macro shot opening on the hexagonal
- 7:51lattice of a single ice crystal at
- 7:52molecular scale. It's approximately the
- 7:54same length as this other one, and now
- 7:56we're actually good to design the
- 7:58creative or the video itself. After
- 8:00experimenting with a few dozen different
- 8:02video models and types of approaches,
- 8:04this is probably the one that I found
- 8:05that works the best. To make a long
- 8:07story short, we start by generating some
- 8:09sort of a macro journey video, and the
- 8:12model that I'm going to be using for
- 8:13this today is Cinematic Studio 3.0. I
- 8:16want you to know that you can use a
- 8:17variety of other ones like
- 8:19well for this sort of thing, but um I
- 8:21just wanted the best of the best as of
- 8:23this point in time, and so I thought I'd
- 8:24use Cinematic Studio 3.0 to to generate
- 8:26them.
- 8:27Now, once you generate them, okay, this
- 8:29is going to be coming out at I believe
- 8:3130 FPS.
- 8:33The issue with 30 FPS on one of these
- 8:34like scroll-heavy, you know, cinematic
- 8:36journey sites is you can actually see
- 8:39every individual frame as you scroll
- 8:41through, and so it's really choppy. It's
- 8:42It's a very bad experience, I would say,
- 8:43for the user. So instead, what we're
- 8:45going to do is we're actually going to
- 8:47um take the the core video and then
- 8:49interpolate it. And that just means, you
- 8:51know, if if this is a frame here, and
- 8:53this is another frame here, and this is
- 8:54another frame here, and there's some
- 8:56sort of element that's sort of like
- 8:57moving across the screen of this, okay?
- 9:00So this is frame 1 2 3. What it does is
- 9:04it takes frame 1 and frame 2, and then
- 9:06it generates an additional frame sort of
- 9:08between the two, okay? And then it'll
- 9:11take
- 9:11frame 2 and frame 3, and it'll generate
- 9:13sort of an additional frame between the
- 9:15two.
- 9:15That way, instead of it being kind of
- 9:17choppy,
- 9:18you'll actually get like a smooth
- 9:20movement of elements throughout the
- 9:21thing, and when we scroll through, it'll
- 9:23be a lot prettier.
- 9:24Now again, lots of different models you
- 9:26could do for this sort of interpolation.
- 9:27I'm going to be using ByteDance AIGC to
- 9:29take us from 30 to 60, and then once
- 9:32we're at double the FPS, um the vast
- 9:34majority of all all scrolling issues
- 9:35tend to disappear.
- 9:37Finally, we're just going to tie it
- 9:38frame by frame to some sort of smooth
- 9:40browser scroll just so we can kind of
- 9:41get that out there and then we can
- 9:43actually start, you know, moving through
- 9:44a video on a screen and then we'll add
- 9:46the rest of the website as well. So, in
- 9:47order to make this work, I'll be using a
- 9:49Cinematic Studios Straight Out of Higgs
- 9:51Field. It's fairly straightforward. This
- 9:53is just like a big video, audio, and
- 9:55prompt library um that contains more or
- 9:58less, you know, everything you need to
- 9:59copy and paste into
- 10:01uh one of these models like Kim e K3 to
- 10:03make it work. Obviously, using it in Kim
- 10:05e K3 is cool because Kim e is a pretty
- 10:07cheap and also very intelligent model.
- 10:09Um so, all you need to do in order to do
- 10:11that is just head over to sign up.
- 10:13They're doing some promo right now. You
- 10:14can sign up and get an additional
- 10:15discount. I already have an account, so
- 10:17I'm just going to skip past this. Inside
- 10:18of Higgs Field, once you're signed in,
- 10:20you're going to want to go to explore up
- 10:22here, video, Cinema Studio 4K. Okay,
- 10:26once you're done, just head over to
- 10:27Cinema Studio at the top or you can go
- 10:29down to video and click on Cinema Studio
- 10:314K and it'll take you here.
- 10:32Um you can see there a variety of
- 10:33different ones, 3.5, 3.0, 2.5. I'm fine
- 10:37using 3.0. I don't really need all of
- 10:39like the cool scene changes and stuff
- 10:40like that. And then what I'm going to do
- 10:42is I'm just going to paste in that
- 10:44prompt that um you know, Kim e just
- 10:46generated for us. And then uh the
- 10:48resolution that we want, if you think
- 10:50about it, you know, at least for us, if
- 10:52you're doing a desktop experience, needs
- 10:54to be 16 by 9. If you wanted to do a
- 10:56mobile experience, which I'm seeing a
- 10:58lot more people do these days or maybe,
- 11:00you know, generating sort of creative
- 11:01for Instagram, you can do that by
- 11:02clicking 9 by 16. I'm just going to be
- 11:04doing 16 by 9 uh for simplicity. And
- 11:07then you can use a variety of different
- 11:08resolutions. The one that I'm going to
- 11:09use is 1080p just cuz I don't want this
- 11:11to take too long.
- 11:12I also think that the duration slider it
- 11:15makes the most sense just to be 8
- 11:16seconds as opposed to 10 or 16. So, I'm
- 11:18just going to set this to 8 for now. Um
- 11:20also, I don't want to spend too many
- 11:21credits here since obviously every video
- 11:23generation uh you know, consumes some
- 11:25amount of credits. In this case, it
- 11:26looks like it's about 80.
- 11:28Um you have custom multi-shot, smart,
- 11:29and so on and so forth. That's fine. I'm
- 11:30just going to click generate, then it'll
- 11:32actually go through the process of doing
- 11:34scent generation.
- 11:35And so, when you click on this, it'll
- 11:37sort of take the whole prompt in here,
- 11:39okay? And it's kind of ugly right now
- 11:40just cuz I realized it's on multiple
- 11:42lines. Hopefully, that doesn't impact
- 11:43the actual gen. And then, it'll open up
- 11:45this new little modal where it says new
- 11:46project processing. All you have to do
- 11:48now is basically just sit around and
- 11:50wait. There's really nothing else to do.
- 11:52Um because I want to be, I guess,
- 11:54mindful of my own time, I'm just going
- 11:55to generate multiple of these
- 11:56simultaneously. So, I'm just going to go
- 11:58back here and feed in the other two
- 12:01website prompts. So, I'm going to go
- 12:02here, and I'll go back to Kimmi, and I'm
- 12:05just going to do, okay, do these two as
- 12:08well, and then paste those in. So, now
- 12:10we actually have, you know, the capsule.
- 12:11We also have the circuit. Okay, and so
- 12:13we have all of this now. For the
- 12:15capsule, I'm just going to feed this in.
- 12:16Copy, paste. I'm just going to keep to
- 12:18the exact same effects cuz we want it 16
- 12:20by 9. So, click generate. Then the last
- 12:23one I want is the circuit, obviously,
- 12:25and it looks like that one is now done,
- 12:27too. So, I'm going to copy that.
- 12:30After we're done generating, I'm also
- 12:32going to generate this.
- 12:34So, now we have three generating
- 12:36simultaneously. Why am I doing this? I'm
- 12:38just doing this because, if you think
- 12:39about it logically, like it'll take X
- 12:41amount of time to generate one of these,
- 12:43but you can actually just do them
- 12:44simultaneously, right? The model can
- 12:45work on multiple things at the same
- 12:47time. So, rather than me just like
- 12:48waiting for it to finish and then doing
- 12:49another one, why not just batch all
- 12:51three? That way I'll have three times
- 12:52the creative to kind of look through.
- 12:54Obviously, I'm trading off my money here
- 12:56in credits for, you know, time and and
- 12:58efficiency, but I typically do this
- 13:00because I'm never really 100% of the
- 13:02time with the outputs of AI. I'm
- 13:04satisfied maybe 30 to 50% of the time,
- 13:05which means typically I need more than
- 13:07one sample or more than one output in my
- 13:09batch in order to be happy with. And
- 13:11here is what looks to be a capsule
- 13:14dissolving and opening. This is really
- 13:15high quality, very clean, like micellar
- 13:18water type stuff there improves the
- 13:19quality of the skin. So, I mean, like,
- 13:21you know, we can scrub through this just
- 13:23using their little editor, but obviously
- 13:24I want to tie this to my scroll wheel,
- 13:25right? Here is another one. This is the
- 13:27city walk-through, and so we are
- 13:29actually going through this like cool 3D
- 13:31city, and that city is actually a
- 13:34circuit as well on some sexy wafer. All
- 13:36right, just took a break and saw that
- 13:37all three websites were done. So, all we
- 13:39have to do is just click on the little
- 13:40download button here, and it'll
- 13:42automatically download it to your
- 13:43computer. I've already done that a
- 13:44couple of times, so and now we actually
- 13:46have the the videos themselves, which is
- 13:48quite nice. That said, doing this stuff
- 13:49manually is starting to get pretty
- 13:50tiring. So, what I'm going to do is I'm
- 13:52going to take all this from the
- 13:53interface in Higgsfield, and I'm going
- 13:55to add it to Kimmi directly. So, that
- 13:57instead of me saying, "Hey, you know,
- 13:59generate me a prompt that I can copy and
- 14:00paste it put in the Higgsfield."
- 14:02Instead, I just want you to generate the
- 14:03Higgsfield videos directly. Likewise,
- 14:05I'm also going to be able to say, "Hey,
- 14:06I want you to upscale these videos as
- 14:08well." And then create a pipeline so
- 14:10that every time I generate a video, it's
- 14:11automatically upscaled to begin with.
- 14:13How do you actually do this? It's pretty
- 14:14straightforward. Just go to MCP and CLI.
- 14:17MCP is essentially what's going to
- 14:18create a little function for us that'll
- 14:21enable us to connect directly to
- 14:23Higgsfield's back end. Then just click
- 14:24this little copy button. Then once
- 14:26you're done, just head back over to
- 14:27Kimmi and actually paste this in, and
- 14:29just say to Kimmi,
- 14:31"Install this MCP."
- 14:33This is fairly straightforward. It'll
- 14:35actually go through and create like a
- 14:37connector behind the scenes that allows
- 14:39it to query Higgsfield and all of the
- 14:40models therein, which will save us the
- 14:42step I talked about earlier. Okay, and
- 14:44now it's actually written a file called
- 14:46mcp.json on our computer. That's sort of
- 14:49just how, you know, the MCP syntax
- 14:51works. Once we're done with all that,
- 14:53you can just type {slash} clear. By
- 14:55doing so, it'll initiate a new server.
- 14:58So, that's what just happened up here.
- 15:00If it's not already connected for you,
- 15:01because let's say you didn't log in, you
- 15:03know, I've logged in on this computer
- 15:04multiple times, it clearly has some of
- 15:06my authentication credentials. Just type
- 15:08{slash} mcp-config
- 15:10like this, and it'll actually walk you
- 15:12through a brief little sign-up wizard
- 15:13where you can go back to Higgsfield and
- 15:15then just sign in. Okay, now that we're
- 15:16done with this, all we have to do is we
- 15:18have to find the files from earlier,
- 15:20which in my case were going to be three.
- 15:22We had this one, this one, and also this
- 15:25one. I'm then just going to copy, so
- 15:26command C to get all the names, and I'll
- 15:28say interpolate this with ByteDance
- 15:32AIGC.
- 15:34The whole idea here is we're just going
- 15:36to be increasing the number of frames by
- 15:38two. It'll find the right Higgs Field
- 15:40model, and that's what it's doing right
- 15:42over here. Now that it has um you know,
- 15:44AIGC through ByteDance, it'll then
- 15:47actually perform. Now, the unfortunate
- 15:49thing about Kim-E is despite it being
- 15:51quite intelligent, it can also be pretty
- 15:52slow at times. And so, often instead of
- 15:54just running one instance like I'm
- 15:56currently doing on the left-hand side
- 15:57where it's sending out those Higgs Field
- 15:59requests and so on, um I'll go run
- 16:01multiple, and that way, you know, while
- 16:02this is improving the quality of the
- 16:04media, I can also have other steps that
- 16:06are starting to scaffold the website.
- 16:07And so, up here I'm just going to go
- 16:09with Kim-E {dash} {dash} Yolo. Uh this
- 16:11is just sort of like a funny mode that
- 16:13prevents it from ever having to ask me a
- 16:15question. It's on like the you only live
- 16:16once mode, so just let the agent do
- 16:18everything. Okay, so then finally, all
- 16:21I'm going to do is head over here to
- 16:22site prompt, copy all of this in, and
- 16:25you know, it's pretty long, but as
- 16:26mentioned, you guys can get that
- 16:28entirely free if you want to, and then
- 16:30paste this in fully um to Kim-E K3. Now,
- 16:34the one thing that we need to provide,
- 16:37well, I should say two things actually,
- 16:39is we need to provide both the video
- 16:41URL, which is on our computer, and we
- 16:43also need to provide that concept prompt
- 16:45that we used to generate it. And so, you
- 16:48know, the way this prompt works is
- 16:49essentially it will go through um you
- 16:51know, a very in-depth series of steps in
- 16:54order to produce this nice motion
- 16:55graphic design.
- 16:57But, it'll ask for a video file name
- 17:00or a concept. And you can even see it
- 17:01says e.g. capsule.mp4. So, I'll just go
- 17:04back over here, open up finder,
- 17:07and then I'll go to downloads, and this
- 17:09is the capsule one that I want. So, I'll
- 17:11say video is here,
- 17:13and then concept, and then I'll just go
- 17:15back to Higgs Field.
- 17:18And if I click on this, it'll actually
- 17:20allow me to copy in whatever prompt I
- 17:22used and and fed in there.
- 17:24And I'll paste that in.
- 17:26Okay, and you're probably already seeing
- 17:27areas that we can optimize the hell out
- 17:29of this. And um the reason for that is
- 17:31because what we've done here is we've
- 17:32manually sort of made all these steps,
- 17:34right? Well, we can actually just to
- 17:35kind of weave this entire pipeline
- 17:37together to do all of this for us. And
- 17:39so I'll show you how to do that right
- 17:40after this is done with it. So, okay,
- 17:41and here is the finished website. As you
- 17:43guys can see here, we are smooth
- 17:45scrolling through what looks to be a
- 17:46pretty complicated universe. Um I mean,
- 17:49we have obviously circuit boards and so
- 17:51on and so forth and some cool sexy light
- 17:53at the end there. What I also like about
- 17:55this is you can hold to reserve, and you
- 17:57know, presumably this is I don't know,
- 17:59us doing some sort of pre-launch or
- 18:01something like that for a product. Um
- 18:03but this is like a a live and working
- 18:05example now. You can also click from one
- 18:08section to the next by using the watch
- 18:09it dissolve feature, and then obviously
- 18:11you guys can go as fast or as slow as
- 18:13you want to uh with the manual scroll,
- 18:15too. And that's end-to-end. Uh if you
- 18:17wanted now to say publish this on the
- 18:18internet, let's say Netlify or something
- 18:20like that, um like, you know, I did my
- 18:22kimik3designs.netlify.app
- 18:25service, which contains all of these
- 18:27other websites, which you guys could see
- 18:28right here. Um it's actually fairly
- 18:30straightforward. All you have to do is
- 18:31just get some sort of static hosting
- 18:34site service, so maybe Netlify, maybe
- 18:35Vercel, and then just go to the service,
- 18:38log in, you know, go to the user
- 18:40settings. Go to user settings, then over
- 18:42here under applications there'll be
- 18:44OAuth. You can then click new access
- 18:46token. I'll just say example token
- 18:48expiring
- 18:49I don't know, can we just say tomorrow
- 18:51or today? Let's do click generate token.
- 18:54We can just copy that token into Kimmy,
- 18:55and we can actually just give it to it.
- 18:56And then I don't know if you guys can
- 18:57see, but this is currently creating the
- 18:59site um on my Netlify. So, I've just fed
- 19:02it my key, and you can do this with
- 19:04whatever platform you want. You can do
- 19:05this with Vercel, you can do this with
- 19:06whatever. And now it is 100% online. So,
- 19:09we've actually published this to uh
- 19:11netlify.app
- 19:13down in the bottom right-hand corner or
- 19:15left-hand corner, there's sort of this
- 19:16like
- 19:17you know, flow tour button so you can
- 19:19proceed as a whole video if you wanted
- 19:21to. And yeah, you can you guys can
- 19:22actually access this website right now.
- 19:24All right, I told you this is going to
- 19:25be the motherload. This is a single
- 19:27prompt that contains every one of these
- 19:29steps end to end. And so all you need to
- 19:31do in order to essentially produce
- 19:33whatever sort of style of motion journey
- 19:37cinematic website that you want, you
- 19:39just feed this entire thing in and then
- 19:42it'll just ask you, "Hey, do you have
- 19:43any ideas of websites you want to
- 19:45generate or do you just want me to go
- 19:46nuts?" And obviously I kind of just
- 19:48wanted it to go nuts. And so if I just
- 19:49paste in this entire thing into Kimmy,
- 19:52okay, which is now showing me the whole
- 19:53prompt and this is just a slightly
- 19:55different terminal in case you guys are
- 19:56wondering why it looked different. You
- 19:57can see that it is now going to ask me
- 19:59what subjects, products, industries,
- 20:00materials, or ideas are you interested
- 20:02in? And I'm just going to say, "You go
- 20:05nuts." And two, do you have any creative
- 20:06direction references or constraints or
- 20:08should I grab everything? You go nuts,
- 20:10too. And the end result is websites like
- 20:13I showed you guys earlier. I mean this
- 20:14is us going into the sky and eventually
- 20:17the whole horizon. Very sexy experience
- 20:20from the inside, legitimately inside of
- 20:23a hot air balloon. This is us scrolling
- 20:25through some dark, dank cave
- 20:28and then getting to what looks to be
- 20:30like a record player or something where
- 20:32the head is on fire. That one's a little
- 20:35bit more zany. And this one is like a
- 20:37foundry which essentially produces what
- 20:40looks to be some form of I don't know,
- 20:42brass or yeah, it looks like one of
- 20:43those old school printing presses which
- 20:45is also really neat. Um so you can have
- 20:47this generate as many as you want. It
- 20:49really just boils down to how much time
- 20:50you want to spend and how many credits,
- 20:51but hopefully you guys have everything
- 20:53that you need to do the same. As
- 20:55mentioned, if you guys want all of the
- 20:57assets and everything that I used to
- 20:58generate all of these websites, it's
- 20:59entirely free inside of Maker Zero. If
- 21:02you guys want to get to the point you
- 21:03can sell these sorts of interactive
- 21:05visual experiences to other people and
- 21:07get paid for it, definitely check out
- 21:08Maker School. It's the first link in the
- 21:10description. Uh Maker School is my
- 21:1290-day accountability program that shows
- 21:14you guys not only how to, you know,
- 21:16build really cool interactive
- 21:17experiences like this, but also build AI
- 21:19automations and then more importantly
- 21:21sell them to people that are asking
- 21:23uh uh for systems like this.
- 21:25Uh I have a 90-day full money back
- 21:28guarantee where if you do not acquire
- 21:29client number one, I will literally just
- 21:30give you your money back and it's
- 21:32because I'm super confident in the
- 21:33program and what it does, okay? Anyway,
- 21:35I'll stop shilling my own products. Have
- 21:37a lovely rest of the night and thanks so
- 21:38much for watching.
About this transcript
This page contains the full transcript of Kimi K3 Designs Websites That Feel Like MOVIES For Just $1 by Nick Saraev, generated from the public captions YouTube serves with the video. The transcript has 4,983 words across 705 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.
What you can do with it
Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.
Free YouTube transcript tool
YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.