YouTube2Text

GPT 6 + Hyperframe = Crazy combo for expert-level videos — Transcript

by AI Jason · 4,927 words · 683 segments · language en · Watch on YouTube

Full transcript

  1. 0:00Thanks HubSpot for sponsoring this
  2. 0:02video. So when we talk about hyperframe
  3. 0:04or remote type of AI generated per
  4. 0:06launch video, many people's impression
  5. 0:08are still those type of PowerPoint
  6. 0:10slides type of video that looks really
  7. 0:12boring and not interesting. But things
  8. 0:14actually changed dramatically for the
  9. 0:15past few months ever since model like
  10. 0:17fable was introduced and it went even
  11. 0:19further with the recent launch of GPD6
  12. 0:22Astra. Video editing capability just
  13. 0:24went out of roof. For example, I just
  14. 0:26feed this video I download from YouTube
  15. 0:28to Astra with hyperframe and with just
  16. 0:30one shot after 32 minutes and basically
  17. 0:33replicate this video pixel perfectly,
  18. 0:35which is absolutely insane because
  19. 0:36there's so many visual details to get it
  20. 0:39right. And I personally has been using
  21. 0:41Fable and Astra with Hyperframe to
  22. 0:43generate all those super high quality
  23. 0:45launch videos for my own product and it
  24. 0:47has reached over 1 million views with
  25. 0:49those AI generated product content. And
  26. 0:51the most crazy example I personally
  27. 0:52experienced is this Fable 5.1 launch
  28. 0:55video for my product track. So my team
  29. 0:57literally just saw the Fable 5.1 release
  30. 1:00announcement during the morning and we
  31. 1:01decided to do a launch with this and we
  32. 1:03have around 4 hours to prepare the whole
  33. 1:05launch campaign including this high
  34. 1:07fidelity video that looks definitely not
  35. 1:09like a powerpoints plus a landing page
  36. 1:11like this that looks also again not vibe
  37. 1:14coded and everything prepared within 4
  38. 1:16hours and we got more than 100k views on
  39. 1:19Twitter. And this is a wake when my team
  40. 1:21start doing those type of video based
  41. 1:23launch and it really drives the growth
  42. 1:25of a product out the roof. So if you're
  43. 1:27building and distributing products,
  44. 1:28mastering your skills of making those
  45. 1:30launch videos with hyperframe or reotion
  46. 1:32is a must have skill that will give you
  47. 1:34huge amount of advantage. And this is
  48. 1:36what I want to talk about today. I'll
  49. 1:38talk you through how does those
  50. 1:39frameworks works and also make a video
  51. 1:41from scratch like this together so you
  52. 1:44can understand how I make it and what's
  53. 1:45my preferred workflow. But before we
  54. 1:47dive into this, part of the reason we
  55. 1:49can generate amazing videos with
  56. 1:51frameworks like hyperframe is because
  57. 1:53modern harness like codeex or cloud code
  58. 1:55wrap the model with contest use and many
  59. 1:57other features to unleash mod's power.
  60. 2:00And there's probably a 10x difference
  61. 2:02between someone who just simply prompts
  62. 2:03the agent and hope for the best versus
  63. 2:05someone who fully utilize every single
  64. 2:07tip and tricks. And that's why I want to
  65. 2:09introduce you this free cloud code
  66. 2:11playbook I put together with HubSpot. It
  67. 2:13covers core principles I use for
  68. 2:15prompting those agents as well as how I
  69. 2:18structure my agent.mmd and cloud.md and
  70. 2:21project contacts to make the most out of
  71. 2:23it as well as different hooks and
  72. 2:25guarios that put together to making sure
  73. 2:27my agent actually follow SOPs and how do
  74. 2:29I keep long running work on track with
  75. 2:31task state as well as different layers
  76. 2:33of setup for each project when I have so
  77. 2:35many parallel sessions running at the
  78. 2:37same time even including some of tips
  79. 2:39and learnings I got that allow me to cut
  80. 2:41the API bills by 70% % but still have
  81. 2:44the same quality output. This is
  82. 2:45something I wish I had when I getting
  83. 2:47started. It's completely free. I put the
  84. 2:49link in the description below so you can
  85. 2:51go and check out and thanks HubSpot for
  86. 2:53sponsoring this video. Now let's get
  87. 2:55back to how to make those awesome
  88. 2:57hyperframe videos. So cool idea here is
  89. 2:59that we're going to make videos using
  90. 3:01HTML which is the thing that large model
  91. 3:03is really good at and this is possible
  92. 3:05because now we have new frameworks like
  93. 3:07hyperframe or remotion. before those
  94. 3:09frameworks show up. The way human make
  95. 3:11video is in software like after effect
  96. 3:13and typically in those software the
  97. 3:15video is composite of layers effects key
  98. 3:17frames and automation is only possible
  99. 3:20by those editor's own API which model is
  100. 3:22not trained on top of it and more
  101. 3:24importantly there's no easy way for
  102. 3:26model to understand what our screen look
  103. 3:28like at at 1 minute 3 seconds and
  104. 3:30hyperframe team initially actually
  105. 3:32experimented using JSON or XML to
  106. 3:35introduce a data structure that model
  107. 3:37can output to describe a video but just
  108. 3:39the help model visualize and understand
  109. 3:41what does each frame look like and that
  110. 3:43makes model ineffective in terms of
  111. 3:45editing and modifying the video but
  112. 3:47things really change when they go down
  113. 3:49this HTML CSS and JavaScript route
  114. 3:51because model is really good at writing
  115. 3:53HTML. So the way hyperframe works is
  116. 3:55that it allow you or model to express
  117. 3:58video timeline in HTML. So you can add
  118. 4:01those data composition ID and when does
  119. 4:03this part of video start how long the
  120. 4:05duration will be and wrap the actual
  121. 4:07visual under those diff so that model
  122. 4:09can still output the design in normal
  123. 4:11HTML and CSS and control the animation
  124. 4:14using JavaScript which means it can
  125. 4:15reuse animation library like gap to
  126. 4:18write animations but just bind the DOM
  127. 4:20elements to the video timelines. So it
  128. 4:22became very easy for the model to be
  129. 4:24able to capture any frame at any given
  130. 4:27time and this at crux is what hyperframe
  131. 4:29or remote does and the only difference
  132. 4:31is that hyperframe is optimized for
  133. 4:33HTML, CSS and JavaScript versus remotion
  134. 4:36is designed for react and CSS. So both
  135. 4:38works but I personally found model is
  136. 4:40actually more creative or more free to
  137. 4:42design things in HTML. Also hyperframe
  138. 4:44comes with a whole bunch of different
  139. 4:46skills. When you try to install the
  140. 4:48hyperframe skills, it probably feels
  141. 4:50pretty overwhelming because there are so
  142. 4:52many different skills. You might not
  143. 4:54know which one to use. But in short,
  144. 4:56there are two sets of skills that
  145. 4:57introduce. And one must install skill is
  146. 4:59just this hyperframes core. It talk
  147. 5:02about the core space of hyperframe and
  148. 5:04there's some related skills around it
  149. 5:06like hyperframe CRI, animations and key
  150. 5:09frames. And they also have this
  151. 5:10hyperframes registry which allow agent
  152. 5:12to search in a big library. They provide
  153. 5:14for different view and animation
  154. 5:16components. And meanwhile they also
  155. 5:17provide a set of use case based skills
  156. 5:20that can be loaded on demand like
  157. 5:22product launch videos, faceless
  158. 5:24explainer, music to video, PR to video.
  159. 5:26For example, I just pointed to this
  160. 5:28website to video skills and ask it to
  161. 5:31make a video based on uber.com. And with
  162. 5:33just one prompt after 21 minute, it is
  163. 5:36able to make a video like this is fully
  164. 5:38unbranded animated on their core UI
  165. 5:41elements and user journey. But even
  166. 5:43though you do this after you prompt it,
  167. 5:45we're still feels very much like a
  168. 5:47PowerPoint slides. A bit boring, not
  169. 5:49interesting. And this is what I want to
  170. 5:50show you next. Let's do step by step
  171. 5:52from scratch to make a launch video
  172. 5:55looks like this. Something from
  173. 5:57professional studio instead. Let's say I
  174. 5:58want to make a launch video for the
  175. 6:00track plugin that we just published for
  176. 6:02Codex. Then I will open up a new session
  177. 6:03in our ripple and give a prompt like we
  178. 6:06want to make a launch video of Codex
  179. 6:07plugin. And here I specifically tell it
  180. 6:09don't look at our existing video for
  181. 6:11reference. So we can actually simulate
  182. 6:13what does it feel like when we make a
  183. 6:14video from scratch. Here I'm using the
  184. 6:16Astra high as a model as it is extremely
  185. 6:19good for video making. So you ask me
  186. 6:21this question. I actually do have a
  187. 6:23rough idea about the story line. So I
  188. 6:24give a prompt. We want to showcase real
  189. 6:26codeex app UI simulates a user journey
  190. 6:28from search and install plugin to try it
  191. 6:31out to showcase power. So the first
  192. 6:33thing it did is actually propose me a
  193. 6:36kind of story line in text. And if I
  194. 6:38open it I can take a look. So codex
  195. 6:41plugin diretory cursor enters search
  196. 6:44type track makes sense and plug in
  197. 6:46detail install state codec composer
  198. 6:49select track using the captured apps
  199. 6:52actual control and actual progress two
  200. 6:54calls focus on search keyword social
  201. 6:56complete brief in the real response UI.
  202. 6:59Okay, this is pretty good except I do
  203. 7:01want to update the story line a little
  204. 7:03bit here. The use case to showcase is
  205. 7:05more around like a search keyword,
  206. 7:07social, which is a good use case. But
  207. 7:09one use case that I want to emphasize
  208. 7:11more is this people search use case that
  209. 7:14we launched on Twitter this week and it
  210. 7:16got viral. So I want to double down on
  211. 7:18this messaging and use case. So I tell
  212. 7:20you the story line looks good and we
  213. 7:22want to show both SEO and social. But
  214. 7:24let's start with a people search use
  215. 7:25case as a hero and we did a product
  216. 7:28launch here as a reference. You can use
  217. 7:29track to actually get more context from
  218. 7:31this because we have pretty good social
  219. 7:32scraping out of box. The agent actually
  220. 7:35go and find our specific page route as
  221. 7:37well for that people search to get more
  222. 7:39context which is pretty good. So it took
  223. 7:42it like 2 minutes and the story line
  224. 7:44looks pretty good now. um except there
  225. 7:47are few other points that sometime I
  226. 7:49wanted to talk about like a few key
  227. 7:50point that we've been emphasized on
  228. 7:52previous video is with track you don't
  229. 7:53need to pay subscription this no
  230. 7:55contract we literally combine all the
  231. 7:57service and turn them into usage based
  232. 7:59pricing so that's like one big part and
  233. 8:02second one is that uh le enrichment is
  234. 8:05just one type of use case we actually uh
  235. 8:07have more so those are like important
  236. 8:09message that I want to get across and so
  237. 8:12I would just give a pro a few feedback
  238. 8:13there are some core value proposition
  239. 8:15message I want to get across. One is
  240. 8:17with track you don't pay for
  241. 8:18subscription, you just pay for usage uh
  242. 8:20with sense per coin instead of very
  243. 8:21expensive subscriptions. Uh and second
  244. 8:23one is that we support many use cases
  245. 8:26like 2,800 different data and tools. So
  246. 8:29we want to get a scen to showcasing the
  247. 8:31crazy amount of vendors we have. And
  248. 8:33third is that track also ranked number
  249. 8:34one people search bench. So basically we
  250. 8:36are the best people finder for agents
  251. 8:38based on the testings. So I want to also
  252. 8:41include that messaging and also like in
  253. 8:43our last launch people asking whether we
  254. 8:45can get phone number and we actually can
  255. 8:47in fact we can get phone number from
  256. 8:49just 0.044.
  257. 8:51So I will give those feedback to you and
  258. 8:53ask it to tweak the story line and the
  259. 8:55one thing here is that I know based on
  260. 8:57my experience normally the video making
  261. 8:59is a creative iteration process which
  262. 9:00means even though we define the story
  263. 9:02line here now after we produce it we
  264. 9:04might realize that we want to shift
  265. 9:06things around to make things feel
  266. 9:07better. The benefit of hyperframe is
  267. 9:10that even though you get maybe one
  268. 9:12minute video, the whole video will be
  269. 9:14broken down into different compositions
  270. 9:16which means actually very easy to
  271. 9:17shuffle the order. All right, so you
  272. 9:19update the story line, people search
  273. 9:21prospect table, can you find the phone
  274. 9:23numbers too, benchmark proof, scene
  275. 9:25review, vendor explosion, SEO demo,
  276. 9:28social demo. Okay, makes sense. The last
  277. 9:30thing is that I want to end with our
  278. 9:33tagline which is open router for data
  279. 9:36and tools. Now I'm fairly happy with the
  280. 9:38story line. So I'm just going to ask it
  281. 9:40to go ahead and let's do next. You can
  282. 9:42see what it did next is actually
  283. 9:44creating this story line for me. And now
  284. 9:47you can like give feedback for each
  285. 9:49frame. And at this point probably no
  286. 9:51need to focus on the detailed visual but
  287. 9:53more like focusing on two things. One is
  288. 9:56the overall layout of the screen and the
  289. 9:59second one is the copies and you can
  290. 10:01give feedback on every single frame.
  291. 10:03then you can just click on this button
  292. 10:04to copy the prompt and paste back. So
  293. 10:07I'm going to do that one by one and here
  294. 10:08is where I think at you as founder or
  295. 10:11marketers paste actually comes in um
  296. 10:14because at default even with model like
  297. 10:16uh Astro it still tend to make
  298. 10:19PowerPoint slice type of videos out of
  299. 10:22box but if you give the right context
  300. 10:25and guidance it can make amazing things.
  301. 10:27So I'm going to do that one by one. Like
  302. 10:29for the first one, I said I don't like
  303. 10:31this PowerPoint type of layout. Also, I
  304. 10:33don't like the find your next customer's
  305. 10:36text on the left since it kind of anchor
  306. 10:38track to only that use case even though
  307. 10:40that's important, but I don't want to do
  308. 10:41that. And also, let's start with the
  309. 10:43codeex macap UI then searching stop
  310. 10:45plugin. We will figure out the beginning
  311. 10:49later. So, this is like what I tend to
  312. 10:51do when I make a video. I try to making
  313. 10:53sure the crux of the story line good and
  314. 10:56later work out like how the first one
  315. 10:58second intro should look like and how
  316. 10:59the end should look like. For second one
  317. 11:01I would say looks fine but make sure the
  318. 11:03UI is pixel perfect with real codeex Mac
  319. 11:06app UI. And unfortunately I can't paste
  320. 11:08image here. Hopefully they add that
  321. 11:10later but I'm going to add that image
  322. 11:11screenshot in the chat. And this one I
  323. 11:13give feedback like the translation of
  324. 11:15the whole video should stay in real code
  325. 11:17session so it looks like a real demo.
  326. 11:19And after the second thing of install
  327. 11:21plugin, it should translate to real
  328. 11:23codeex macap UI focus on the promp box.
  329. 11:25So typing out query also make query
  330. 11:27short because people's attention span is
  331. 11:30extremely short. So I always prompt
  332. 11:33agent to basically simplify like a lot
  333. 11:35of work on video making it just simplify
  334. 11:37what's showing on the screen because for
  335. 11:39example in this one I think the text is
  336. 11:42too long and then go to next and this
  337. 11:45one again the whole video should be a
  338. 11:46continuous codeex code session so
  339. 11:49everything just show in the chat session
  340. 11:51however you can zoom in and out after
  341. 11:53getting the first table and show the
  342. 11:55phone number promise followup and
  343. 11:57there's one thing I forgot to ask it to
  344. 11:59show showcase which is One key part of
  345. 12:01track is because we connect so many
  346. 12:03different leads and contact database. We
  347. 12:05do a waterfall matching which means user
  348. 12:07can get results the cheapest possible
  349. 12:09way with the best coverage. So showcase
  350. 12:12this maybe after agent receives a prompt
  351. 12:17track list all the vendors with matching
  352. 12:18endpoint and price then scan choose the
  353. 12:21right vendor and people search proof. I
  354. 12:24don't like the layout at all. I really
  355. 12:26don't understand the number it putting
  356. 12:27here. And for this demo purpose, I'm
  357. 12:29purposely didn't reference any of the
  358. 12:31past videos I made. But the beauty of
  359. 12:33hyperframe is because everything is in
  360. 12:36code. If I open files, you can see all
  361. 12:38my past launch videos are just a folder.
  362. 12:40And each folder, let's say if I go to
  363. 12:43enrichment launch, it has compositions
  364. 12:45folder. And this composition folders is
  365. 12:47including HML of every single page. And
  366. 12:51each HTML files in that folders is
  367. 12:53pretty much a video clips like this. So
  368. 12:56technically I can just point the agent
  369. 12:58to one of those pass frame and say hey
  370. 13:00just reuse that. So everything is
  371. 13:02actually quite reusable but just for our
  372. 13:04demo purpose I'm not going to do that. I
  373. 13:06will just build from scratch to
  374. 13:08simulate. So for the people search proof
  375. 13:11I just give a prompt. Let's start with
  376. 13:12compare cloud code score versus cloud
  377. 13:14code plus track score on B2B data bench
  378. 13:18and you can reference data from our
  379. 13:19website which actually have the
  380. 13:21comparison data already and then magic
  381. 13:24translate to show benchmark of all four
  382. 13:26categories. So I wanted to show on B2B
  383. 13:28perspective first since that's probably
  384. 13:30the most common scenario and then
  385. 13:32translate to showing all of them in
  386. 13:33terms of recruiting influencer finding
  387. 13:35things like that. And for this one I
  388. 13:38will give it more detailed prompt. So
  389. 13:40here you can see that I'm prompting it
  390. 13:41in a way uh saying we want to center big
  391. 13:45tax show no subscription wait no
  392. 13:48contract wait and you line and pay for
  393. 13:50results only. So this is my way of
  394. 13:52prompting to get thing like this. No
  395. 13:55subure, no contract, wait and zoom out,
  396. 13:57show vendors and show price. And I found
  397. 13:59this is actually pretty effective way of
  398. 14:01explaining what you want. And then zoom
  399. 14:03out and move the header text up. Show
  400. 14:05the rest of things. Left shows vendor
  401. 14:07price. Right side shows track price. And
  402. 14:09I want to show like dollar based on
  403. 14:11instead of cents to bring some more
  404. 14:12contrast. And this one is all right.
  405. 14:14Okay. So I already given like a whole
  406. 14:16bunch of feedback. And I actually tend
  407. 14:18to not giving way too much feedback in
  408. 14:21one go. So I'm just going to click save
  409. 14:23and copy message and paste here. I can
  410. 14:26read the storyboard feedback I save in
  411. 14:27hyperframe frame commands.json. So if I
  412. 14:30open that folder codeex plugin
  413. 14:33hyperframes they have this JSON that
  414. 14:35actually log all the feedback that we
  415. 14:38made uh bind to the context. So it's
  416. 14:40pretty easy way to give feedback.
  417. 14:43So now you can see it's been like 13
  418. 14:45minutes to process feedback and
  419. 14:46basically rebuild most of the pages
  420. 14:48based on our feedback and there are more
  421. 14:50things I will just go back and forth
  422. 14:52like this one initially just show cloud
  423. 14:54code versus code cloud code plus track
  424. 14:56because it's easier for people to
  425. 14:57consume but after that can show all
  426. 14:59competitions in four category it should
  427. 15:00include all results like XAR let's see
  428. 15:03and this one no subscription no
  429. 15:04contracts in the same line and also show
  430. 15:06a lot more vendors on the left side here
  431. 15:09I want to try something like let's
  432. 15:11update the out
  433. 15:13in codeex chat which track plus uh
  434. 15:17vendors it is chosen which is what you
  435. 15:20have now and on the right side it open a
  436. 15:25window show a Google sheet or CRM type
  437. 15:30UI we seeing results of contacts just
  438. 15:34flaw in all I will copy and send again
  439. 15:39this time it got like story layout out
  440. 15:41more or less what I want then I'll just
  441. 15:44approve it. You can either copy this
  442. 15:45button which will basically send this
  443. 15:47message approve the storyboard sketch
  444. 15:49and continue to animation or you can
  445. 15:51just tell it I approve it. So now you
  446. 15:53can see that it actually generate one
  447. 15:55version of videos and if I make it
  448. 15:57bigger and play it you can see actually
  449. 15:59start animate this video based on the
  450. 16:01wireframe. Even though some parts you
  451. 16:03can tell that it is not correct like the
  452. 16:06UI of this smack app doesn't look like
  453. 16:08real codeex app at all but this is stage
  454. 16:10for you to align with hyperframe about
  455. 16:12whether the animation actually looks
  456. 16:14correct and give feedback and same thing
  457. 16:16we can go back to storyboard and give
  458. 16:18feedback frame by frame and what I tend
  459. 16:21to do is normally at this point what do
  460. 16:24we have is a story line and each scene
  461. 16:27in story line is animated so technically
  462. 16:29we can just ask codeex to make edit is
  463. 16:33scene by scene. So you can spend more
  464. 16:35token or attention on individual things
  465. 16:37which will normally lead to higher
  466. 16:39quality. So what I'm going to do next is
  467. 16:41let's just update the first few things
  468. 16:44first to making sure it looks exactly
  469. 16:47like the real codeex app interface. So
  470. 16:49here I'm saying that next let's update
  471. 16:5101 discovery and 02 install to making
  472. 16:53sure we mimic 100% pixel perfect codeex
  473. 16:56app UI to make it almost look like a
  474. 16:58real codeex demo. And I'm also going to
  475. 17:00add plug-in UI as well.
  476. 17:02It is still working but you can see that
  477. 17:04it actually turned that image into pixel
  478. 17:06perfect UI replication which is
  479. 17:09absolutely amazing because it looks
  480. 17:11exactly same. I'm also going to just
  481. 17:13prompt here can you add a background
  482. 17:15where the codeex app is shown. So it
  483. 17:17almost looks like a screen studio
  484. 17:19recording. All right. So now you can see
  485. 17:20it has this background and try to play
  486. 17:23it. It will be on this real codeex app
  487. 17:25looking interface and it is mimicking
  488. 17:28the search. uh click on try uh and then
  489. 17:31go to next screen which is not uh
  490. 17:32exactly a good-looking one but this is
  491. 17:34good enough. I'm just going to like back
  492. 17:36and forth uh fine tune a little bit
  493. 17:38because I think it's important for you
  494. 17:39to get the first few screen right to set
  495. 17:42a standard and the style for the
  496. 17:44following things. I give you further uh
  497. 17:46feedback like after click plugin try
  498. 17:48type to search click on plugin things
  499. 17:50like that it should all zoom in camera
  500. 17:51so we have more clear focus because at
  501. 17:53moment might be difficult to see what is
  502. 17:55happening so I'm just going to send it
  503. 17:57all right with this feedback and I play
  504. 17:59again then have this zooming effect uh
  505. 18:02that looks like a real recording but I'm
  506. 18:04not too big fan of this transition like
  507. 18:07search jumping to this zoom out and
  508. 18:09zooming again I want it to you know just
  509. 18:11be faster just tell you currently after
  510. 18:13we get into pluging in detail page if
  511. 18:15first they zoom out and then zoom in to
  512. 18:18uh click try it and I think this motion
  513. 18:19is not necessary remove it just keep the
  514. 18:22same zoom in scale so zooming scale is
  515. 18:24kind of word you can use to tell it
  516. 18:25basically keep zooming scale and just
  517. 18:28move camera position okay right now if
  518. 18:31we play again it should stay on the
  519. 18:34scale here and just go click try now
  520. 18:36immediately so you can see this process
  521. 18:39we're doing where we just get back and
  522. 18:41forth and give feedback once you get the
  523. 18:43model's attention on just one or two
  524. 18:44seams, it can do extremely good job. So
  525. 18:47after this, the process is pretty much
  526. 18:49the same. We just going to repeat this
  527. 18:50back and forth composite by composite.
  528. 18:53And the good thing is that because we
  529. 18:55already set up the standard for the
  530. 18:57first two compositions, we can just tell
  531. 18:58it to do the same to apply same UI
  532. 19:01treatment for the next few scenes. And
  533. 19:03again, I try to do composition by
  534. 19:05composition so you can achieve the best
  535. 19:07quality. So I would say great next let's
  536. 19:11update 03 composation for people.
  537. 19:15There's one feedback I understand which
  538. 19:16is um currently after showing the
  539. 19:19result. There's a weird zooming
  540. 19:20animation in the end and we don't need
  541. 19:22it and it just makes the time stall on
  542. 19:24the last frame a bit shorter. Okay, for
  543. 19:26some reason it is not applying the UI
  544. 19:29updates. It just made some change on the
  545. 19:31zoom level. Um so I'm going to prompt it
  546. 19:33to make a change. So it made a new
  547. 19:36version for the composition 3 which
  548. 19:38looks something like this.
  549. 19:42It's not bad like the UI already looks
  550. 19:45very high fidelity though I have a few
  551. 19:48feedback I want to give. So I'm typing
  552. 19:49out more detailed feedback like firstly
  553. 19:51the zooming level for the prompt input
  554. 19:53can be a bit more so text will be bigger
  555. 19:55and also remove the toolbar above which
  556. 19:58is this one and also full access to
  557. 20:00remove the visual clutter a bit because
  558. 20:02I think one part about this launch video
  559. 20:04is people's attention span is very short
  560. 20:07so you want to making sure there are
  561. 20:08less elements as much as possible and
  562. 20:11after click send it should move camera
  563. 20:13up we should see the new message pop up
  564. 20:15and then the track to also pop up with
  565. 20:17more detail animation
  566. 20:19Uh cuz currently after it send uh it
  567. 20:22just slightly zoom out and I can't
  568. 20:23really see the details here. Um so I
  569. 20:26want it to add a bit more um detailed
  570. 20:28information here. So I click send. All
  571. 20:30right. So it got a new version and let's
  572. 20:32take a look.
  573. 20:40So it's actually not bad but I'm going
  574. 20:41to uh make some tweets. So once making
  575. 20:45sure you show real logo for each vendor
  576. 20:46and second is let's do step by step. So
  577. 20:48firstly track show up with some loading
  578. 20:52state then vendor popping up then after
  579. 20:55choosing the right vendor instead of
  580. 20:56zoom out maybe move the camera to the
  581. 20:58right side so more clearly we can see
  582. 21:00the contacts popping out and each
  583. 21:03contact maybe add a real profile picture
  584. 21:06and also I'm going to send a second
  585. 21:08piece of feedback lab. We want to show
  586. 21:09an action card of Google sheet after
  587. 21:11vendor list and showing it is fetching
  588. 21:13and saving results to Google sheet. The
  589. 21:15same card that you use in chat just show
  590. 21:18up with loading state while we're
  591. 21:19popping out results for the Google
  592. 21:21sheet. So basically after vendor is
  593. 21:26chosen action card show popping up so
  594. 21:31users understand it is fetching and
  595. 21:34saving results. Then move camera to the
  596. 21:38right side and same results popping up.
  597. 21:42All right. Okay. So we got new version.
  598. 21:44Let's see it again.
  599. 21:48Let's I like the loading state and now
  600. 21:50also it shows Google sheet. Then on the
  601. 21:52right side everything pop up. So it
  602. 21:54feels like a lot easier to follow. One
  603. 21:56thing I want to mention like actually
  604. 21:58the model plus hyperframe at moment is
  605. 22:00actually capable of doing really high
  606. 22:02quality things. So the quality of video
  607. 22:04is a lot about your attention to
  608. 22:06details. For example to be more clear
  609. 22:09like all those email are made up. So I'm
  610. 22:11going to talk about it uh like while we
  611. 22:14popping up the content. It should first
  612. 22:16they show name real company this race
  613. 22:19and the work email column should show
  614. 22:21fashion with different vendors. So
  615. 22:23viewers can tell it look like waterfall
  616. 22:26fetching for verified email and it is
  617. 22:28happen simultaneously for each contact.
  618. 22:30So it is all those little detail to make
  619. 22:32your video actually representing the
  620. 22:35core value of your product. Okay. So now
  621. 22:37we get a new version. Let's play again.
  622. 22:52Cool. So I'm pretty happy with this one
  623. 22:54and I'm just going to ask it to
  624. 22:57replicate for the next scene as well.
  625. 23:00Let's do composition 4 with same quality
  626. 23:02and UI treatment which looks something
  627. 23:04like this at moment and uh we will see
  628. 23:07what kind of result we get after we
  629. 23:08update. All right. So just made update
  630. 23:10for the uh composition 4 as well and you
  631. 23:12can see because we set the quality for
  632. 23:14one two three really well the scene
  633. 23:16number four almost just one shot get a
  634. 23:19really good result. It follow all the
  635. 23:20patterns that we defined earlier. Uh
  636. 23:22then it is moving the camera to the
  637. 23:25right and the whole thing is really high
  638. 23:27quality. Um then I'm going to do next
  639. 23:30which is this uh prove screen. Um and
  640. 23:33again I just have like lots of detailed
  641. 23:36feedback and guidance about the visual.
  642. 23:38So firstly the visual looks bad just
  643. 23:40align quality we have on the one to four
  644. 23:42composition and also start frame with
  645. 23:45big header text in the middle with Apple
  646. 23:47Nike ad type motion and camera movement.
  647. 23:50uh first they focusing on most accurate
  648. 23:52weight people finder weight new line for
  649. 23:55agents then show codeex cloud code open
  650. 23:58claw her logo and uh um I point to loop
  651. 24:01hub so loop hub is just a open source
  652. 24:04package that has uh almost all the logo
  653. 24:07of major AI provider and harness and
  654. 24:09then translate to this people search
  655. 24:12bench of B2B perspecting where cloud
  656. 24:14initially show 43% with a bar chart then
  657. 24:17cloud plus track reaching 78% almost
  658. 24:20double the amount and again using the
  659. 24:23bar chart to contrast then show the four
  660. 24:26charts with nice translation. Okay, so
  661. 24:29after a few rounds of uh iteration back
  662. 24:31and forth u probably for uh like one and
  663. 24:34a half hours I got a version that I'm
  664. 24:36like pretty happy with. It has all the
  665. 24:38animation the story line is correct. Um
  666. 24:42it showcase the core features that um
  667. 24:44our product actually offer which is you
  668. 24:46know connect to also different um
  669. 24:48systems and uh you can do waterfall uh
  670. 24:51to routing through different providers
  671. 24:53so that you can get the data or
  672. 24:55information you need with the cheapest
  673. 24:57pos possible price. Um and uh you can
  674. 25:01see all the animation like feels
  675. 25:02actually pretty smooth um and tells the
  676. 25:05story right. Um the coursing here is
  677. 25:08really you just need to spend time um to
  678. 25:10update the details u frame by frame.
  679. 25:20So I'm pretty happy with this one. Uh
  680. 25:21and lastly let's just add some music. So
  681. 25:23I prompt it next I want to choose some
  682. 25:26music. H actually comes with a quite big
  683. 25:29music library.

About this transcript

This page contains the full transcript of GPT 6 + Hyperframe = Crazy combo for expert-level videos by AI Jason, generated from the public captions YouTube serves with the video. The transcript has 4,927 words across 683 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 choose a caption track available on the video.

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, caption language selection, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.