YouTube2Text

Kimi K3 Designs Websites That Feel Like MOVIES For Just $1 — Transcript

by Nick Saraev · 4,983 words · 705 segments · language en · Watch on YouTube

Full transcript

  1. 0:00So, KimmyK3 can design absolutely
  2. 0:02gorgeous, beautiful websites just like
  3. 0:04these for literally just a dollar or
  4. 0:07two. And in this video, I'm going to
  5. 0:08show you everything that you need to do
  6. 0:10in order to create these sorts of
  7. 0:12cinematic journey experiences and then
  8. 0:15host them on a website. In addition to
  9. 0:17showing you guys what to do, I'm also
  10. 0:18going to give you all of the prompts
  11. 0:20that are in so you guys have everything
  12. 0:22that you need to do to just copy and
  13. 0:23paste this, whether it is to KimmyK3,
  14. 0:26ChatGPT, Claude, or another frontier
  15. 0:28model. Let's get into it. So, logically,
  16. 0:31what exactly is going on in websites
  17. 0:33like this? Well, one thing that you
  18. 0:34can't really tell is right now I'm
  19. 0:36scrolling up and down. And so,
  20. 0:38essentially, there is some form of
  21. 0:39progress or forward motion through a
  22. 0:42video. Well, at its core, what we're
  23. 0:44doing is we are taking every frame in a
  24. 0:47video, we're turning them into different
  25. 0:50scenes, essentially, and then we're
  26. 0:52binding them to some sort of scroll
  27. 0:53animation such that when I scroll up, I
  28. 0:55go forward, and when I scroll down, I go
  29. 0:58back. We're also providing down here a
  30. 1:00sort of tour-based experience so that
  31. 1:03people can also progress through the
  32. 1:04website in sort of auto play as they
  33. 1:06will. Um, there are a couple of
  34. 1:08different things that you need to know
  35. 1:09in order to make this work for you. Uh,
  36. 1:11I'm just going to give them to you, and
  37. 1:12then you guys can just copy and paste
  38. 1:14them in. But obviously, we need to both
  39. 1:16generate the creative asset, which is
  40. 1:18sort of that background video. We also
  41. 1:20need to perform some processing on the
  42. 1:21background video to make it really high
  43. 1:23quality, you know, macro, sort of the
  44. 1:25zoom-in journey effect. Uh, we also need
  45. 1:27to interpolate frames, do a couple of
  46. 1:29other things so that it's not chunky and
  47. 1:31it's smooth, unlike what a lot of other
  48. 1:32people do. And then finally, we need
  49. 1:33KimmyK3 to wrap this in a nice bow and
  50. 1:36then present it to us. The first thing
  51. 1:37we need is we need some sort of concept.
  52. 1:39And so, in this case, what are we doing?
  53. 1:40We're scrolling through some sort of
  54. 1:42deep-sea underwater, uh, I don't know,
  55. 1:44like plant or site or something like
  56. 1:46that. And so, this concept is one that
  57. 1:48you can come up with yourself, but in
  58. 1:50our AI era, I much prefer to just have
  59. 1:52AI do the concept generation for me. And
  60. 1:54so, let's start really easily. First
  61. 1:56thing we're going to do is sign up to
  62. 1:58Kimmy K3. In case you guys didn't know,
  63. 2:00this is the new Frontier model
  64. 2:01intelligence dropped by Moonshot,
  65. 2:03Kimmy's creators. And essentially, K3 is
  66. 2:06really solid. It is on par with, you
  67. 2:08know, Fable, GPT 5.6, Soul, and other
  68. 2:11great models. So, I'm just going to say,
  69. 2:13"Hey." Let's wave over and see what K3
  70. 2:15says back to us. This obviously isn't
  71. 2:17sufficient for us to make a website
  72. 2:18with. This is just a chatbot, so we're
  73. 2:20going to have to head over not to Kimmy
  74. 2:22chat, but Kimmy code, which is sort of
  75. 2:24the code version of what we just saw
  76. 2:26earlier. Now, Kimmy subscriptions are
  77. 2:28pretty heavily throttled and
  78. 2:29bottlenecked right now because it's such
  79. 2:30a cheap way of producing a high-quality
  80. 2:32experiences like this. So, you guys may
  81. 2:34not be able to sign up right this
  82. 2:35second. But when you are, they have a
  83. 2:37variety of different plans like
  84. 2:39Moderato, Allegrato, Allegro, and
  85. 2:41Vivace. And it's just sort of a
  86. 2:42one-click sign-up situation. You just
  87. 2:44click subscribe, and it will essentially
  88. 2:46take you to a Stripe page where you can,
  89. 2:48you know, do the sign-up. Once you're
  90. 2:49there, you actually need to get Kimmy
  91. 2:51code. And the way that you do this in
  92. 2:52terminal is pretty easy. You just copy
  93. 2:54this command, and then you open up a
  94. 2:56terminal. So, that's what I'm going to
  95. 2:57do over here. Then I'm going to drag
  96. 2:59this terminal into view, just make it
  97. 3:00really big, and then zoom in.
  98. 3:02And then, you know, terminal may look
  99. 3:04kind of intimidating if you're new to
  100. 3:05this sort of stuff, but all you really
  101. 3:06have to do is just paste in whatever
  102. 3:07that command was. And Kimmy will sort of
  103. 3:09do the rest for you. So, curl {dash}
  104. 3:11fssl, whatever the heck is going on.
  105. 3:13What we're doing right here is we're
  106. 3:14basically just like updating the the
  107. 3:15version right now cuz I already have it
  108. 3:16on my computer. Um this may take, you
  109. 3:19know, same amount of time, a little bit
  110. 3:20faster, a little bit longer, just
  111. 3:21depending on your internet connection.
  112. 3:23And once it's downloaded, all you have
  113. 3:24to do in order to make this work is just
  114. 3:26type Kimmy. It'll then open up Kimmy
  115. 3:28code. Now, in case you're not already
  116. 3:31logged in, you do have to type
  117. 3:32{backslash} login right over here, and
  118. 3:35then connect to Kimmy code via OAuth. In
  119. 3:37my case, I am already logged in, but in
  120. 3:39yours, it may open up like the the Kimmy
  121. 3:40page.
  122. 3:42Once we're done with that, all you have
  123. 3:43to do is type {slash} clear. That'll
  124. 3:45clear everything else out up top, and
  125. 3:46now we can actually get to having Kimmy
  126. 3:48do stuff for us. Now, you don't have to
  127. 3:49do this in order to get what I'm about
  128. 3:51to show but I do publish all of my
  129. 3:53prompts entirely free on Maker Zero,
  130. 3:55which is my free community um that I
  131. 3:57link at the bottom of every single one
  132. 3:59of my YouTube videos. So, I'm just going
  133. 4:00to go down there and copy this prompt
  134. 4:02here, which says, "You're the sole
  135. 4:03creative director and senior front-end
  136. 4:05author for a premium interactive
  137. 4:07portfolio.
  138. 4:08Give me creative ideas videos for 10
  139. 4:11radically different scroll-driven
  140. 4:13commercial landing pages." And this is
  141. 4:15the really important part. They need to
  142. 4:16be scroll-driven. The video must involve
  143. 4:18a single continuous
  144. 4:208-second extreme macro journey. Let me
  145. 4:23just make this more visible for you.
  146. 4:24This journey is what we use as the main
  147. 4:26captivating feature of our websites. So,
  148. 4:28make this as interesting as possible.
  149. 4:31And what we want is we want you to come
  150. 4:33up with just these concepts for us. You
  151. 4:35know, we don't necessarily need them to
  152. 4:36be the best concepts in the whole wide
  153. 4:38world, but uh we just want some ideas to
  154. 4:40sort of take advantage of. The cool part
  155. 4:42about AI is for humans, coming up with
  156. 4:45ideas is very computationally difficult.
  157. 4:47For AI, which views ideas as sort of
  158. 4:49these plots on a big graph of possible
  159. 4:52concepts and stuff like that, ideation's
  160. 4:54actually really easy. The cool thing
  161. 4:55that humans are great at right now is
  162. 4:57employing our taste to pick things that
  163. 4:59we think might actually sound good or
  164. 5:01make sense to our audience. And so,
  165. 5:03that's what I like doing. I like having
  166. 5:04AI ideate over a very large space of
  167. 5:06possible solutions for me, and then all
  168. 5:08I really do is I pick my favorite.
  169. 5:10And so, as you can see here, we have a
  170. 5:11bunch of different ideas. This one up
  171. 5:13top is the pour luxury whiskey. We start
  172. 5:16buried inside a single bubble in the
  173. 5:17whiskey. The sphere's skin glows amber
  174. 5:20around the lens. Then the camera pushes
  175. 5:22through the membrane into liquid gold,
  176. 5:23slides past rising carbonation threads,
  177. 5:25climbs the meniscus of the glass, and
  178. 5:27breaks the surface tension.
  179. 5:29See, that seems pretty interesting, but
  180. 5:31I don't know. I I kind of want to do
  181. 5:32something more impressive than just a
  182. 5:33luxury whiskey website.
  183. 5:35Here we have the capsule, skin care and
  184. 5:38pharma. Begin on the surface of a
  185. 5:40dissolving capsule. The gelatin wall is
  186. 5:42melting in front of the lens like slow
  187. 5:43ice. The camera pushes through the
  188. 5:45membrane into a cloud of white macro
  189. 5:46powder, drifts through the granules,
  190. 5:48each one catching light like a snow
  191. 5:49globe, and condenses onto a single
  192. 5:51droplet that falls and lands on skin.
  193. 5:53The pore it touches blooming smooth. I
  194. 5:56like this. This sounds really solid, and
  195. 5:58I think that's probably one of the main
  196. 5:59ideas that I'm going to generate. So,
  197. 6:01for now, I'm just going to copy this,
  198. 6:02okay, and then I'm going to head over to
  199. 6:04just a Google Doc here, and then up here
  200. 6:05I'll call this concepts. And just to
  201. 6:07make it really easy for you, rather than
  202. 6:09just generate one concept, because it's
  203. 6:10going to take the same amount of time to
  204. 6:12generate um as, you know, multiple, I'm
  205. 6:14just going to do multiple simultaneous,
  206. 6:15and we'll find whichever one we like the
  207. 6:16best. Okay, once we have the concepts,
  208. 6:18we're actually already about 50% of the
  209. 6:20way there to designing a smooth, sort of
  210. 6:23jaw-dropping experience like this.
  211. 6:25Because if you pay close attention,
  212. 6:27you'll notice that, despite the fact
  213. 6:29that this website in particular seems
  214. 6:30like it, there's a lot of motion going
  215. 6:32on, that the website itself is what's
  216. 6:34moving and rotating around, it's
  217. 6:35actually just a video in the background.
  218. 6:37And so, the creative is really the heavy
  219. 6:39lifter of this site, you know, the
  220. 6:41interactive experiences and stuff like
  221. 6:43that. Um that's important as well, but
  222. 6:45that's something that Kimmi can do far
  223. 6:46easier. Okay, great. Once we have these
  224. 6:48concepts, of which I've picked three,
  225. 6:51all you need to do now is copy over a
  226. 6:53prompt that looks something like this.
  227. 6:56What I've done is I've just cleared
  228. 6:57through all of Kimmi, then I say, "Use
  229. 7:00the below concept to generate a
  230. 7:01high-quality macro video prompt for an
  231. 7:03advanced video model. For example, then
  232. 7:07there's a single continuous 8-second
  233. 7:08cinematic engineering shot moving
  234. 7:10forward from above a stormy cold North
  235. 7:12Atlantic Ocean." What I'm doing here is
  236. 7:14I'm giving it an example of the level of
  237. 7:16detail that I would like. And then what
  238. 7:18I'll do is I'll go back over to that
  239. 7:20Google Doc that stores all of the
  240. 7:22different website concepts, and then I'm
  241. 7:23just going to save one of them.
  242. 7:26Actually, just paste that in here.
  243. 7:28So, what I wanted to do is I wanted to
  244. 7:29generate a high-quality video prompt in
  245. 7:32the exact same style that I know
  246. 7:34performs very well. What we're doing is
  247. 7:35we're just transforming ideas into
  248. 7:37prompts now, and uh you know, we can use
  249. 7:39one of these to generate a big list of
  250. 7:41different high quality ideas, we can do
  251. 7:43another one to actually generate the
  252. 7:44video itself.
  253. 7:46So now you can see we're generating a
  254. 7:47single continuous 10-second cinematic
  255. 7:49macro shot opening on the hexagonal
  256. 7:51lattice of a single ice crystal at
  257. 7:52molecular scale. It's approximately the
  258. 7:54same length as this other one, and now
  259. 7:56we're actually good to design the
  260. 7:58creative or the video itself. After
  261. 8:00experimenting with a few dozen different
  262. 8:02video models and types of approaches,
  263. 8:04this is probably the one that I found
  264. 8:05that works the best. To make a long
  265. 8:07story short, we start by generating some
  266. 8:09sort of a macro journey video, and the
  267. 8:12model that I'm going to be using for
  268. 8:13this today is Cinematic Studio 3.0. I
  269. 8:16want you to know that you can use a
  270. 8:17variety of other ones like
  271. 8:19well for this sort of thing, but um I
  272. 8:21just wanted the best of the best as of
  273. 8:23this point in time, and so I thought I'd
  274. 8:24use Cinematic Studio 3.0 to to generate
  275. 8:26them.
  276. 8:27Now, once you generate them, okay, this
  277. 8:29is going to be coming out at I believe
  278. 8:3130 FPS.
  279. 8:33The issue with 30 FPS on one of these
  280. 8:34like scroll-heavy, you know, cinematic
  281. 8:36journey sites is you can actually see
  282. 8:39every individual frame as you scroll
  283. 8:41through, and so it's really choppy. It's
  284. 8:42It's a very bad experience, I would say,
  285. 8:43for the user. So instead, what we're
  286. 8:45going to do is we're actually going to
  287. 8:47um take the the core video and then
  288. 8:49interpolate it. And that just means, you
  289. 8:51know, if if this is a frame here, and
  290. 8:53this is another frame here, and this is
  291. 8:54another frame here, and there's some
  292. 8:56sort of element that's sort of like
  293. 8:57moving across the screen of this, okay?
  294. 9:00So this is frame 1 2 3. What it does is
  295. 9:04it takes frame 1 and frame 2, and then
  296. 9:06it generates an additional frame sort of
  297. 9:08between the two, okay? And then it'll
  298. 9:11take
  299. 9:11frame 2 and frame 3, and it'll generate
  300. 9:13sort of an additional frame between the
  301. 9:15two.
  302. 9:15That way, instead of it being kind of
  303. 9:17choppy,
  304. 9:18you'll actually get like a smooth
  305. 9:20movement of elements throughout the
  306. 9:21thing, and when we scroll through, it'll
  307. 9:23be a lot prettier.
  308. 9:24Now again, lots of different models you
  309. 9:26could do for this sort of interpolation.
  310. 9:27I'm going to be using ByteDance AIGC to
  311. 9:29take us from 30 to 60, and then once
  312. 9:32we're at double the FPS, um the vast
  313. 9:34majority of all all scrolling issues
  314. 9:35tend to disappear.
  315. 9:37Finally, we're just going to tie it
  316. 9:38frame by frame to some sort of smooth
  317. 9:40browser scroll just so we can kind of
  318. 9:41get that out there and then we can
  319. 9:43actually start, you know, moving through
  320. 9:44a video on a screen and then we'll add
  321. 9:46the rest of the website as well. So, in
  322. 9:47order to make this work, I'll be using a
  323. 9:49Cinematic Studios Straight Out of Higgs
  324. 9:51Field. It's fairly straightforward. This
  325. 9:53is just like a big video, audio, and
  326. 9:55prompt library um that contains more or
  327. 9:58less, you know, everything you need to
  328. 9:59copy and paste into
  329. 10:01uh one of these models like Kim e K3 to
  330. 10:03make it work. Obviously, using it in Kim
  331. 10:05e K3 is cool because Kim e is a pretty
  332. 10:07cheap and also very intelligent model.
  333. 10:09Um so, all you need to do in order to do
  334. 10:11that is just head over to sign up.
  335. 10:13They're doing some promo right now. You
  336. 10:14can sign up and get an additional
  337. 10:15discount. I already have an account, so
  338. 10:17I'm just going to skip past this. Inside
  339. 10:18of Higgs Field, once you're signed in,
  340. 10:20you're going to want to go to explore up
  341. 10:22here, video, Cinema Studio 4K. Okay,
  342. 10:26once you're done, just head over to
  343. 10:27Cinema Studio at the top or you can go
  344. 10:29down to video and click on Cinema Studio
  345. 10:314K and it'll take you here.
  346. 10:32Um you can see there a variety of
  347. 10:33different ones, 3.5, 3.0, 2.5. I'm fine
  348. 10:37using 3.0. I don't really need all of
  349. 10:39like the cool scene changes and stuff
  350. 10:40like that. And then what I'm going to do
  351. 10:42is I'm just going to paste in that
  352. 10:44prompt that um you know, Kim e just
  353. 10:46generated for us. And then uh the
  354. 10:48resolution that we want, if you think
  355. 10:50about it, you know, at least for us, if
  356. 10:52you're doing a desktop experience, needs
  357. 10:54to be 16 by 9. If you wanted to do a
  358. 10:56mobile experience, which I'm seeing a
  359. 10:58lot more people do these days or maybe,
  360. 11:00you know, generating sort of creative
  361. 11:01for Instagram, you can do that by
  362. 11:02clicking 9 by 16. I'm just going to be
  363. 11:04doing 16 by 9 uh for simplicity. And
  364. 11:07then you can use a variety of different
  365. 11:08resolutions. The one that I'm going to
  366. 11:09use is 1080p just cuz I don't want this
  367. 11:11to take too long.
  368. 11:12I also think that the duration slider it
  369. 11:15makes the most sense just to be 8
  370. 11:16seconds as opposed to 10 or 16. So, I'm
  371. 11:18just going to set this to 8 for now. Um
  372. 11:20also, I don't want to spend too many
  373. 11:21credits here since obviously every video
  374. 11:23generation uh you know, consumes some
  375. 11:25amount of credits. In this case, it
  376. 11:26looks like it's about 80.
  377. 11:28Um you have custom multi-shot, smart,
  378. 11:29and so on and so forth. That's fine. I'm
  379. 11:30just going to click generate, then it'll
  380. 11:32actually go through the process of doing
  381. 11:34scent generation.
  382. 11:35And so, when you click on this, it'll
  383. 11:37sort of take the whole prompt in here,
  384. 11:39okay? And it's kind of ugly right now
  385. 11:40just cuz I realized it's on multiple
  386. 11:42lines. Hopefully, that doesn't impact
  387. 11:43the actual gen. And then, it'll open up
  388. 11:45this new little modal where it says new
  389. 11:46project processing. All you have to do
  390. 11:48now is basically just sit around and
  391. 11:50wait. There's really nothing else to do.
  392. 11:52Um because I want to be, I guess,
  393. 11:54mindful of my own time, I'm just going
  394. 11:55to generate multiple of these
  395. 11:56simultaneously. So, I'm just going to go
  396. 11:58back here and feed in the other two
  397. 12:01website prompts. So, I'm going to go
  398. 12:02here, and I'll go back to Kimmi, and I'm
  399. 12:05just going to do, okay, do these two as
  400. 12:08well, and then paste those in. So, now
  401. 12:10we actually have, you know, the capsule.
  402. 12:11We also have the circuit. Okay, and so
  403. 12:13we have all of this now. For the
  404. 12:15capsule, I'm just going to feed this in.
  405. 12:16Copy, paste. I'm just going to keep to
  406. 12:18the exact same effects cuz we want it 16
  407. 12:20by 9. So, click generate. Then the last
  408. 12:23one I want is the circuit, obviously,
  409. 12:25and it looks like that one is now done,
  410. 12:27too. So, I'm going to copy that.
  411. 12:30After we're done generating, I'm also
  412. 12:32going to generate this.
  413. 12:34So, now we have three generating
  414. 12:36simultaneously. Why am I doing this? I'm
  415. 12:38just doing this because, if you think
  416. 12:39about it logically, like it'll take X
  417. 12:41amount of time to generate one of these,
  418. 12:43but you can actually just do them
  419. 12:44simultaneously, right? The model can
  420. 12:45work on multiple things at the same
  421. 12:47time. So, rather than me just like
  422. 12:48waiting for it to finish and then doing
  423. 12:49another one, why not just batch all
  424. 12:51three? That way I'll have three times
  425. 12:52the creative to kind of look through.
  426. 12:54Obviously, I'm trading off my money here
  427. 12:56in credits for, you know, time and and
  428. 12:58efficiency, but I typically do this
  429. 13:00because I'm never really 100% of the
  430. 13:02time with the outputs of AI. I'm
  431. 13:04satisfied maybe 30 to 50% of the time,
  432. 13:05which means typically I need more than
  433. 13:07one sample or more than one output in my
  434. 13:09batch in order to be happy with. And
  435. 13:11here is what looks to be a capsule
  436. 13:14dissolving and opening. This is really
  437. 13:15high quality, very clean, like micellar
  438. 13:18water type stuff there improves the
  439. 13:19quality of the skin. So, I mean, like,
  440. 13:21you know, we can scrub through this just
  441. 13:23using their little editor, but obviously
  442. 13:24I want to tie this to my scroll wheel,
  443. 13:25right? Here is another one. This is the
  444. 13:27city walk-through, and so we are
  445. 13:29actually going through this like cool 3D
  446. 13:31city, and that city is actually a
  447. 13:34circuit as well on some sexy wafer. All
  448. 13:36right, just took a break and saw that
  449. 13:37all three websites were done. So, all we
  450. 13:39have to do is just click on the little
  451. 13:40download button here, and it'll
  452. 13:42automatically download it to your
  453. 13:43computer. I've already done that a
  454. 13:44couple of times, so and now we actually
  455. 13:46have the the videos themselves, which is
  456. 13:48quite nice. That said, doing this stuff
  457. 13:49manually is starting to get pretty
  458. 13:50tiring. So, what I'm going to do is I'm
  459. 13:52going to take all this from the
  460. 13:53interface in Higgsfield, and I'm going
  461. 13:55to add it to Kimmi directly. So, that
  462. 13:57instead of me saying, "Hey, you know,
  463. 13:59generate me a prompt that I can copy and
  464. 14:00paste it put in the Higgsfield."
  465. 14:02Instead, I just want you to generate the
  466. 14:03Higgsfield videos directly. Likewise,
  467. 14:05I'm also going to be able to say, "Hey,
  468. 14:06I want you to upscale these videos as
  469. 14:08well." And then create a pipeline so
  470. 14:10that every time I generate a video, it's
  471. 14:11automatically upscaled to begin with.
  472. 14:13How do you actually do this? It's pretty
  473. 14:14straightforward. Just go to MCP and CLI.
  474. 14:17MCP is essentially what's going to
  475. 14:18create a little function for us that'll
  476. 14:21enable us to connect directly to
  477. 14:23Higgsfield's back end. Then just click
  478. 14:24this little copy button. Then once
  479. 14:26you're done, just head back over to
  480. 14:27Kimmi and actually paste this in, and
  481. 14:29just say to Kimmi,
  482. 14:31"Install this MCP."
  483. 14:33This is fairly straightforward. It'll
  484. 14:35actually go through and create like a
  485. 14:37connector behind the scenes that allows
  486. 14:39it to query Higgsfield and all of the
  487. 14:40models therein, which will save us the
  488. 14:42step I talked about earlier. Okay, and
  489. 14:44now it's actually written a file called
  490. 14:46mcp.json on our computer. That's sort of
  491. 14:49just how, you know, the MCP syntax
  492. 14:51works. Once we're done with all that,
  493. 14:53you can just type {slash} clear. By
  494. 14:55doing so, it'll initiate a new server.
  495. 14:58So, that's what just happened up here.
  496. 15:00If it's not already connected for you,
  497. 15:01because let's say you didn't log in, you
  498. 15:03know, I've logged in on this computer
  499. 15:04multiple times, it clearly has some of
  500. 15:06my authentication credentials. Just type
  501. 15:08{slash} mcp-config
  502. 15:10like this, and it'll actually walk you
  503. 15:12through a brief little sign-up wizard
  504. 15:13where you can go back to Higgsfield and
  505. 15:15then just sign in. Okay, now that we're
  506. 15:16done with this, all we have to do is we
  507. 15:18have to find the files from earlier,
  508. 15:20which in my case were going to be three.
  509. 15:22We had this one, this one, and also this
  510. 15:25one. I'm then just going to copy, so
  511. 15:26command C to get all the names, and I'll
  512. 15:28say interpolate this with ByteDance
  513. 15:32AIGC.
  514. 15:34The whole idea here is we're just going
  515. 15:36to be increasing the number of frames by
  516. 15:38two. It'll find the right Higgs Field
  517. 15:40model, and that's what it's doing right
  518. 15:42over here. Now that it has um you know,
  519. 15:44AIGC through ByteDance, it'll then
  520. 15:47actually perform. Now, the unfortunate
  521. 15:49thing about Kim-E is despite it being
  522. 15:51quite intelligent, it can also be pretty
  523. 15:52slow at times. And so, often instead of
  524. 15:54just running one instance like I'm
  525. 15:56currently doing on the left-hand side
  526. 15:57where it's sending out those Higgs Field
  527. 15:59requests and so on, um I'll go run
  528. 16:01multiple, and that way, you know, while
  529. 16:02this is improving the quality of the
  530. 16:04media, I can also have other steps that
  531. 16:06are starting to scaffold the website.
  532. 16:07And so, up here I'm just going to go
  533. 16:09with Kim-E {dash} {dash} Yolo. Uh this
  534. 16:11is just sort of like a funny mode that
  535. 16:13prevents it from ever having to ask me a
  536. 16:15question. It's on like the you only live
  537. 16:16once mode, so just let the agent do
  538. 16:18everything. Okay, so then finally, all
  539. 16:21I'm going to do is head over here to
  540. 16:22site prompt, copy all of this in, and
  541. 16:25you know, it's pretty long, but as
  542. 16:26mentioned, you guys can get that
  543. 16:28entirely free if you want to, and then
  544. 16:30paste this in fully um to Kim-E K3. Now,
  545. 16:34the one thing that we need to provide,
  546. 16:37well, I should say two things actually,
  547. 16:39is we need to provide both the video
  548. 16:41URL, which is on our computer, and we
  549. 16:43also need to provide that concept prompt
  550. 16:45that we used to generate it. And so, you
  551. 16:48know, the way this prompt works is
  552. 16:49essentially it will go through um you
  553. 16:51know, a very in-depth series of steps in
  554. 16:54order to produce this nice motion
  555. 16:55graphic design.
  556. 16:57But, it'll ask for a video file name
  557. 17:00or a concept. And you can even see it
  558. 17:01says e.g. capsule.mp4. So, I'll just go
  559. 17:04back over here, open up finder,
  560. 17:07and then I'll go to downloads, and this
  561. 17:09is the capsule one that I want. So, I'll
  562. 17:11say video is here,
  563. 17:13and then concept, and then I'll just go
  564. 17:15back to Higgs Field.
  565. 17:18And if I click on this, it'll actually
  566. 17:20allow me to copy in whatever prompt I
  567. 17:22used and and fed in there.
  568. 17:24And I'll paste that in.
  569. 17:26Okay, and you're probably already seeing
  570. 17:27areas that we can optimize the hell out
  571. 17:29of this. And um the reason for that is
  572. 17:31because what we've done here is we've
  573. 17:32manually sort of made all these steps,
  574. 17:34right? Well, we can actually just to
  575. 17:35kind of weave this entire pipeline
  576. 17:37together to do all of this for us. And
  577. 17:39so I'll show you how to do that right
  578. 17:40after this is done with it. So, okay,
  579. 17:41and here is the finished website. As you
  580. 17:43guys can see here, we are smooth
  581. 17:45scrolling through what looks to be a
  582. 17:46pretty complicated universe. Um I mean,
  583. 17:49we have obviously circuit boards and so
  584. 17:51on and so forth and some cool sexy light
  585. 17:53at the end there. What I also like about
  586. 17:55this is you can hold to reserve, and you
  587. 17:57know, presumably this is I don't know,
  588. 17:59us doing some sort of pre-launch or
  589. 18:01something like that for a product. Um
  590. 18:03but this is like a a live and working
  591. 18:05example now. You can also click from one
  592. 18:08section to the next by using the watch
  593. 18:09it dissolve feature, and then obviously
  594. 18:11you guys can go as fast or as slow as
  595. 18:13you want to uh with the manual scroll,
  596. 18:15too. And that's end-to-end. Uh if you
  597. 18:17wanted now to say publish this on the
  598. 18:18internet, let's say Netlify or something
  599. 18:20like that, um like, you know, I did my
  600. 18:22kimik3designs.netlify.app
  601. 18:25service, which contains all of these
  602. 18:27other websites, which you guys could see
  603. 18:28right here. Um it's actually fairly
  604. 18:30straightforward. All you have to do is
  605. 18:31just get some sort of static hosting
  606. 18:34site service, so maybe Netlify, maybe
  607. 18:35Vercel, and then just go to the service,
  608. 18:38log in, you know, go to the user
  609. 18:40settings. Go to user settings, then over
  610. 18:42here under applications there'll be
  611. 18:44OAuth. You can then click new access
  612. 18:46token. I'll just say example token
  613. 18:48expiring
  614. 18:49I don't know, can we just say tomorrow
  615. 18:51or today? Let's do click generate token.
  616. 18:54We can just copy that token into Kimmy,
  617. 18:55and we can actually just give it to it.
  618. 18:56And then I don't know if you guys can
  619. 18:57see, but this is currently creating the
  620. 18:59site um on my Netlify. So, I've just fed
  621. 19:02it my key, and you can do this with
  622. 19:04whatever platform you want. You can do
  623. 19:05this with Vercel, you can do this with
  624. 19:06whatever. And now it is 100% online. So,
  625. 19:09we've actually published this to uh
  626. 19:11netlify.app
  627. 19:13down in the bottom right-hand corner or
  628. 19:15left-hand corner, there's sort of this
  629. 19:16like
  630. 19:17you know, flow tour button so you can
  631. 19:19proceed as a whole video if you wanted
  632. 19:21to. And yeah, you can you guys can
  633. 19:22actually access this website right now.
  634. 19:24All right, I told you this is going to
  635. 19:25be the motherload. This is a single
  636. 19:27prompt that contains every one of these
  637. 19:29steps end to end. And so all you need to
  638. 19:31do in order to essentially produce
  639. 19:33whatever sort of style of motion journey
  640. 19:37cinematic website that you want, you
  641. 19:39just feed this entire thing in and then
  642. 19:42it'll just ask you, "Hey, do you have
  643. 19:43any ideas of websites you want to
  644. 19:45generate or do you just want me to go
  645. 19:46nuts?" And obviously I kind of just
  646. 19:48wanted it to go nuts. And so if I just
  647. 19:49paste in this entire thing into Kimmy,
  648. 19:52okay, which is now showing me the whole
  649. 19:53prompt and this is just a slightly
  650. 19:55different terminal in case you guys are
  651. 19:56wondering why it looked different. You
  652. 19:57can see that it is now going to ask me
  653. 19:59what subjects, products, industries,
  654. 20:00materials, or ideas are you interested
  655. 20:02in? And I'm just going to say, "You go
  656. 20:05nuts." And two, do you have any creative
  657. 20:06direction references or constraints or
  658. 20:08should I grab everything? You go nuts,
  659. 20:10too. And the end result is websites like
  660. 20:13I showed you guys earlier. I mean this
  661. 20:14is us going into the sky and eventually
  662. 20:17the whole horizon. Very sexy experience
  663. 20:20from the inside, legitimately inside of
  664. 20:23a hot air balloon. This is us scrolling
  665. 20:25through some dark, dank cave
  666. 20:28and then getting to what looks to be
  667. 20:30like a record player or something where
  668. 20:32the head is on fire. That one's a little
  669. 20:35bit more zany. And this one is like a
  670. 20:37foundry which essentially produces what
  671. 20:40looks to be some form of I don't know,
  672. 20:42brass or yeah, it looks like one of
  673. 20:43those old school printing presses which
  674. 20:45is also really neat. Um so you can have
  675. 20:47this generate as many as you want. It
  676. 20:49really just boils down to how much time
  677. 20:50you want to spend and how many credits,
  678. 20:51but hopefully you guys have everything
  679. 20:53that you need to do the same. As
  680. 20:55mentioned, if you guys want all of the
  681. 20:57assets and everything that I used to
  682. 20:58generate all of these websites, it's
  683. 20:59entirely free inside of Maker Zero. If
  684. 21:02you guys want to get to the point you
  685. 21:03can sell these sorts of interactive
  686. 21:05visual experiences to other people and
  687. 21:07get paid for it, definitely check out
  688. 21:08Maker School. It's the first link in the
  689. 21:10description. Uh Maker School is my
  690. 21:1290-day accountability program that shows
  691. 21:14you guys not only how to, you know,
  692. 21:16build really cool interactive
  693. 21:17experiences like this, but also build AI
  694. 21:19automations and then more importantly
  695. 21:21sell them to people that are asking
  696. 21:23uh uh for systems like this.
  697. 21:25Uh I have a 90-day full money back
  698. 21:28guarantee where if you do not acquire
  699. 21:29client number one, I will literally just
  700. 21:30give you your money back and it's
  701. 21:32because I'm super confident in the
  702. 21:33program and what it does, okay? Anyway,
  703. 21:35I'll stop shilling my own products. Have
  704. 21:37a lovely rest of the night and thanks so
  705. 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.