WEBVTT 00:00:00.000 --> 00:00:05.760 Welcome to the OpenAI Codex Complete Guide, where we will be learning how to use OpenAI's 00:00:05.760 --> 00:00:13.660 new super app to create and edit designs, do research and create documents, create and deploy 00:00:13.660 --> 00:00:21.060 full web apps, create motion graphic launch videos, create high quality investor decks that you can 00:00:21.060 --> 00:00:28.640 export to Canva, and even create high quality iOS apps in Swift. What you'll realize in this video 00:00:28.640 --> 00:00:33.680 is Codex is the only unified all-purpose AI agent tool. 00:00:33.840 --> 00:00:38.500 One that combines coding, co-work, browser, and computer use cases 00:00:38.500 --> 00:00:43.580 all into one single interface that we are going to cover in great detail. 00:00:43.720 --> 00:00:46.080 So this video is going to be divided into two parts. 00:00:46.260 --> 00:00:47.980 We're going to first start with the basics, 00:00:47.980 --> 00:00:51.380 and then we are going to move on to multitasking 00:00:51.380 --> 00:00:54.480 and creating many different things in parallel. 00:00:54.720 --> 00:00:58.300 In part one, we're going to talk about the basics of prompting. 00:00:58.300 --> 00:01:02.780 We're going to talk about permissions, the different AI models you can use, and the effort. 00:01:03.340 --> 00:01:09.020 We're also going to talk about the main features in the app. We're going to do a detailed dive into 00:01:09.020 --> 00:01:12.780 all of the different things that you can do on Codex. We're going to talk about how to stay 00:01:12.780 --> 00:01:19.100 organized. We're going to talk about this preview, which makes Codex so useful for basically any use 00:01:19.100 --> 00:01:24.940 case. You can even comment directly on the preview to give additional information to the AI agent. 00:01:24.940 --> 00:01:30.940 We're also going to talk about how to create PowerPoints, how to create Excel sheets, and how to create documents. 00:01:31.180 --> 00:01:33.080 We're going to talk about skills and plugins. 00:01:33.460 --> 00:01:34.980 We're also going to create automations. 00:01:35.360 --> 00:01:41.220 So you can simply chat with Codex to create automations that allow you to just save so much time. 00:01:41.720 --> 00:01:47.640 And then we're also going to talk about computer use, which allows your agent to literally control your computer. 00:01:47.640 --> 00:01:52.100 And the OpenAI computer use is best in the world by far. 00:01:52.100 --> 00:01:57.280 And so part one is going to feel very linear and somewhat slow, but we're really going 00:01:57.280 --> 00:01:58.780 to dig into the basics. 00:01:58.780 --> 00:02:01.620 And part two, we're going to start to have a lot more fun. 00:02:01.620 --> 00:02:05.120 In part two, we are going to create a design for a mobile app. 00:02:05.120 --> 00:02:06.780 We're going to create a mobile app. 00:02:06.780 --> 00:02:07.860 We're going to build a web app. 00:02:07.860 --> 00:02:12.140 We're going to build an investor deck and we're going to create a launch video and we're going 00:02:12.140 --> 00:02:14.760 to do these all at the same time. 00:02:14.760 --> 00:02:20.720 And so we are going to dive into multitasking with Codex because every month that goes by 00:02:20.720 --> 00:02:24.040 AI agents are working for longer and longer 00:02:24.040 --> 00:02:26.480 to the point where AI agents can take up to an hour 00:02:26.480 --> 00:02:28.980 or two hours on any given task. 00:02:28.980 --> 00:02:31.940 So in order to become effective at using AI, 00:02:31.940 --> 00:02:33.840 you need to learn how to multitask. 00:02:33.840 --> 00:02:36.480 And in this part, I wanna talk about 00:02:36.480 --> 00:02:39.260 how I multitask with codecs. 00:02:39.260 --> 00:02:40.520 And so by the end of this video, 00:02:40.520 --> 00:02:43.260 you are going to be ahead of 99% of people 00:02:43.260 --> 00:02:47.700 in terms of practically using AI agents to get work done, 00:02:47.700 --> 00:02:50.320 whether it's coding or general use cases 00:02:50.320 --> 00:02:53.300 and creating documents and things for work. 00:02:53.300 --> 00:02:54.780 Let's dive into the video. 00:02:54.780 --> 00:02:59.380 Okay, so let's first start off by downloading the Codex app. 00:02:59.380 --> 00:03:00.640 So you can go to any browser 00:03:00.640 --> 00:03:03.240 and type in Codex app download. 00:03:03.240 --> 00:03:08.240 And here we see chatgpt.com Codex desktop app. 00:03:08.920 --> 00:03:09.920 We're gonna click on this. 00:03:09.920 --> 00:03:11.360 The page should look like this. 00:03:11.360 --> 00:03:15.820 And here is where you can download this for Mac OS. 00:03:15.820 --> 00:03:17.100 I already have it downloaded, 00:03:17.100 --> 00:03:19.160 but just click this and go through the process 00:03:19.160 --> 00:03:20.900 of getting it on your computer. 00:03:20.900 --> 00:03:24.420 Okay, so when you download the Codex app for the first time, 00:03:24.420 --> 00:03:25.600 it'll look a lot like this. 00:03:25.600 --> 00:03:27.280 You're gonna see this left side panel 00:03:27.280 --> 00:03:29.200 with these five options over here, 00:03:29.200 --> 00:03:31.300 which we're gonna dive deep into later. 00:03:31.300 --> 00:03:33.540 You're not gonna see any conversations over here. 00:03:33.540 --> 00:03:36.140 And then you're gonna see this kind of chat interface 00:03:36.140 --> 00:03:38.960 that looks oddly similar to ChatGPT. 00:03:38.960 --> 00:03:41.720 And we can actually open up Arc here real quick. 00:03:41.720 --> 00:03:43.120 Here is ChatGPT. 00:03:43.120 --> 00:03:44.760 This is what ChatGPT looks like. 00:03:44.760 --> 00:03:45.700 It's very similar. 00:03:45.700 --> 00:03:49.260 you type a chat and you get a response from ChatGPT. 00:03:49.400 --> 00:03:50.360 It's very similar. 00:03:50.500 --> 00:03:52.340 So it looks similar from this perspective, 00:03:52.580 --> 00:03:54.800 but there's so much more in this application. 00:03:55.100 --> 00:03:56.220 It is unbelievable. 00:03:56.580 --> 00:03:58.340 So if I were to type something here, 00:03:58.440 --> 00:03:59.800 let's say I type something like this. 00:03:59.860 --> 00:04:01.720 Hello, please search and tell me the latest news 00:04:01.720 --> 00:04:03.140 on OpenAI's new desktop app, 00:04:03.280 --> 00:04:04.460 list all the different features. 00:04:04.680 --> 00:04:07.360 Just like ChatGPT, it has built-in web search. 00:04:07.440 --> 00:04:08.860 So it'll automatically search the web 00:04:08.860 --> 00:04:10.560 and it will give me a nice response. 00:04:10.760 --> 00:04:13.480 I can also type that into Codex and press enter. 00:04:13.480 --> 00:04:22.600 Now, notice here that the chat, find OpenAI desktop features, showed up here in the side panel under this chats column. 00:04:23.000 --> 00:04:24.720 This is actually brand new to Codex. 00:04:24.820 --> 00:04:26.120 They added this chats column. 00:04:26.680 --> 00:04:33.040 This is because we didn't actually select which location we wanted this chat to be in. 00:04:33.260 --> 00:04:34.660 And I'll explain that right now. 00:04:34.900 --> 00:04:43.060 What makes Claude Code and Codex so powerful is that it is an AI agent that can basically control your entire computer. 00:04:43.060 --> 00:04:48.740 It can create files, it can edit files, and as we'll get to later, it can even use computer use, 00:04:48.840 --> 00:04:52.960 which means fully controlling the mouse and keyboard on your computer. 00:04:53.200 --> 00:05:00.820 And so when you do this, the most useful way to do it is to give it a specific location in which it starts out in. 00:05:01.100 --> 00:05:06.540 And when you create a project, it's going to open up your folders on your computer, right? 00:05:06.560 --> 00:05:07.940 It's going to open up Finder. 00:05:07.940 --> 00:05:11.580 And so I create a project called Codex Projects, 00:05:11.620 --> 00:05:13.480 and you can create anything you want. 00:05:13.580 --> 00:05:14.880 You can call it Riley's Codex, 00:05:14.900 --> 00:05:16.880 or you can just put them in your documents folder. 00:05:17.020 --> 00:05:17.620 It doesn't matter. 00:05:18.000 --> 00:05:20.760 I keep it organized, and I'll even create a new folder. 00:05:21.020 --> 00:05:24.380 So I'll just say like Riley's Codex Projects. 00:05:24.420 --> 00:05:26.740 So this is the folder that I'll create 00:05:26.740 --> 00:05:30.980 where I will put all of my other projects beneath it. 00:05:31.120 --> 00:05:34.220 So I just created this Riley's Codex Projects. 00:05:34.460 --> 00:05:36.680 Now, let's say I wanted to do some research 00:05:36.680 --> 00:05:40.480 on all the cool things about Codex and the new desktop app. 00:05:40.780 --> 00:05:43.720 And I can create a project where all the documents 00:05:43.720 --> 00:05:46.560 that I create about this will be stored in that location. 00:05:46.800 --> 00:05:48.960 And so what I'm gonna do is I'm gonna hit new folder 00:05:48.960 --> 00:05:52.440 and I'm gonna call this Codex Desktop Research. 00:05:52.760 --> 00:05:53.820 And we're gonna hit create. 00:05:54.000 --> 00:05:55.640 We're gonna select this folder 00:05:55.640 --> 00:05:57.280 and we're going to hit open. 00:05:57.620 --> 00:06:00.520 Notice here that a project was created. 00:06:00.640 --> 00:06:02.020 We have one project created 00:06:02.020 --> 00:06:05.020 and it's called Codex Desktop Research. 00:06:05.020 --> 00:06:12.140 Now, if we click on this button, we are now creating a new chat at Codex Desktop Research. 00:06:12.500 --> 00:06:16.200 It's also listed right here, Codex Desktop Research. 00:06:16.560 --> 00:06:19.580 So when we create a chat, it'll show up here. 00:06:19.860 --> 00:06:28.920 So I'm just going to say, please tell me about the new Codex Desktop app features that they released today. 00:06:29.040 --> 00:06:31.560 And again, this can search the internet by default. 00:06:31.720 --> 00:06:33.580 It can go off and do research. 00:06:33.580 --> 00:06:38.440 And notice here, if we were to expand this, this chat shows up right here. 00:06:38.560 --> 00:06:40.860 And it will automatically use AI to name it. 00:06:40.920 --> 00:06:42.520 So find new codex app features. 00:06:42.880 --> 00:06:46.000 Now we can press this button again and we can actually create a new chat. 00:06:46.120 --> 00:06:51.380 I can say, what are people saying about the new codex app? 00:06:51.520 --> 00:06:57.120 Figure out a way to look at blogs and x.com. 00:06:57.380 --> 00:06:59.880 And what are people saying? 00:07:00.160 --> 00:07:02.700 What are they excited about? 00:07:02.700 --> 00:07:09.420 So these are chats under the same project and they work at the same time and you can tell that it's in progress 00:07:10.060 --> 00:07:16.300 because of this right here, right? You can see that we have this spinny circle right here 00:07:16.300 --> 00:07:24.220 So we know that we're waiting and one of the coolest features of the codex app and other similar apps like it is it makes it pretty easy 00:07:24.940 --> 00:07:26.060 to 00:07:26.060 --> 00:07:31.820 Multitask and so we'll know when it's done because a blue little dot there we go right on cue 00:07:31.820 --> 00:08:00.000 So this blue dot popped up here. Now we know that we have like an unread message. So we can click on this. And so here we can find the new feature. And let's say I don't want to read it like this. I can say please create a spreadsheet of the new features that you just told me. And so now what it's going to do is it is going to create a spreadsheet, which is a document and it's actually going to store this spreadsheet in this folder right here. And remember, you can always get back. 00:08:02.400 --> 00:08:08.220 clicking these three dots and hit open in Finder. And you can see that it opens up right here and 00:08:08.220 --> 00:08:13.340 we can click into it and we're going to be able to see all of the files that get created. No files 00:08:13.340 --> 00:08:18.500 have been created so far and these chats don't actually get stored here it's just the files that 00:08:18.500 --> 00:08:24.820 they create oh and here we go it just created this outputs folder we click in this and so it's created 00:08:24.820 --> 00:08:29.940 the folder it hasn't yet created the document yet and if you'll notice here it's done and you'll 00:08:29.940 --> 00:08:36.680 see at the bottom we have this codex desktop features dot xlsx if we go ahead and we just click 00:08:36.680 --> 00:08:43.320 open look at this it opens right here in the side view notice here if we don't want this side by 00:08:43.320 --> 00:08:48.280 side view we can come up and we can press this button right here which will allow us to full 00:08:48.280 --> 00:08:55.000 screen it and i could even remove the side panel and now we're operating in this spreadsheet view 00:08:55.000 --> 00:09:00.920 and it is literally full screen yeah i can view the whole thing and i can create a follow-up and 00:09:00.920 --> 00:09:08.040 i could say something like please remove the source page column and so now we can just see 00:09:08.040 --> 00:09:13.320 that it is working and you can tell it's working because it says stop and we can leave this full 00:09:13.320 --> 00:09:18.360 screen view and we can see that this was entered in the chat so this is a fun way to toggle between 00:09:18.360 --> 00:09:24.200 like here you can see all of your agents in the chat and what your agent is working on and if you 00:09:24.200 --> 00:09:29.000 want to just focus on the thing that you're working on again you can full screen this and you can 00:09:29.000 --> 00:09:34.760 remove the side panel to kind of toggle between the views and look here it's done you will notice 00:09:34.760 --> 00:09:38.600 here that the source column is no longer here. 00:09:38.600 --> 00:09:41.220 It removed it and so we can just use AI 00:09:41.220 --> 00:09:43.520 to edit this document pretty perfectly. 00:09:43.520 --> 00:09:47.280 And remember, remember when I said that all of the files 00:09:47.280 --> 00:09:50.040 that your agent creates will show up in this folder 00:09:50.040 --> 00:09:53.860 and you can open in Finder at this location 00:09:53.860 --> 00:09:57.720 and we can open this and here we can see that this XLS, 00:09:57.720 --> 00:10:00.060 this is the file that we're working on right now. 00:10:00.060 --> 00:10:04.200 So all of it is stored in this file. 00:10:04.200 --> 00:10:06.520 And so this makes it easy for me to create chats 00:10:06.520 --> 00:10:07.780 and reference that file. 00:10:07.880 --> 00:10:10.140 I can very easily hit create new chat 00:10:10.140 --> 00:10:16.100 and I can say, please add anything that I missed to at, 00:10:16.260 --> 00:10:17.740 and we should be able to see the file. 00:10:17.820 --> 00:10:18.740 If we go back to finder, 00:10:18.780 --> 00:10:22.240 we can see that this file is called codex desktop features. 00:10:22.240 --> 00:10:25.700 And so we can go at codex desktop features. 00:10:25.920 --> 00:10:29.460 And so we can at mention that file and say, do research. 00:10:29.460 --> 00:10:34.860 Let me know if I missed anything for new features for Codex. 00:10:34.960 --> 00:10:40.560 And so within this chat, like within this folder, we can at mention anything that we create, 00:10:40.840 --> 00:10:42.300 which is really, really fun. 00:10:42.480 --> 00:10:46.560 Okay, I wanted to take a brief moment to just recap everything that we've talked about before 00:10:46.560 --> 00:10:48.440 we dive into more advanced topics. 00:10:48.680 --> 00:10:53.820 Codex, in its simplest form, this Codex application allows you to chat with an AI agent that can 00:10:53.820 --> 00:10:57.440 create, edit, and delete files on your computer. 00:10:57.440 --> 00:11:00.400 And the specific parts of the app that we've talked about, 00:11:00.600 --> 00:11:04.040 the project location or file path is right here. 00:11:04.220 --> 00:11:06.020 The permissions are right here. 00:11:06.180 --> 00:11:08.620 It's basically what your agent is allowed to do 00:11:08.620 --> 00:11:10.940 and do you need to approve its actions? 00:11:11.120 --> 00:11:14.000 I prefer using full access, so just let it cook. 00:11:14.180 --> 00:11:18.080 And then we also have the model, GPT 5.4, 00:11:18.220 --> 00:11:21.120 and the effort level, which is extra high 00:11:21.120 --> 00:11:22.400 that I use by default. 00:11:22.540 --> 00:11:24.360 And you can type your question 00:11:24.360 --> 00:11:27.080 or answer or whatever you want to create. 00:11:27.080 --> 00:11:32.760 you can type it in. When you type it in, when you choose a file location, it'll also show up in the 00:11:32.760 --> 00:11:39.560 side panel right here. And again, your project location, codexdesk.research, codexdesk.research, 00:11:39.860 --> 00:11:45.260 this chat, whatever you type in will be named and will be placed here in the side panel. And 00:11:45.260 --> 00:11:51.800 if we go down here, your agent can also create files, right? So it can create this .xlsx 00:11:51.800 --> 00:11:58.420 document on your computer. And so this is just an agent created file. And this agent created file 00:11:58.420 --> 00:12:05.560 gets added to this folder that you created, right? The same project location, your file created by an 00:12:05.560 --> 00:12:12.320 agent. If the chat is within this project location, that file will actually show up in this outputs 00:12:12.320 --> 00:12:19.500 folder within the Codex Desktop Research. So you can see they all get organized in this clean file 00:12:19.500 --> 00:12:26.240 layout. And then if you press this open button right here, then it opens up the file in this 00:12:26.240 --> 00:12:31.380 clean view. And remember, you can full screen this view if you want to, and you can see all of your 00:12:31.380 --> 00:12:36.860 files here. So you can actually have multiple files open, which we'll get to a lot later. We haven't 00:12:36.860 --> 00:12:42.860 done this yet, but you can see the file name right here. And so that's kind of a basic overview of 00:12:42.860 --> 00:12:47.820 what we've talked about so far. Now let's dig into some more fun workflows and more fun projects. 00:12:47.820 --> 00:12:52.700 So now I want to go over the other options up here on the top left. 00:12:52.800 --> 00:12:54.760 The first one being search. 00:12:55.040 --> 00:12:56.640 And don't worry, we'll get to plugins in a second. 00:12:56.740 --> 00:12:58.020 This is when it gets really fun. 00:12:58.220 --> 00:13:00.660 But you know how we have two projects over here? 00:13:00.780 --> 00:13:05.240 I've actually created over 30 different projects in the time that I've been using codecs. 00:13:05.320 --> 00:13:09.440 But one thing that you can do is you can very easily remove them from the side panel. 00:13:09.500 --> 00:13:11.040 And that doesn't mean you delete anything. 00:13:11.200 --> 00:13:14.160 Because remember, these are all just folders on your computer. 00:13:14.200 --> 00:13:15.460 And those don't actually get deleted. 00:13:15.660 --> 00:13:17.420 You just remove them from the side panel. 00:13:17.420 --> 00:13:20.060 But this search feature, what I can do is I can search anything. 00:13:20.200 --> 00:13:26.200 So I remember I looked for, I said to do research and create a report in the style of Karpathy, 00:13:26.400 --> 00:13:28.000 but I removed the project. 00:13:28.100 --> 00:13:33.360 But if I just type in Karpathy, it can actually, it searches all the chats for the name Karpathy 00:13:33.360 --> 00:13:34.560 and I can click on it. 00:13:34.680 --> 00:13:38.960 And now this chat opens up and you can see here that the name of the chat is Analyze 00:13:38.960 --> 00:13:42.100 Karpathy Voice and it's in this general agent task. 00:13:42.260 --> 00:13:44.540 So remember, this is just the project folder. 00:13:44.540 --> 00:13:47.340 So this codex desktop research, right? 00:13:47.420 --> 00:13:48.520 That is the project folder. 00:13:48.760 --> 00:13:51.020 This is a general agent tasks folder 00:13:51.020 --> 00:13:52.960 that I removed from the side panel. 00:13:53.020 --> 00:13:54.280 But if I click on this, 00:13:54.540 --> 00:13:56.340 it'll actually open up the location. 00:13:56.520 --> 00:13:58.680 And then all I need to do is just drag this in here 00:13:58.680 --> 00:14:01.540 and boom, now all of the chats 00:14:01.540 --> 00:14:04.020 for this general agent tasks here 00:14:04.020 --> 00:14:06.380 shows up here on the left side panel, right? 00:14:06.420 --> 00:14:07.200 That's pretty cool. 00:14:07.340 --> 00:14:08.660 And again, I can remove it 00:14:08.660 --> 00:14:11.820 and I can bring it back whenever I want. 00:14:11.940 --> 00:14:14.040 And so in order to access this search menu, 00:14:14.040 --> 00:14:21.180 you can just press command G and we can just type in codex outline and you can open it without even 00:14:21.180 --> 00:14:25.380 clicking on it which is kind of fun. Here is application that I was working on earlier that 00:14:25.380 --> 00:14:29.260 goes through all the features but we're going to get to more advanced applications in just a second. 00:14:29.440 --> 00:14:35.360 First I want to talk about plugin and so yeah many people get these confused plugins versus skills 00:14:35.360 --> 00:14:41.060 and I will say the line between plugins and skills is a little blurry and so I actually just asked 00:14:41.060 --> 00:14:48.660 codecs to create a little graphic using my Excalibraw skill that I created. And I had it 00:14:48.660 --> 00:14:53.640 create this image and then I exported it and here it is. So fun fact, I generated this with my 00:14:53.640 --> 00:14:57.680 Excalibraw skill. But let's talk about the difference between skills and plugins. So skills 00:14:57.680 --> 00:15:03.380 are basically a reusable workflow package for a specific kind of task. And so you can think of a 00:15:03.380 --> 00:15:09.740 skill as a reusable recipe, whereas a plugin is the installable unit that extends codecs with more 00:15:09.740 --> 00:15:15.220 capabilities. And so you can see here, if we click on plugins, right, it's kind of weird, right? In 00:15:15.220 --> 00:15:21.380 the Claude app, we can see that they call it the customize tab. And then here they have skills and 00:15:21.380 --> 00:15:26.920 connectors. OpenAI has plugins and skills. If you use different tools, they have different vocabulary 00:15:26.920 --> 00:15:32.580 for each one. So I kind of just clump these together. And I personally think of them as 00:15:32.580 --> 00:15:38.340 skills. And so skills are just ways to extend the capability of the model, right? So if I wanted to 00:15:38.340 --> 00:15:40.120 to say something to Codex and be like, 00:15:40.120 --> 00:15:43.360 hey, check my email and tell me all of the urgent messages 00:15:43.360 --> 00:15:45.060 that they've sent me today, right? 00:15:45.060 --> 00:15:47.800 It couldn't do that right as you downloaded Codex. 00:15:47.800 --> 00:15:50.760 You need to give it the skill of email. 00:15:50.760 --> 00:15:52.120 And so I've done that already, right? 00:15:52.120 --> 00:15:53.640 I've given it the email skill. 00:15:53.640 --> 00:15:56.500 One thing that I can give it is my Google Calendar skill. 00:15:56.500 --> 00:15:58.120 I haven't done that yet in Codex. 00:15:58.120 --> 00:15:59.100 So let me show you this. 00:15:59.100 --> 00:16:00.000 So this is actually. 00:16:00.000 --> 00:16:02.400 So this is actually a plugin, sorry, Google Calendar plugin. 00:16:02.780 --> 00:16:04.540 And so I can give it the plugin. 00:16:04.540 --> 00:16:07.080 And so we can hit install Google Calendar. 00:16:07.620 --> 00:16:10.560 And this will automatically take me to my browser 00:16:10.560 --> 00:16:14.320 where I can sign into my email and I can hit continue. 00:16:14.320 --> 00:16:17.060 and we can hit select all, continue. 00:16:17.420 --> 00:16:19.580 And now once we get the verification, 00:16:19.800 --> 00:16:22.760 Google Calendar is ready, Google Calendar is now connected. 00:16:23.000 --> 00:16:25.500 That means the calendar is now plugged in. 00:16:25.500 --> 00:16:28.480 Now, if I go, let's say we go to, 00:16:28.640 --> 00:16:30.700 let's go to general agent task 00:16:30.700 --> 00:16:32.320 because that's what I wanna do right now. 00:16:32.500 --> 00:16:34.320 And we're just gonna press this button right here. 00:16:34.600 --> 00:16:38.700 Now we can say, please list out the events 00:16:38.700 --> 00:16:41.020 for this week for me. 00:16:41.100 --> 00:16:43.020 And I can press slash. 00:16:43.020 --> 00:16:44.780 you actually wouldn't have to do this. 00:16:44.860 --> 00:16:46.720 You don't have to type in everything. 00:16:47.020 --> 00:16:48.800 The agent is smart enough to just do it. 00:16:48.900 --> 00:16:52.980 And you'll see here that Google Calendar shows up right here. 00:16:53.120 --> 00:16:55.840 And so I can say, please list out the events for me, 00:16:56.080 --> 00:16:59.880 list them out here in the chat, and we can run this. 00:17:00.000 --> 00:17:00.660 And look at this. 00:17:00.760 --> 00:17:04.640 So all of my events are listed out right here. 00:17:04.720 --> 00:17:08.120 So this is my entire calendar listed out right here. 00:17:08.120 --> 00:17:15.500 And so I'm going to say, please, can you send me a weekly recap in email? 00:17:15.800 --> 00:17:23.620 Just email it to myself because I've set up my Gmail integration and I can hit slash Gmail. 00:17:24.100 --> 00:17:29.280 And please send me this recap to my email. 00:17:29.500 --> 00:17:34.000 And so that's all we're doing is we are sending this to my email. 00:17:34.000 --> 00:17:38.180 So it's using the Gmail skill connected Gmail address and it's going to send me the email. 00:17:38.360 --> 00:17:41.500 I found the email address is my email right here. 00:17:41.780 --> 00:17:45.160 Sending the recap there with the week and conflict note included. 00:17:45.400 --> 00:17:46.040 And so it's done. 00:17:46.120 --> 00:17:50.440 It said I sent the recap to your email with the subject weekly calendar recap. 00:17:50.720 --> 00:17:54.280 If I go to my email application, I can see here. 00:17:54.380 --> 00:17:55.040 Check this out. 00:17:55.160 --> 00:17:57.940 Here's the email that I got and I use superhuman for email. 00:17:58.160 --> 00:17:59.400 And here it says weekly. 00:17:59.540 --> 00:18:01.080 It was sent from me. 00:18:01.220 --> 00:18:02.700 And here's this weekly recap. 00:18:02.700 --> 00:18:04.800 Now, one thing that we're gonna talk about, 00:18:04.860 --> 00:18:07.140 and I'll talk about more about this later, is automations. 00:18:07.340 --> 00:18:11.640 I can just say, please, can you make this task 00:18:11.640 --> 00:18:16.820 an automation for every Friday at 4 p.m. 00:18:16.840 --> 00:18:18.820 for the previous week? 00:18:18.960 --> 00:18:21.240 Okay, look, I'm turning this into a weekly automation, 00:18:21.520 --> 00:18:22.640 blah, blah, blah, blah, blah. 00:18:22.980 --> 00:18:25.520 Here it says, created weekly calendar recap 00:18:25.520 --> 00:18:27.160 Fridays at 4 p.m. 00:18:27.200 --> 00:18:29.360 And so if I click on this right here, 00:18:29.360 --> 00:18:31.980 I can see this weekly calendar recap. 00:18:32.480 --> 00:18:34.680 We can see that the status is active. 00:18:34.840 --> 00:18:37.000 The next run is tomorrow at 4 p.m. 00:18:37.000 --> 00:18:39.320 Right now it's currently Thursday at 4 p.m. 00:18:39.380 --> 00:18:42.380 And it's never run before, so it doesn't list the last run. 00:18:42.620 --> 00:18:44.020 And that's what we got. 00:18:44.260 --> 00:18:47.280 And what you'll notice here, if we actually go up to automations, 00:18:47.440 --> 00:18:49.440 we now see a one by automations. 00:18:49.700 --> 00:18:50.740 We can click on this. 00:18:50.840 --> 00:18:52.680 And here we see the automations. 00:18:52.860 --> 00:18:53.360 Look at this. 00:18:53.460 --> 00:18:56.740 And you can actually test this automation just by hitting play, 00:18:56.860 --> 00:18:58.340 which will automatically play it. 00:18:58.340 --> 00:18:59.780 or we can edit the automation 00:18:59.780 --> 00:19:03.200 and it is very easy to just edit it 00:19:03.200 --> 00:19:04.500 and we can add to it. 00:19:04.640 --> 00:19:09.400 And I can say, make sure to use the Gmail skill 00:19:09.400 --> 00:19:10.240 if you want to. 00:19:10.300 --> 00:19:11.400 You actually don't need to do that. 00:19:11.460 --> 00:19:12.840 It's basically implied. 00:19:13.060 --> 00:19:15.580 And it's that easy to create an automation. 00:19:15.800 --> 00:19:18.640 You just ask Codex to create an automation. 00:19:18.820 --> 00:19:21.320 And so if you're ever confused about what a plugin can do, 00:19:21.420 --> 00:19:22.400 just create a new chat. 00:19:22.520 --> 00:19:24.680 So what we're gonna do is we're gonna go to general agent tasks. 00:19:24.760 --> 00:19:25.700 We're gonna create a new chat 00:19:25.700 --> 00:19:27.200 and I'm just gonna type in at Figma. 00:19:27.200 --> 00:19:28.240 And this is a plugin. 00:19:28.340 --> 00:19:35.300 and I'm going to say, please tell me what actions I can do with this plugin. 00:19:35.600 --> 00:19:37.660 I've never used it. 00:19:37.920 --> 00:19:47.080 Describe to me what I can do or what you can do, your abilities, with this plugin list all. 00:19:47.280 --> 00:19:50.260 So now Figma, we will learn about the Figma plugin. 00:19:50.400 --> 00:19:53.200 And here it listed all of the things that it can do. 00:19:53.340 --> 00:19:57.580 A very quick side note, you see this carrot here after working for 18 seconds. 00:19:57.580 --> 00:20:01.880 You can actually click this and this will show kind of its thinking behind the scenes. 00:20:02.180 --> 00:20:05.520 Figma plugins gives me three broad kinds of abilities. 00:20:05.700 --> 00:20:08.160 It can inspect existing Figma files. 00:20:08.340 --> 00:20:12.560 It can generate new visual artifacts and connect Figma to your code base. 00:20:12.800 --> 00:20:14.380 And so we can just test this out right now. 00:20:14.460 --> 00:20:18.900 So I have Figma open right here and I guess I'm just going to create a new design. 00:20:19.240 --> 00:20:24.160 And let's go ahead and call this because I don't see the ability for it to create a new design. 00:20:24.160 --> 00:20:31.980 So I'm going to rename this and I'm just going to say I created this new Figma board called 00:20:31.980 --> 00:20:41.340 Riley New Design. Can you please put Hello World on that design to see if that works? So now we're 00:20:41.340 --> 00:20:45.940 going to test out this Figma integration. And so look at this. It says Figma is running locally. 00:20:46.080 --> 00:20:50.980 I'm switching to the text tool and placing a simple Hello World on the canvas. And so now it 00:20:50.980 --> 00:20:55.560 says hello world is now on the Riley new design canvas. Let's go ahead and go over there and look 00:20:55.560 --> 00:21:00.880 at this. We have hello world and I've been typing a lot in this video and so I'm going to show you 00:21:00.880 --> 00:21:06.440 how I normally interact with AI agents which is just with my voice using a tool called whisper 00:21:06.440 --> 00:21:10.960 flow and that's literally you can look it up on Google. You can download it. They have a generous 00:21:10.960 --> 00:21:16.860 free plan but all you have to do is hold the FN key and I can speak my idea. So now I want you to 00:21:16.860 --> 00:21:21.960 go to Figma. Actually, I don't want you to ignore the hello world. That was just a test. Now that I 00:21:21.960 --> 00:21:27.920 know that it works, I want you to make a mock-up design on Figma for my new shoe company called 00:21:27.920 --> 00:21:35.200 New Shoe. N-O-O-S-H-O-O. This is a new futuristic shoe and I want you to create a landing page for 00:21:35.200 --> 00:21:41.220 it. So do that on Figma. If you need to get an image of this new shoe, generate it using your 00:21:41.220 --> 00:21:43.460 built-in image generation tool. 00:21:43.460 --> 00:21:46.420 And take a look at this, it just generated new shoe 00:21:46.420 --> 00:21:49.500 and it generated an image right here in the chat, 00:21:49.500 --> 00:21:50.660 as you can see here. 00:21:50.660 --> 00:21:53.180 And now it says looked at codex. 00:21:53.180 --> 00:21:56.360 So it's actually seeing the computer use 00:21:56.360 --> 00:21:58.380 is actually checking to see if it generated it. 00:21:58.380 --> 00:22:02.140 So now I'm using Figma, Figma slash generate design 00:22:02.140 --> 00:22:05.380 for Figma landing page workflow and image gen 00:22:05.380 --> 00:22:06.480 for the product art. 00:22:06.480 --> 00:22:08.560 And so it generated this without a background. 00:22:08.560 --> 00:22:10.740 Notice here, if I were to copy this image 00:22:10.740 --> 00:22:12.240 and I were to like open it up, 00:22:12.240 --> 00:22:14.680 you can see here it's saved to my clipboard 00:22:14.680 --> 00:22:15.740 without a background. 00:22:15.740 --> 00:22:16.820 And this is a pretty cool shoe. 00:22:16.820 --> 00:22:19.820 So I'm not gonna lie, this Figma integration is, 00:22:19.820 --> 00:22:22.940 it's pretty much made for you to have a Figma board 00:22:22.940 --> 00:22:25.700 and convert the Figma board into code 00:22:25.700 --> 00:22:28.240 rather than like telling it to generate code 00:22:28.240 --> 00:22:29.960 and then put it onto Figma. 00:22:29.960 --> 00:22:32.320 And so there's actually a tool made specifically for that, 00:22:32.320 --> 00:22:35.460 which is called Paper, which I've talked to a lot of designers 00:22:35.460 --> 00:22:37.240 and a lot of designers are switching to this. 00:22:37.240 --> 00:22:39.240 But what this allows you to do 00:22:39.240 --> 00:22:41.060 is you can create a new file here. 00:22:41.060 --> 00:22:44.540 And I'm just gonna call this a codex test. 00:22:44.540 --> 00:22:47.480 And what I'm gonna do is I'm just going to press new, 00:22:47.480 --> 00:22:49.440 I can say slash paper. 00:22:49.440 --> 00:22:51.860 And I have this skill that I've created previously 00:22:51.860 --> 00:22:54.700 called paper deck style. 00:22:54.700 --> 00:22:57.180 But what we can do is we can actually go to plugins 00:22:57.180 --> 00:22:58.760 and we can hit manage. 00:22:58.760 --> 00:23:03.600 And here we have MCPs and here we have this paper MCP. 00:23:03.600 --> 00:23:06.620 And so if you are ever using a tool on their website, 00:23:06.620 --> 00:23:09.800 They might say like, use the new paper MCP 00:23:09.800 --> 00:23:14.300 or use the new Figma MCP or use the new Notion MCP. 00:23:14.460 --> 00:23:17.600 You can literally just go to Claude Code, 00:23:17.680 --> 00:23:19.880 this works in Claude Code or Codex and say, 00:23:20.080 --> 00:23:22.180 hey, I want to be able to use this MCP. 00:23:22.300 --> 00:23:25.700 Can you please create a skill that wraps this MCP? 00:23:25.820 --> 00:23:27.460 And that'll tell it that it can create a skill 00:23:27.460 --> 00:23:30.020 with that MCP so that you can use it really easily. 00:23:30.020 --> 00:23:33.900 So what I'm gonna do is I can go to this new chat here 00:23:33.900 --> 00:23:35.820 and I can hit slash paper, 00:23:35.820 --> 00:23:46.020 or I can say use the paper MCP to create a landing page for my new company, New Shoe. 00:23:46.220 --> 00:23:49.960 And remember, we've created those files for New Shoe. 00:23:50.100 --> 00:23:51.040 Let's see if they're in here. 00:23:51.140 --> 00:23:52.200 Yep, New Shoe Hero. 00:23:52.680 --> 00:23:56.640 And we can type at New Shoe PNG. 00:23:56.980 --> 00:23:59.920 Use the one without a background. 00:24:03.900 --> 00:24:11.840 the open paper board use the paper tool that we've created and since I've already created this 00:24:11.840 --> 00:24:17.300 You're going to see, and in my opinion, this is the best way to get AI to make designs for you. 00:24:17.440 --> 00:24:18.100 Check this out. 00:24:18.220 --> 00:24:19.420 So we can open up paper. 00:24:19.620 --> 00:24:21.340 Oh, this is really cool as well. 00:24:21.500 --> 00:24:28.860 So if we open up this general tasks here and we right click on this chat and we say open in mini window, 00:24:29.380 --> 00:24:34.880 we can actually open this chat in a mini window and we can minimize codecs. 00:24:34.960 --> 00:24:39.460 So now we can have whatever application we want to have open here on the side. 00:24:39.460 --> 00:24:41.700 And here it says, okay, the board is empty. 00:24:41.840 --> 00:24:44.560 So I'm gonna build a fresh desktop artboard. 00:24:44.760 --> 00:24:46.960 I'm checking both the hero files locally. 00:24:47.340 --> 00:24:49.000 Okay, design is set. 00:24:49.200 --> 00:24:50.100 I'm building this. 00:24:50.220 --> 00:24:50.800 Look at this. 00:24:50.800 --> 00:24:54.280 So it'll just generate a landing page design. 00:24:54.500 --> 00:24:56.260 And we can just have this open. 00:24:56.360 --> 00:24:57.780 We have the chat open on the side. 00:24:57.980 --> 00:25:00.780 And I love this animation when it's editing. 00:25:01.140 --> 00:25:02.760 And we'll just let it cook. 00:25:02.900 --> 00:25:06.880 Okay, you see here it created this top board or top bar. 00:25:07.220 --> 00:25:09.060 Technology performance launch. 00:25:09.060 --> 00:25:13.120 You can see, ooh, move like the roads has been written. 00:25:13.320 --> 00:25:15.080 New shoe blends featherweight knits. 00:25:15.580 --> 00:25:17.640 All right, so these buttons are a little overlapping. 00:25:17.800 --> 00:25:19.540 Remember, the AI might fix this. 00:25:19.660 --> 00:25:21.100 It might just realize it messes up 00:25:21.100 --> 00:25:22.600 and then it'll actually just fix this. 00:25:22.920 --> 00:25:25.920 Oh, this is a great opportunity to talk about a new feature. 00:25:26.220 --> 00:25:31.000 So one thing that a lot of AI tools have is message queuing, 00:25:31.280 --> 00:25:33.640 which basically, like, if I were to type a prompt 00:25:33.640 --> 00:25:36.120 while it's working right now and say, like, 00:25:36.380 --> 00:25:38.700 please fix it on a lot of AI tools, 00:25:38.700 --> 00:25:43.280 what it'll do is it'll wait for the AI to be done before entering the prompt. 00:25:43.460 --> 00:25:48.900 But Codex has steering built in, like steer like your steering wheel. 00:25:49.100 --> 00:25:52.380 And what you can do is I can paste that screenshot and just say, 00:25:52.640 --> 00:25:54.960 oh, by the way, there's some overlap here. 00:25:55.020 --> 00:25:56.520 You might want to fix this while you're working. 00:25:56.600 --> 00:25:59.980 And so when you press enter, by default, it'll be queued up. 00:26:00.140 --> 00:26:04.260 But if you click steer, it'll actually enter it while it's working. 00:26:04.400 --> 00:26:06.160 So you don't even have to wait for it to be done. 00:26:06.160 --> 00:26:08.640 You can kind of steer it while you work. 00:26:08.700 --> 00:26:15.080 And so you can see here, once it's done with its latest activity or tool call, your prompt gets 00:26:15.080 --> 00:26:20.300 entered. And so now in the middle of your conversation, it says that I saw the overlap. 00:26:20.300 --> 00:26:25.160 I'd already started moving the CTA and stats down, but I'm rechecking the hero and adjusting the copy 00:26:25.160 --> 00:26:30.840 and it'll hopefully make the fix on this specific run. And look at this. So it's already starting 00:26:30.840 --> 00:26:36.680 to fix it. And here we go. And I could say something like create four more variations. 00:26:36.680 --> 00:26:42.900 I want you to make slight modifications on each. 00:26:43.020 --> 00:26:44.360 I'm not gonna go through this whole process, 00:26:44.520 --> 00:26:45.960 but the point I'm trying to make here 00:26:45.960 --> 00:26:47.720 is Paper is a software tool 00:26:47.720 --> 00:26:51.520 that was designed specifically to connect to your AI agents 00:26:51.520 --> 00:26:53.920 like Codex, like Cloud Code, 00:26:53.980 --> 00:26:56.380 and there will be way more tools just like this. 00:26:56.540 --> 00:26:58.800 I think there's a massive opportunity to create tools 00:26:58.800 --> 00:27:01.380 that connect to other agents that people already use. 00:27:01.760 --> 00:27:05.280 And you can see here, Figma has a really bad integration, 00:27:05.280 --> 00:27:07.300 in my opinion, compared to paper. 00:27:07.480 --> 00:27:08.920 Paper is just way more fun. 00:27:09.260 --> 00:27:09.840 And look at this. 00:27:09.960 --> 00:27:11.860 It just created this new variation 00:27:11.860 --> 00:27:14.460 and it is going to copy over everything. 00:27:14.940 --> 00:27:16.700 And that's how easy it is. 00:27:16.800 --> 00:27:18.840 You just get AI to create multiple variations. 00:27:19.140 --> 00:27:21.320 Look at this, number two, number three, and number four, 00:27:21.680 --> 00:27:23.800 right, making them with different background colors. 00:27:24.160 --> 00:27:25.960 It's working on them in parallel. 00:27:26.520 --> 00:27:29.700 And this tool, paper, was made specifically 00:27:29.700 --> 00:27:32.520 to be an integration into your existing tools. 00:27:32.840 --> 00:27:34.920 And this is gonna be a massive trend going forward. 00:27:34.920 --> 00:27:38.560 And so plugins are kind of pre-made for you a lot of the time. 00:27:38.680 --> 00:27:43.640 They're just built into codecs and this list is going to get a thousand times bigger. 00:27:43.780 --> 00:27:50.980 This tool is going to become so popular that every software platform in the world is going to be begging OpenAI to create an official plugin for them. 00:27:51.200 --> 00:27:52.720 So you show up at the top of the list. 00:27:52.840 --> 00:28:01.140 The value of showing up at the top of this list for like GitHub, Linear, all of these tools, even showing up at this part right here like Neon Postgres. 00:28:01.140 --> 00:28:04.860 Like this is so valuable to show up here on this list. 00:28:04.920 --> 00:28:08.160 And so there's gonna be more and more of these integrations, 00:28:08.160 --> 00:28:10.660 but it's important to realize how to create your own skill. 00:28:10.880 --> 00:28:12.760 So let's go ahead and create our own skill. 00:28:13.040 --> 00:28:15.920 So if we go to our general agent tasks 00:28:15.920 --> 00:28:17.140 and we open up a new task, 00:28:17.340 --> 00:28:19.700 one of the things that I was constantly doing 00:28:19.700 --> 00:28:22.400 over and over again was going to YouTube 00:28:22.400 --> 00:28:23.960 and I would go to this site 00:28:23.960 --> 00:28:26.380 called like YouTube Transcript Extractor 00:28:26.380 --> 00:28:28.580 and I wanted a way to very easily 00:28:28.580 --> 00:28:31.100 like pull a transcript from a video. 00:28:31.320 --> 00:28:32.480 And then I wanted to be able to do it 00:28:32.480 --> 00:28:34.620 for all of the videos of a given channel 00:28:34.620 --> 00:28:40.760 or I wanted to be able to search YouTube and pull the transcripts from a certain search term. 00:28:41.240 --> 00:28:42.380 And so I looked it up. 00:28:42.460 --> 00:28:47.900 I said, hey, I want to be able to use an API. 00:28:48.260 --> 00:28:51.100 And so an API, for those of you who are untechnical, 00:28:51.240 --> 00:28:57.860 you can think of this as just like a way to use code to access certain information from other people's software. 00:28:58.120 --> 00:29:02.860 And so when you're vibe coding, a lot of you guys who follow me have vibe coded before. 00:29:02.860 --> 00:29:11.700 And if you wanted to add an AI chat to an application, you needed the OpenAI API, which you also needed an OpenAI API key. 00:29:11.920 --> 00:29:17.560 And this would basically grant you access to add the OpenAI technology into your app. 00:29:17.660 --> 00:29:19.580 And so this is what I'll do all the time. 00:29:19.700 --> 00:29:25.900 Like if I'm running into an annoying process that I'm doing over and over again, I'll just look up and see if there's an API for it. 00:29:25.920 --> 00:29:30.660 So it's like I want to be able to use an API to pull YouTube transcripts. 00:29:30.660 --> 00:29:35.140 can you suggest the top five for me? 00:29:35.140 --> 00:29:37.820 And look at this, it just created a list 00:29:37.820 --> 00:29:39.640 of different ones that we can use. 00:29:39.640 --> 00:29:43.080 Here are the top five, Supadata, Transcript API, 00:29:43.080 --> 00:29:46.160 YouTube Transcript.io, and Scrape Creators. 00:29:46.160 --> 00:29:49.400 So I'm gonna go ahead and I'm gonna check out Supadata, 00:29:49.400 --> 00:29:51.400 and I have used this before. 00:29:51.400 --> 00:29:53.240 And what we can do is we can sign in, 00:29:53.240 --> 00:29:55.400 and once you sign in and put in your credit card, 00:29:55.400 --> 00:29:57.180 you can get an API key. 00:29:57.180 --> 00:29:59.180 I think I might even be on the free plan. 00:29:59.180 --> 00:30:03.280 And so I get a certain amount of transcripts per month. 00:30:03.340 --> 00:30:05.060 I think you get 100 free per month. 00:30:05.180 --> 00:30:07.780 So I'm not on my personal SuperData account. 00:30:07.900 --> 00:30:09.360 I don't think I'm using that many of them. 00:30:09.400 --> 00:30:12.980 So I can copy this API key and we can go back to Codex 00:30:12.980 --> 00:30:17.180 and say, okay, please, can you create a skill 00:30:17.180 --> 00:30:23.280 that allows me to ask you to summarize the latest 10 videos 00:30:23.280 --> 00:30:24.480 from a certain YouTube channel? 00:30:24.560 --> 00:30:26.300 And you can always use this API 00:30:26.300 --> 00:30:27.880 to just immediately pull them. 00:30:27.880 --> 00:30:29.360 So you can go to their YouTube channel. 00:30:29.480 --> 00:30:30.480 You can search your YouTube channel, 00:30:30.580 --> 00:30:32.960 get their latest five videos and pull the transcripts 00:30:32.960 --> 00:30:33.900 and then summarize them. 00:30:34.000 --> 00:30:35.200 I want you to create a skill. 00:30:35.340 --> 00:30:37.280 So you're gonna need to look and research 00:30:37.280 --> 00:30:41.080 how to use Supa data and figure out how to use it well 00:30:41.080 --> 00:30:42.900 and quickly and create a skill 00:30:42.900 --> 00:30:45.220 so that I can always ask you for this information. 00:30:45.520 --> 00:30:47.940 Here is my API key. 00:30:48.060 --> 00:30:49.680 I'm gonna include my API key. 00:30:49.740 --> 00:30:50.740 I'm gonna paste it at the end. 00:30:50.800 --> 00:30:52.040 I don't wanna show it on camera. 00:30:52.400 --> 00:30:53.620 But one thing before I wanna do that 00:30:53.620 --> 00:30:55.420 is you can type in skill creator 00:30:55.420 --> 00:30:58.840 and this will indicate that it should use the skill creator. 00:30:58.960 --> 00:31:01.000 It'll help it understand what it needs to do 00:31:01.000 --> 00:31:04.140 and this skill makes it really good at creating skills. 00:31:04.280 --> 00:31:06.120 And so here is the key. 00:31:06.280 --> 00:31:08.100 I'm gonna paste it but I'm gonna do it off camera. 00:31:08.400 --> 00:31:09.780 Okay, so I entered my prompt. 00:31:10.100 --> 00:31:10.940 It's now running. 00:31:11.100 --> 00:31:13.000 I'm just have this covering up my key 00:31:13.000 --> 00:31:15.880 and it's going to use the skill creator 00:31:15.880 --> 00:31:17.920 and it is going to create the skill. 00:31:18.120 --> 00:31:20.520 And then once your codex is done working 00:31:20.520 --> 00:31:21.960 and it's created the skill, 00:31:22.160 --> 00:31:24.580 again, you go to plugins, you click on skills 00:31:24.580 --> 00:31:26.060 and you'll see it right here. 00:31:26.160 --> 00:31:28.760 And so it created this skill called YouTube Researcher. 00:31:28.820 --> 00:31:30.200 And so in order to use a skill, 00:31:30.300 --> 00:31:31.980 you actually need to create a new session. 00:31:32.180 --> 00:31:34.700 So this is the session that we created the skill in. 00:31:34.880 --> 00:31:38.540 Once we're done, right, we can just hit this new chat button 00:31:38.540 --> 00:31:41.440 and we can just type in YouTube Researcher. 00:31:41.440 --> 00:31:46.480 And so please, can you look at Riley Brown 00:31:46.480 --> 00:31:51.800 latest 10 YouTube videos, pull the transcripts 00:31:51.800 --> 00:31:56.220 and summarize them in a document. 00:31:56.220 --> 00:31:58.420 And please, I want you to inform me 00:31:58.420 --> 00:32:00.000 which of these videos did well and- 00:32:00.000 --> 00:32:04.000 which of these videos did not do as well and this should be kind of an analysis 00:32:04.000 --> 00:32:07.560 of what people are interested in that's what I want you to look in and then also 00:32:07.560 --> 00:32:12.480 do a hook analysis so based on like the intro of my video I want you to say 00:32:12.480 --> 00:32:18.100 which intros did well, which intros did not do well. And in this report, I want the YouTube 00:32:18.100 --> 00:32:23.200 thumbnails in there as well. So SuperData can also pull the YouTube thumbnail, which is really cool. 00:32:23.300 --> 00:32:29.480 Okay, so it is done. And you can see here, we see this report. If I click open, we now have this 00:32:29.480 --> 00:32:35.260 Riley Brown YouTube report. And look at this. So this is using this skill right here, which is the 00:32:35.260 --> 00:32:42.020 slash docs, word docs skill. This is, I think this comes built into Codex. And it looked at 00:32:42.020 --> 00:32:47.340 all the full transcripts. And here at the bottom, we see the hook winner. So Claude is taking over, 00:32:47.460 --> 00:32:53.540 big market shift, high urgency. These intros did the best. Claude code leak, open claw blender 00:32:53.540 --> 00:32:59.280 skills. Claude code can design now why specialized agents are superior. That's pretty good. The hooks 00:32:59.280 --> 00:33:03.720 that didn't do well is build a sync web app and mobile app in 16 minutes. That video did not do 00:33:03.720 --> 00:33:08.280 as well. The 35 fundamentals you need to vibe code your first app. So it looks like vibe coding did 00:33:08.280 --> 00:33:13.120 not do as well building a mobile app with open AI codecs and seven open claw skills that can 10x 00:33:13.120 --> 00:33:18.660 your output. Very interesting. And so it even told me what to double down on. So this is pretty cool. 00:33:18.820 --> 00:33:23.220 So it took all of that YouTube data and turned it into a document. I'm going to say, okay, 00:33:23.220 --> 00:33:32.280 on the last day of every month, I want you to do this for the videos for that month. Can you 00:33:32.280 --> 00:33:45.860 create this automation that uses the slash YouTube researcher skill and the slash word doc to create 00:33:45.860 --> 00:33:55.540 a report just like this for the videos for that month. Make it slightly more brief and in the 00:33:55.540 --> 00:34:03.300 table make them ordered by view count. And so now we're running this, we can exit full screen mode. 00:34:03.420 --> 00:34:07.520 And that's exactly what we're going to do here. So what we did here is we basically created a 00:34:07.520 --> 00:34:13.640 YouTube researcher skill. And this required an external API. And we just did research on Codex 00:34:13.640 --> 00:34:23.120 to find the SupaData API. And then what we did is we got an API key, we gave this API key to Codex. 00:34:23.120 --> 00:34:26.400 and we said create a skill with the super data API, 00:34:26.740 --> 00:34:31.540 use this key, and then this created this skill. 00:34:31.760 --> 00:34:33.600 So this process created this skill 00:34:33.600 --> 00:34:35.020 and then we said to use it. 00:34:35.080 --> 00:34:38.280 I said use the super data API to look up my YouTube, 00:34:38.560 --> 00:34:40.200 pull all my latest transcripts 00:34:40.200 --> 00:34:42.420 and then create a doc, right? 00:34:42.460 --> 00:34:43.600 And so we created a doc 00:34:43.600 --> 00:34:45.960 and then we kind of paired these together, right? 00:34:45.960 --> 00:34:48.620 We used these in tandem with one another. 00:34:48.620 --> 00:34:51.600 We use this and we created this automation, right? 00:34:51.660 --> 00:34:52.880 So we created an automation 00:34:52.880 --> 00:35:01.760 We said every single end of the month, at the end of every single month, I want you to create a report that searches YouTube and prepares it in a Word doc and send it to me. 00:35:01.880 --> 00:35:03.440 And that's exactly what we did. 00:35:03.580 --> 00:35:05.940 And so if we go back to Codex, let's see if it's done. 00:35:06.200 --> 00:35:07.020 Yes, it's done. 00:35:07.140 --> 00:35:10.060 And you see here it says created monthly YouTube report. 00:35:10.220 --> 00:35:13.240 So I can click on this and here, okay, I didn't realize this. 00:35:13.300 --> 00:35:17.620 You can reference skills in the monthly report. 00:35:17.760 --> 00:35:18.800 So that's useful to know. 00:35:19.220 --> 00:35:22.120 And you'll notice here in the automations tab, we now have a two. 00:35:22.120 --> 00:35:27.280 So we have two automations that are set up, a monthly YouTube report and a weekly calendar recap. 00:35:27.580 --> 00:35:30.420 Okay, so we've covered a lot here in part one. 00:35:30.520 --> 00:35:34.940 We've talked about a lot of the basics, how the app works, how to create skills. 00:35:35.220 --> 00:35:37.200 We've talked about plugins, automations. 00:35:37.420 --> 00:35:41.200 We've created a couple and we're kind of moving slowly through this process. 00:35:41.320 --> 00:35:47.040 In part two, we're going to be doing a role play and we're going to be creating six different things at once. 00:35:47.040 --> 00:35:52.180 and what I really want to show in this section is a how to do like we're actually going to create a 00:35:52.180 --> 00:35:55.820 web app we're going to create a mobile app so we're going to learn about vibe coding in this 00:35:55.820 --> 00:36:01.280 process but I also want to focus on multitasking as I said earlier in the video these agents are 00:36:01.280 --> 00:36:07.180 taking longer and longer to complete tasks so if you want to be efficient in this new AI world you 00:36:07.180 --> 00:36:13.320 need to learn how to set is like send instructions to an agent trust the agent to do really good work 00:36:13.320 --> 00:36:15.260 and then move to a new agent chat 00:36:15.260 --> 00:36:17.220 so that you can start working on something else. 00:36:17.460 --> 00:36:20.920 And all of the best engineers and the best operators 00:36:20.920 --> 00:36:24.140 who use AI are very effective multitaskers. 00:36:24.280 --> 00:36:27.480 And they're able to like just focus on one agent chat, 00:36:27.600 --> 00:36:29.220 put all of your effort into a prompt. 00:36:29.540 --> 00:36:30.660 And then once you press enter 00:36:30.660 --> 00:36:33.740 to just check out of that task and move to a new one. 00:36:33.800 --> 00:36:35.360 So it's not even like multitasking, 00:36:35.480 --> 00:36:36.680 you're like serial tasking. 00:36:36.680 --> 00:36:40.340 Each prompt that you type in is the task. 00:36:40.500 --> 00:36:43.200 And so we're gonna create six different things 00:36:43.200 --> 00:36:47.820 in this role play. So in this role play, my name is Riley Brown, which is my actual name, 00:36:47.940 --> 00:36:53.660 but I want to create an iOS app. So my main priority is to create an iOS app, but creating 00:36:53.660 --> 00:36:57.940 the app isn't enough, right? We actually have to do some marketing. And so that's why I'm going to 00:36:57.940 --> 00:37:02.960 be creating some ex post automations. We also need a high quality launch video. We're going to do a 00:37:02.960 --> 00:37:06.300 launch video. I want to raise a little bit of money. I want to raise a million bucks for this 00:37:06.300 --> 00:37:10.760 app. So we're going to create an investor deck. We're also going to release this launch video 00:37:10.760 --> 00:37:12.720 before this app is out, right? 00:37:12.840 --> 00:37:16.480 So we want to go launch video, then iOS app, 00:37:16.540 --> 00:37:20.240 which means that we need to create some sort of website 00:37:20.240 --> 00:37:23.180 or landing page that we can allow people 00:37:23.180 --> 00:37:24.380 to sign up for a wait list. 00:37:24.560 --> 00:37:25.800 You wanna be able to collect data. 00:37:26.060 --> 00:37:27.960 And before we create our iOS app, 00:37:28.040 --> 00:37:30.680 we are going to create an iOS app design. 00:37:30.860 --> 00:37:32.460 And that's what we're gonna do. 00:37:32.740 --> 00:37:35.360 So we're gonna kind of move through these together. 00:37:35.640 --> 00:37:37.620 You know, we're not gonna work on all six at once, 00:37:37.620 --> 00:37:39.780 but we're gonna be working on many things at once 00:37:39.780 --> 00:37:47.140 the whole time until we create a system around this app that could be a fully operating business 00:37:47.140 --> 00:37:51.200 and we're going to create some automations as well. So in order to get started what I'm going 00:37:51.200 --> 00:37:55.860 to do is I'm going to go to Codex and we're going to create a new project. So this new project 00:37:55.860 --> 00:38:00.100 we're going to go into Riley Brown we're going to go into Codex projects actually we're going to 00:38:00.100 --> 00:38:05.580 create a whole new folder here and I'm just going to call this my new business and what I'm going to 00:38:05.580 --> 00:38:09.880 do is I'm just going to open up this folder and I'm going to hit new chat. I'm going to say I have 00:38:09.880 --> 00:38:16.400 a plan, create a markdown file of my plan. Then what I'm going to do is I'm going to go to this 00:38:16.400 --> 00:38:21.940 little thing here and I'm just going to take a screenshot of this, put this image. I'm creating 00:38:21.940 --> 00:38:27.840 a mobile app right now and a landing page as well as some other assets. I want to create a design 00:38:27.840 --> 00:38:32.280 for this. I just want you to outline what I've put in this in a simple markdown file. Whatever you 00:38:32.280 --> 00:38:36.880 see here. I'm also going to make a launch video with a remotion skill. I'm going to make, what else 00:38:36.880 --> 00:38:41.640 am I doing? Oh, an investor deck. I also want to make an investor deck. So please just make a simple 00:38:41.640 --> 00:38:47.180 bulleted list that I can check off as I go along of all of these items. So there should be six, 00:38:47.460 --> 00:38:52.300 each one of the ones that are listed here. And then please at the top, put my app idea. So my 00:38:52.300 --> 00:38:57.060 app idea is as follows. And I put a little info here. The app is going to be called Chorus. It's 00:38:57.060 --> 00:39:01.380 going to be a place where people can learn about AI agents. People can learn about the best agent 00:39:01.380 --> 00:39:08.360 platforms. People can learn about how agents work. Oops, we can stop it here. People can also learn 00:39:08.360 --> 00:39:13.200 about the best skills. So that's going to be a skills library that I'm going to curate that 00:39:13.200 --> 00:39:17.220 people can copy and paste into any agent and it will just work. So basically just put this in a 00:39:17.220 --> 00:39:22.200 very simple one pager doc, don't add anything. So we're kind of just creating a plan here in this 00:39:22.200 --> 00:39:27.040 my new business. Now, while that's going to run, what I'm going to do is I'm going to create a new 00:39:27.040 --> 00:39:35.100 chat and I'm going to say I want to use the slash mobile design skill. Now this mobile design skill 00:39:35.100 --> 00:39:40.900 is a custom skill that I made and I actually extracted it from Anthropik's new design tool. 00:39:41.060 --> 00:39:47.900 So if you go to claw.ai slash design they just released a new design tool that's like supposed 00:39:47.900 --> 00:39:54.020 to be like Figma and all I did I had it create a mobile app design. As you can see here there's 00:39:54.020 --> 00:39:59.440 this like design and I want to be able to use a skill just like this. So then I just asked the 00:39:59.440 --> 00:40:04.940 agent. I said, hey, can you tell me exactly how this design app worked? And it just literally 00:40:04.940 --> 00:40:08.460 worked for me. Like I just outputted everything. So I just copied. 00:40:10.637 --> 00:40:17.097 And then I copied the files that this new claw design skill gives you. And then I gave it to 00:40:17.097 --> 00:40:22.277 Codex. And I literally said the following here. I literally said this. I said, I want you to create 00:40:22.277 --> 00:40:26.797 a mobile design skill. This is how Claude does it. I want you to mimic this. And then I just pasted 00:40:26.797 --> 00:40:32.137 literally everything it gave me here with all of the files. And it just created this mobile design 00:40:32.137 --> 00:40:36.297 skill and it works really well. I'll show you. So we can go back to this. I want you to use a mobile 00:40:36.297 --> 00:40:47.297 design skill and I want you to create the screens for this app in very basic Apple style design. 00:40:47.297 --> 00:40:51.897 we will add some flare in a little bit. 00:40:51.897 --> 00:40:56.897 I just want to get all the screens functionally correct. 00:40:57.517 --> 00:40:59.217 And so what I'm gonna do here 00:40:59.217 --> 00:41:02.197 is I'm going to go ahead and run this. 00:41:02.197 --> 00:41:04.657 I'm going to go back to this chorus app plan. 00:41:04.657 --> 00:41:06.517 We can open this here in the side view. 00:41:06.517 --> 00:41:09.637 So you can see here we have this right here. 00:41:09.637 --> 00:41:11.717 So this app is going to be called chorus. 00:41:11.717 --> 00:41:15.417 So I can just copy this and we can just paste this app idea. 00:41:15.417 --> 00:41:17.597 And now we're creating the mobile app design. 00:41:17.817 --> 00:41:20.637 And so what we need to do is we're going to create the design first. 00:41:21.317 --> 00:41:23.497 Then we're going to create an iPhone app. 00:41:23.777 --> 00:41:28.337 We're going to create a web app, Investor Deck, Launch Video, and X-Post Automation. 00:41:28.457 --> 00:41:29.797 So we're working on this right now. 00:41:29.997 --> 00:41:35.417 And by the way, I will post the mobile app design skill on the actual app that we're creating. 00:41:35.497 --> 00:41:39.557 I'm going to put this on TestFlight and I'll put it on a website somewhere below the video. 00:41:39.677 --> 00:41:41.837 So you'll be able to get this mobile app design skill. 00:41:41.837 --> 00:41:47.197 you'll be able to just copy the link and paste it into Codex and use the skill for 100% for free. 00:41:47.297 --> 00:41:52.777 And okay, so while these screens are loading, we can actually get our mobile app set up. And so I'm 00:41:52.777 --> 00:41:57.697 going to go through this process relatively slowly so that you can understand how to build an iOS app 00:41:57.697 --> 00:42:04.217 with Codex. So I'm going to say, I want you to create a new project called Chorus. This is going 00:42:04.217 --> 00:42:09.137 to be a Swift mobile app. And what I want you to do right now is just make it say, hello world, 00:42:09.137 --> 00:42:11.897 This is Chorus in simple text in the middle. 00:42:12.057 --> 00:42:14.517 Basically what we're doing is we're just getting our project set up. 00:42:14.677 --> 00:42:15.797 We're not going to do anything else. 00:42:15.917 --> 00:42:21.457 Just put this text on a mobile app and open the Xcode project when you're done so that 00:42:21.457 --> 00:42:23.457 I can run it from Xcode. 00:42:23.617 --> 00:42:25.077 And so we're going to run this. 00:42:25.477 --> 00:42:28.677 In order to use this, you're going to need two things. 00:42:29.057 --> 00:42:31.057 And you can search on Codex how to do this. 00:42:31.157 --> 00:42:32.177 You're going to need Xcode. 00:42:32.337 --> 00:42:33.937 And I will pull it up here. 00:42:33.977 --> 00:42:36.297 If you just type in download Xcode. 00:42:36.297 --> 00:42:40.277 This is Apple's developer platform, 00:42:40.617 --> 00:42:43.577 and Codex can actually connect to Xcode. 00:42:43.817 --> 00:42:44.757 And once you download this, 00:42:44.817 --> 00:42:48.557 you're also gonna need to download iOS simulator 00:42:48.557 --> 00:42:52.177 if you want to run it on a little device on your phone. 00:42:52.297 --> 00:42:54.557 So those are the two things that I have downloaded, 00:42:54.797 --> 00:42:57.637 and you're gonna need the iOS simulator for this. 00:42:57.797 --> 00:42:59.897 And you can figure out how to download this. 00:42:59.977 --> 00:43:00.737 Just ask AI. 00:43:01.017 --> 00:43:02.357 You do need a Mac for this, 00:43:02.357 --> 00:43:08.917 and you will probably need like 20 gigabytes of spare storage on your computer. So the chorus 00:43:08.917 --> 00:43:14.577 screens are still being built, but the create chorus hello app is done. And so it actually 00:43:14.577 --> 00:43:19.957 opened up Xcode on my computer. Now what I'm going to do is I'm going to change this to one 00:43:19.957 --> 00:43:26.577 of the simulators. We're going to use an iPhone 17 and we're going to hit this play button. This 00:43:26.577 --> 00:43:31.837 should open a simulator. Here it is. And here is the app that we're going to be working on. So I'm 00:43:31.837 --> 00:43:39.097 to move this right here. Here is going to be the mobile app that we are working on. And this is 00:43:39.097 --> 00:43:45.317 really cool. And as you can see here, hello, this is Chorus. This is the app. It is completely white. 00:43:45.317 --> 00:43:49.757 Just have this black text here in the middle. There's no app functionality. We just now have 00:43:49.757 --> 00:43:54.757 the project open. And now we can talk to Codex and we can actually edit this app however we want. We 00:43:54.757 --> 00:43:59.977 can build any features we want, literally any features, simply by Fybecoding. And you'll see, 00:43:59.977 --> 00:44:06.097 We'll add some more features later. Now here is an app where we see that the build chorus screens 00:44:06.097 --> 00:44:10.857 is done. We can click on this. Okay so I actually just went to have lunch for about 25 minutes 00:44:10.857 --> 00:44:16.217 and we're back and all my agents are done. So obviously we have the Xcode project set up and 00:44:16.217 --> 00:44:21.557 here we have the build chorus screens. So now that it's done and it gave us this prototype link. So 00:44:21.557 --> 00:44:25.797 my skill gives you a prototype link and take a look at that. So we have this app screen. It's 00:44:25.797 --> 00:44:32.517 very basic but we can switch screens here or we can switch tabs so we have this like learn tab and 00:44:32.517 --> 00:44:38.917 maybe you can do like agents 101 i think this is actually a decent start i like the hierarchy so 00:44:38.917 --> 00:44:44.677 like the learn the different platforms this is like a good we can organize this or actually create 00:44:44.677 --> 00:44:50.197 real categories later but this is ultimately what i want the app to look like and saved is good it 00:44:50.197 --> 00:44:54.917 It separates the learning and the platforms and the skills here. 00:44:55.017 --> 00:44:56.977 As you can see here, we have multiple save. 00:44:57.097 --> 00:44:58.077 I like this design. 00:44:58.197 --> 00:45:02.157 So if we go to this Chorus app and what we can do is we can say, please integrate. 00:45:02.517 --> 00:45:03.937 And you can actually go up here. 00:45:04.057 --> 00:45:07.937 And what you can do is you can actually click on this toggle files. 00:45:08.537 --> 00:45:09.777 So here we have the output. 00:45:10.317 --> 00:45:11.617 Oh, this is cool. 00:45:11.937 --> 00:45:12.417 Yeah. 00:45:12.597 --> 00:45:15.717 So now we can see we have this mobile design. 00:45:15.717 --> 00:45:30.417 So we can just say, please integrate the screens in the My New Business folder in the mobile app and just make this app have all of these screens. 00:45:30.917 --> 00:45:40.397 We will populate it with real data later and build out the experience and polish the design. 00:45:40.617 --> 00:45:42.857 So implement it now. 00:45:42.857 --> 00:45:46.237 So we've created these screens right here 00:45:46.237 --> 00:45:48.277 and this just give us kind of like a nice little outline. 00:45:48.377 --> 00:45:50.377 Okay, we can make some edits to this, 00:45:50.377 --> 00:45:52.257 but I think this is good enough to just implement. 00:45:52.637 --> 00:45:55.117 And so we can go to our plan and we could say, 00:45:55.277 --> 00:45:58.757 okay, mark the iPhone app as done 00:45:58.757 --> 00:46:01.857 and then make the building the iPhone app 00:46:01.857 --> 00:46:03.737 as working in the works. 00:46:04.077 --> 00:46:07.077 And then also put web app and landing page in the works 00:46:07.077 --> 00:46:09.677 because now we need to create a landing page. 00:46:09.757 --> 00:46:11.017 Okay, so that just sent through. 00:46:11.017 --> 00:46:15.437 now what we can do is we're going to create a new chat and we're going to say, I want to create a 00:46:15.437 --> 00:46:25.097 very basic web app landing page that can collect data from interested users for our app. I just 00:46:25.097 --> 00:46:30.537 want to create the shell and basically just have a page with a title that says Chorus app. And then 00:46:30.537 --> 00:46:37.697 I want a field that users can fill out in order to put in their email and their information, 00:46:37.697 --> 00:46:40.037 except we're gonna use an external tool for this. 00:46:40.197 --> 00:46:42.477 And so what I'm gonna do is I'm gonna go to art. 00:46:42.597 --> 00:46:45.597 And what I'm gonna do is I'm gonna go to tally.so. 00:46:45.757 --> 00:46:48.757 So tally is a tool that I use to collect form submissions. 00:46:48.957 --> 00:46:50.237 So here are all the form submissions 00:46:50.237 --> 00:46:51.497 that I've created in the past. 00:46:51.597 --> 00:46:53.537 Here's a brand new form that we're gonna create. 00:46:53.697 --> 00:46:54.877 And so I'm just gonna say, 00:46:54.977 --> 00:46:57.177 I'm gonna say waitlist, porous, 00:46:57.457 --> 00:46:58.877 and we're gonna use a template. 00:46:59.157 --> 00:47:00.257 Let's just use a template. 00:47:00.697 --> 00:47:02.797 And we can just do this right here. 00:47:02.797 --> 00:47:05.477 And we can do last name, first name, email address. 00:47:05.477 --> 00:47:12.297 yeah let's use this template and we'll keep this really basic we'll just say sign up for chorus we 00:47:12.297 --> 00:47:17.417 can always edit this later but I think this is good how do we yeah I think this is good let's 00:47:17.417 --> 00:47:24.017 how do we make this not okay there we go done your registration is complete we will reach out in a few 00:47:24.017 --> 00:47:28.177 days okay that's good so now what we're going to do is we're going to publish this registration 00:47:28.177 --> 00:47:36.197 template. Now we're going to go to, I believe it is share and we can do this standard embed right 00:47:36.197 --> 00:47:41.557 here. And so we can click embed the code link. And so we can copy this code. As you can see here, 00:47:41.597 --> 00:47:48.997 it's saved to my clipboard. Or we can say, get the code. Yeah, I think we can just copy all of this 00:47:48.997 --> 00:47:57.937 and we can go back to codex. I am using tally.so. Can you please put this form in the site? We 00:47:57.937 --> 00:48:05.697 will design it after right because right now we are using tally to collect people's email addresses 00:48:08.937 --> 00:48:10.537 So like right after this video, in theory, 00:48:10.537 --> 00:48:11.957 I could put this up on the internet 00:48:11.957 --> 00:48:13.477 and I'll show you exactly how to do that. 00:48:13.477 --> 00:48:17.857 And we're creating just a website that embeds this code, 00:48:17.857 --> 00:48:19.357 which allows people to type that in. 00:48:19.357 --> 00:48:21.977 Then we're gonna design out the rest of the website. 00:48:21.977 --> 00:48:25.517 And here we actually have this app is done. 00:48:25.697 --> 00:48:27.477 Oh, and by the way, for this Tally app, 00:48:27.557 --> 00:48:30.077 I said make this a React app and run it locally. 00:48:30.477 --> 00:48:32.897 React is just like a good framework for design. 00:48:33.277 --> 00:48:35.117 I actually really don't even know what it is. 00:48:35.197 --> 00:48:37.517 I just know that every app I've created 00:48:37.517 --> 00:48:39.097 has been a React app. 00:48:39.177 --> 00:48:40.497 And here we can see that it's done. 00:48:40.617 --> 00:48:41.557 So if we click on this, 00:48:41.637 --> 00:48:43.617 it should open up the app here on the side. 00:48:44.097 --> 00:48:45.037 Let's see if this works. 00:48:45.317 --> 00:48:47.217 Okay, wait, while this finishes up, 00:48:47.217 --> 00:48:48.917 what we can do is we can go to Xcode. 00:48:49.097 --> 00:48:50.477 This does appear that it is done 00:48:50.477 --> 00:48:52.397 and we can run this again on the simulator. 00:48:52.897 --> 00:48:54.677 And here it succeeded. 00:48:55.157 --> 00:48:58.217 And here we have the app running on Swift. 00:48:58.377 --> 00:49:01.697 Learn, platform, skills, and saved. 00:49:01.837 --> 00:49:04.877 So this is indeed a Swift application. 00:49:05.177 --> 00:49:06.537 And we have these pages. 00:49:06.797 --> 00:49:09.577 I wonder, do we want these fixed at the top? 00:49:09.737 --> 00:49:12.057 We will need to make some decisions here. 00:49:12.357 --> 00:49:14.297 Oh, okay, so this is running locally. 00:49:14.297 --> 00:49:16.817 This just opened up in my computer right here. 00:49:16.937 --> 00:49:19.417 We can see that this is working really well. 00:49:19.417 --> 00:49:21.097 And so I like this style. 00:49:21.297 --> 00:49:24.277 For whatever reason, Codex likes to use this style by default. 00:49:24.437 --> 00:49:27.577 I'm going to have it use a style that looks a lot more like this. 00:49:27.677 --> 00:49:29.017 We're going to keep it very basic. 00:49:29.177 --> 00:49:32.757 And okay, so what I want to do is I'm going to go to this Chorus mobile app, right? 00:49:32.817 --> 00:49:34.577 Because here we're working on the Chorus app. 00:49:34.677 --> 00:49:37.657 And again, you can rename these chats to keep them more organized. 00:49:37.977 --> 00:49:39.577 So in fact, I'm going to show you. 00:49:39.617 --> 00:49:43.697 You can just right click and I'm just going to say mobile, mobile app. 00:49:43.737 --> 00:49:46.997 We can rename this to web app. 00:49:46.997 --> 00:49:50.657 We can create chorus project plan. 00:49:51.197 --> 00:49:54.117 Yeah, we can rename this to plan. 00:49:54.417 --> 00:49:57.277 And we can even pin the plan to the top right now. 00:49:57.437 --> 00:49:58.817 Build chorus screens. 00:49:59.157 --> 00:50:02.357 And so we can rename this screen design. 00:50:02.617 --> 00:50:04.897 So that way we can stay fully organized while we work. 00:50:05.037 --> 00:50:06.537 Hi, I want to make some changes. 00:50:06.777 --> 00:50:10.737 So firstly, the name of each page, like for instance, learn, 00:50:11.037 --> 00:50:12.717 that should be pinned to the top. 00:50:12.757 --> 00:50:15.037 And when I scroll, that should not scroll down. 00:50:15.037 --> 00:50:16.737 And so that should be pinned to the top. 00:50:16.737 --> 00:50:21.417 Right now when I scroll, the title of the app goes down with it and it just looks janky. 00:50:21.657 --> 00:50:26.557 And then as I scroll up, the tags at the top, those should scroll. 00:50:27.037 --> 00:50:32.137 And as items go beneath the top bar, I want it to kind of fade out. 00:50:32.237 --> 00:50:34.357 And this should be consistent on every page. 00:50:34.437 --> 00:50:37.497 Right now when I scroll down on platforms, it'll just look a lot better. 00:50:37.797 --> 00:50:44.477 And then also the bottom little bar thing that has the four tabs, I really like the design. 00:50:44.597 --> 00:50:45.077 Keep it everything. 00:50:45.077 --> 00:50:46.677 Just move it down a little bit. 00:50:46.737 --> 00:50:51.197 And then have as you scroll down, have the items fade out. 00:50:51.377 --> 00:50:56.237 So the list as I scroll down should not appear to be beneath the bottom bar. 00:50:56.237 --> 00:50:59.797 It should fade out as it gets like halfway through the bar. 00:50:59.897 --> 00:51:03.437 I've seen a lot of apps have this design or like right as it reaches the bar, 00:51:03.537 --> 00:51:05.457 it should like have this light little fade out. 00:51:05.557 --> 00:51:07.677 Similar to how you're going to do the top as well. 00:51:08.017 --> 00:51:10.137 And yeah, we're going to run it. 00:51:10.357 --> 00:51:13.597 Okay, so once your mobile app agent is done building, 00:51:13.797 --> 00:51:15.617 every single time you actually need to hit play 00:51:15.617 --> 00:51:18.337 and this actually rebuilds the app on the device. 00:51:18.677 --> 00:51:19.617 So now we want to test it. 00:51:19.677 --> 00:51:20.517 Let's see how this looks. 00:51:20.637 --> 00:51:22.617 We have this nice blur here at the bottom. 00:51:23.037 --> 00:51:24.777 We have a blur here at the top. 00:51:24.857 --> 00:51:25.237 Look at this. 00:51:25.277 --> 00:51:26.237 This is pretty cool. 00:51:26.777 --> 00:51:28.317 We can switch platforms 00:51:28.317 --> 00:51:29.557 and we're going to replace this 00:51:29.557 --> 00:51:31.997 with all the different platforms up here. 00:51:32.197 --> 00:51:34.277 This is going to be pretty cool. 00:51:34.517 --> 00:51:36.517 This is looking really good, actually. 00:51:36.757 --> 00:51:38.917 I'm actually enjoying this. 00:51:39.997 --> 00:51:41.057 Research, build. 00:51:41.177 --> 00:51:44.797 Here are going to be the skills for different avatars. 00:51:44.797 --> 00:51:46.797 Ooh, this is nice actually. 00:51:46.977 --> 00:51:48.597 And then saved, we can save them. 00:51:49.497 --> 00:51:51.477 And that's pretty cool. 00:51:51.637 --> 00:51:53.197 These actually do get saved. 00:51:53.297 --> 00:51:55.257 This is very, very cool. 00:51:55.477 --> 00:51:56.957 Okay, so we're working on this app. 00:51:57.037 --> 00:51:57.837 It looks pretty good. 00:51:57.937 --> 00:52:00.037 We need to figure out a database, right? 00:52:00.057 --> 00:52:01.657 We wanna figure out how users 00:52:01.657 --> 00:52:02.957 are gonna be able to sign in. 00:52:03.297 --> 00:52:04.637 Actually, we don't even need to worry about that. 00:52:04.697 --> 00:52:06.177 It's like, how do I update this 00:52:06.177 --> 00:52:08.897 with the right app icons, et cetera, et cetera. 00:52:08.997 --> 00:52:10.517 And ideally, how do I do it from here? 00:52:10.577 --> 00:52:12.117 So we can just ask Kodak. 00:52:12.197 --> 00:52:13.777 So I'm just gonna ask it a long prompt here. 00:52:13.777 --> 00:52:22.957 What I want to be able to do is I want to be able to update the app so that the different platforms and the platform types are kind of stored in a database. 00:52:22.957 --> 00:52:30.457 And I'm thinking, what is the easiest way to like store this information in this app so that I can have you edit it with AI? 00:52:30.657 --> 00:52:37.697 Like I could just ask you right now to edit things or add things to this app that's secure so users won't be able to edit it. 00:52:37.697 --> 00:52:40.457 And like what database should we use? 00:52:40.677 --> 00:52:43.797 And yeah, I want to be able to just like add a ton of things to this, 00:52:43.917 --> 00:52:47.057 give you documents so you can add it so that it stays organized. 00:52:47.157 --> 00:52:50.737 And over time, it could scale up to like thousands of skills in theory 00:52:50.737 --> 00:52:52.197 in a couple of years or something. 00:52:52.437 --> 00:52:54.897 And we're going to allow users to sign in. 00:52:54.997 --> 00:52:59.057 So what would be the best database system to set up so that you can use, 00:52:59.177 --> 00:53:01.757 like I could just ask you to add things to this app 00:53:01.757 --> 00:53:05.957 and we could just create it basically with AI that would work with Clerk, 00:53:05.957 --> 00:53:08.197 which is what we use for my company right now. 00:53:08.197 --> 00:53:09.957 And so this is just another thing to learn 00:53:09.957 --> 00:53:11.017 when using agents, right? 00:53:11.017 --> 00:53:13.137 If you don't know what to do, you can just ask it, right? 00:53:13.137 --> 00:53:16.197 It'll tell you the options and you just need to say, 00:53:16.197 --> 00:53:17.017 okay, let's do it. 00:53:17.017 --> 00:53:17.857 Let's solve it. 00:53:17.857 --> 00:53:18.697 Let's try and figure this out. 00:53:18.697 --> 00:53:19.737 Okay, well that's working. 00:53:19.737 --> 00:53:24.737 Let's go ahead and please generate 10 possible app icons 00:53:27.597 --> 00:53:29.857 for our app here. 00:53:29.857 --> 00:53:31.197 And so I'm gonna just screenshot it 00:53:31.197 --> 00:53:33.057 so it knows which app we're talking about 00:53:33.057 --> 00:53:34.837 because it is located in the folder. 00:53:34.837 --> 00:53:36.857 We're working on the app now. 00:53:36.857 --> 00:53:39.397 I want 10 icons, no background that fits 00:53:39.397 --> 00:53:41.657 this same style of this app. 00:53:41.657 --> 00:53:44.097 Ideally something close to like those icons 00:53:44.097 --> 00:53:48.237 at the top row generate 10 images all without a background. 00:53:48.237 --> 00:53:51.237 I want 10 options for app icons to choose from. 00:53:51.237 --> 00:53:53.077 These are iOS app icons. 00:53:53.077 --> 00:53:56.337 And as I said earlier, the Codex app actually has 00:53:56.337 --> 00:53:58.877 the built-in ability to use image generation. 00:53:58.877 --> 00:54:01.797 So it will actually decide what prompts to use 00:54:01.797 --> 00:54:03.877 and it'll generate 10 images. 00:54:03.877 --> 00:54:07.477 Another thing that I wanna do is I want to begin thinking 00:54:07.477 --> 00:54:09.037 about our launch video. 00:54:09.037 --> 00:54:12.837 And so if we go to plugins and we type in the re-motion, 00:54:12.837 --> 00:54:15.057 we see that there's this re-motion plugin. 00:54:15.057 --> 00:54:17.917 This is how you can create motion graphics from prompts. 00:54:17.917 --> 00:54:18.857 We're gonna use this. 00:54:18.857 --> 00:54:20.317 I've already installed it. 00:54:20.317 --> 00:54:22.137 You see here it says remove from codex. 00:54:22.137 --> 00:54:24.497 If you haven't installed it, you'll see add to codex. 00:54:24.497 --> 00:54:27.017 And then you can basically give it full access 00:54:27.017 --> 00:54:27.877 to do its thing. 00:54:27.877 --> 00:54:29.617 So if we come back here and we can say, 00:54:29.617 --> 00:54:34.617 For the mobile app that we are working on right now, 00:54:34.857 --> 00:54:38.517 that is the best place for people to learn about agents 00:54:38.517 --> 00:54:41.657 and download skills and save things and learn about agents 00:54:41.657 --> 00:54:43.617 and make them become better and more productive 00:54:43.617 --> 00:54:45.377 and make more money with AI agents. 00:54:45.377 --> 00:54:46.837 I wanna create a launch video. 00:54:46.837 --> 00:54:49.457 So please just come up with a list of considerations 00:54:49.457 --> 00:54:51.317 for this, like what should we consider? 00:54:51.317 --> 00:54:55.157 Let's plan out the video where we are going to be using the, 00:54:55.157 --> 00:54:56.897 and remember you can type slash. 00:54:56.897 --> 00:55:00.637 Actually, when it's in a plugin, you go at, re-motion, 00:55:00.637 --> 00:55:02.497 skill, don't make the video yet. 00:55:02.497 --> 00:55:04.177 I just want you to think about the skill 00:55:04.177 --> 00:55:05.577 and think about the considerations 00:55:05.577 --> 00:55:07.497 that I should consider when making this video. 00:55:07.497 --> 00:55:08.657 So now we can run that. 00:55:08.657 --> 00:55:09.997 Let's go back to the mobile app. 00:55:09.997 --> 00:55:11.337 Here's what it says. 00:55:11.337 --> 00:55:14.377 So as of April 17th, the best fit for this 00:55:14.377 --> 00:55:16.637 would be clerk, Supabase, Postgres. 00:55:16.637 --> 00:55:17.477 Why? 00:55:17.477 --> 00:55:21.937 Clerk already covers your auth, and clerk, okay. 00:55:21.937 --> 00:55:23.637 Postgres is the right shape for this. 00:55:23.637 --> 00:55:25.857 Okay, so we should use Postgres. 00:55:25.857 --> 00:55:30.857 Okay, so give me the link to get started with Supabase. 00:55:32.277 --> 00:55:37.277 And is there a Supabase skill I could download 00:55:38.497 --> 00:55:40.577 that many people use? 00:55:40.577 --> 00:55:45.577 If so, download that skill, let's use it. 00:55:45.617 --> 00:55:50.417 Let me know where I need to sign in. 00:55:50.417 --> 00:55:52.157 So I noticed that in plugins, 00:55:52.157 --> 00:55:54.337 they didn't have a Supabase plugin, 00:55:54.337 --> 00:55:57.537 but Supabase are what most of the vibe coding platforms 00:55:57.537 --> 00:55:59.057 use for a database. 00:55:59.057 --> 00:56:01.257 In fact, Lovable uses Supabase 00:56:01.257 --> 00:56:03.737 and Supabase is actually a more valuable company 00:56:03.737 --> 00:56:04.577 than Lovable. 00:56:04.577 --> 00:56:06.557 It's like an incredibly valuable company. 00:56:06.557 --> 00:56:08.917 They're recently $10 billion and it's just. 00:56:10.117 --> 00:56:14.377 database at this point. And so we're going to use it. And since it doesn't have a built-in 00:56:14.377 --> 00:56:19.837 plugin, I'm just having Codex search the internet and find a skill that we can use for Supabase. 00:56:19.837 --> 00:56:25.617 And while that is searching for that skill, we're going to go to this plan remotion launch video that's now done. 00:56:25.837 --> 00:56:31.597 And so based on the chorus plan.md, and we have the Swift, the strongest launch video is AI is not the future. 00:56:31.937 --> 00:56:33.257 And it gave us this plan. 00:56:33.337 --> 00:56:39.977 It gave us some ideas, but I actually kind of want to make it more like the Anthropic videos, which do a really good job of showing off the product. 00:56:40.097 --> 00:56:43.797 But the first thing that we want to do is just test and see if this remotion skill works. 00:56:43.857 --> 00:56:47.677 And remember, remotion is what we're using to create a motion graphics video. 00:56:47.677 --> 00:56:57.077 And so what I'm going to do is I'm just going to say, please use the skill to create a test video that just says, then it should show a mock-up. 00:56:57.417 --> 00:57:02.897 It should flash between three more scenes that show these different screens. 00:57:03.257 --> 00:57:12.297 And so what I'm going to do is I'm just going to screenshot this screen and this screen and this screen right here just to give it some additional context so it knows what screens to use. 00:57:12.297 --> 00:57:19.837 I want you to make a mock-up of these so it looks exactly like an iPhone and have it animate on the screen and just have these four scenes. 00:57:19.997 --> 00:57:21.897 The purpose of it and keep it as a white background. 00:57:22.037 --> 00:57:29.017 The purpose of this is to just really I really want to just focus on seeing if this skill works properly. 00:57:29.357 --> 00:57:33.057 And please look into this skill to figure out how you can run this locally. 00:57:33.057 --> 00:57:41.357 So I can just click the local link and it opens up here in the side window and I can see the video along with the different tracks and sequences. 00:57:41.817 --> 00:57:43.737 And if you get confused by that last part 00:57:43.737 --> 00:57:45.377 and I talk about tracks and sequences, 00:57:45.377 --> 00:57:47.057 I'll explain exactly what that means. 00:57:47.197 --> 00:57:48.757 I actually have a good deal of experience 00:57:48.757 --> 00:57:50.297 using the re-motion skill. 00:57:50.657 --> 00:57:51.897 I used to use it in Claude Code. 00:57:52.257 --> 00:57:53.577 I've used it in the Vibe Code app 00:57:53.577 --> 00:57:55.257 and it's a pretty easy skill to use. 00:57:55.317 --> 00:57:55.777 I'll show you. 00:57:55.857 --> 00:57:57.317 So here it gave me this link. 00:57:57.457 --> 00:57:59.137 We're back to creating a mobile app. 00:57:59.217 --> 00:58:00.897 Remember, I'm sorry if we're moving around, 00:58:01.017 --> 00:58:02.517 but remember this will take like, 00:58:02.597 --> 00:58:04.417 some of these will take like five or six minutes. 00:58:04.417 --> 00:58:06.157 So we want to be able to multitask. 00:58:06.157 --> 00:58:07.297 So again, we're back. 00:58:07.457 --> 00:58:10.017 We're looking at how to use Supabase. 00:58:10.017 --> 00:58:13.917 And remember, I actually don't use Supabase that often, so I'm learning this as I go. 00:58:14.037 --> 00:58:17.497 And that's part of what I'm trying to show you here is you can learn how to do things 00:58:17.497 --> 00:58:18.717 as you do it. 00:58:18.797 --> 00:58:20.717 That is part of the fun of using AIs. 00:58:20.857 --> 00:58:22.997 It will just tell you how to do things. 00:58:23.097 --> 00:58:24.097 You can just figure it out. 00:58:24.197 --> 00:58:25.697 So I'm just going to create a new project. 00:58:26.097 --> 00:58:32.217 New project name is going to be, and then we'll type a strong password, enable data 00:58:32.217 --> 00:58:34.577 API, and create new project. 00:58:35.057 --> 00:58:38.857 I'm going to say, okay, I created a new project. 00:58:38.857 --> 00:58:43.857 send me the URL region and tell me when it exists. 00:58:44.077 --> 00:58:45.477 Okay, so we can hit save. 00:58:45.477 --> 00:58:48.517 I need to give it a URL region. 00:58:48.517 --> 00:58:50.617 It's loading up. 00:58:50.617 --> 00:58:51.897 That's pretty cool. 00:58:51.897 --> 00:58:56.897 And if you take a look here, if we click connect, 00:58:56.897 --> 00:58:59.737 I noticed here that we have an MCP. 00:58:59.737 --> 00:59:04.737 We can choose codecs and we can give it feature groups, 00:59:05.737 --> 00:59:08.117 only enable the subset of the features. 00:59:08.857 --> 00:59:10.997 All right, so we can just copy this prompt. 00:59:11.257 --> 00:59:15.397 So this should allow you to connect. 00:59:15.397 --> 00:59:20.857 If you can connect, create the full DB and add everything. 00:59:21.557 --> 00:59:26.157 If not, let me know what else you need. 00:59:26.557 --> 00:59:28.877 Okay, so the Remotion launch video is done. 00:59:28.977 --> 00:59:31.977 And so notice here, it gives us this localhost 3031. 00:59:32.377 --> 00:59:35.657 We click on it and a timeline opens up right here. 00:59:35.857 --> 00:59:37.637 And you can just edit this video. 00:59:37.777 --> 00:59:38.477 Take a look at this. 00:59:38.477 --> 00:59:40.297 You can just see a video. 00:59:40.417 --> 00:59:41.097 We have our app. 00:59:41.237 --> 00:59:43.917 This is a mock-up of all the screens in our app 00:59:43.917 --> 00:59:46.357 showing up right here on our screen. 00:59:46.437 --> 00:59:48.097 And we're just using the Remotion plugin. 00:59:48.217 --> 00:59:49.317 I didn't do anything crazy. 00:59:49.517 --> 00:59:51.437 You just enable the Remotion plugin. 00:59:51.597 --> 00:59:55.257 You type at Remotion and boom, you're using it. 00:59:55.377 --> 00:59:56.617 Now check this out, please. 00:59:56.857 --> 00:59:59.117 Can you, I'm just gonna go on a tangent here 00:59:59.117 --> 01:00:01.237 and just kind of talk about it. 01:00:01.277 --> 01:00:02.977 And so by the way, this is how this works. 01:00:03.037 --> 01:00:07.457 So you have like each second, each second has 30 frames. 01:00:07.457 --> 01:00:09.257 So this is 30 frames per second. 01:00:09.497 --> 01:00:11.457 And so you can always reference the frames. 01:00:11.697 --> 01:00:14.477 So that's how I kind of talk to AI as I'm going through this. 01:00:14.557 --> 01:00:18.057 So this would be on two seconds, 20 frame or 2.20. 01:00:18.377 --> 01:00:21.497 You can mention the exact time that you want to make a change. 01:00:21.577 --> 01:00:25.737 Like one thing I noticed here is like there's this learn text here, 01:00:25.737 --> 01:00:28.317 but we don't need to make changes to this because we're just, 01:00:28.437 --> 01:00:31.057 we just wanted to test this to see if this works and it does work. 01:00:31.137 --> 01:00:34.777 And so I'm just going to say, make an outline for the phones like black, 01:00:34.777 --> 01:00:36.337 make it look a little bit better. 01:00:37.457 --> 01:00:40.677 Just like right now, you just show the screen. 01:00:40.677 --> 01:00:42.657 I want a little black border around the edge 01:00:42.657 --> 01:00:44.077 to make it look more like an iPhone. 01:00:44.077 --> 01:00:46.577 Now, before the first screen comes on the phone, 01:00:46.577 --> 01:00:48.237 I want text on the screen. 01:00:48.237 --> 01:00:50.057 The text on the screen should read, 01:00:50.057 --> 01:00:52.657 it should read agents are taking over the world. 01:00:52.657 --> 01:00:57.657 Then there should be a little toggle that says learn, 01:00:58.877 --> 01:01:02.957 and it should be in the off position. 01:01:02.957 --> 01:01:06.477 Then have a mouse, and this should be black, 01:01:06.477 --> 01:01:08.877 like computer mouse, come on the screen 01:01:08.877 --> 01:01:10.897 and then toggle it to on. 01:01:10.897 --> 01:01:14.257 As soon as that happens, the first phone screen 01:01:14.257 --> 01:01:15.497 should come on the screen 01:01:15.497 --> 01:01:18.397 and then it should scroll down on the phone 01:01:18.397 --> 01:01:21.597 and look through all of the different things 01:01:21.597 --> 01:01:22.577 that you can learn. 01:01:22.577 --> 01:01:24.757 And I want you to have five different things 01:01:24.757 --> 01:01:27.757 that you can learn that shows up like agents 101, 01:01:27.757 --> 01:01:31.377 building your first agent, learning about skills, 01:01:31.377 --> 01:01:32.617 and then come up with two more 01:01:32.617 --> 01:01:34.257 based on what's popular with Codex. 01:01:34.257 --> 01:01:36.277 And then we'll build the next scene after that. 01:01:36.277 --> 01:01:40.537 So that is what I want first here, right? 01:01:40.537 --> 01:01:42.057 I'm gonna add something that comes up 01:01:42.057 --> 01:01:43.997 before it says welcome to Chorus. 01:01:43.997 --> 01:01:46.017 I actually don't want the welcome to Chorus. 01:01:46.017 --> 01:01:47.897 And remember, we can use steer. 01:01:47.897 --> 01:01:51.097 So like we should never see the welcome to Chorus phone screen. 01:01:51.097 --> 01:01:52.317 I don't wanna see that. 01:01:52.317 --> 01:01:55.137 It should immediately after the screen I said 01:01:55.137 --> 01:01:58.817 to show the app and scrolling down on the agents page. 01:01:58.817 --> 01:02:03.397 So remember, while it's loading, we can press enter. 01:02:03.397 --> 01:02:06.277 And you can see that this actually steered the conversation. 01:02:06.277 --> 01:02:07.497 Let's go back to our mobile app. 01:02:07.577 --> 01:02:09.637 Let's take a look and see what the database, 01:02:09.817 --> 01:02:10.357 what we're doing. 01:02:10.457 --> 01:02:12.597 Okay, the Supabase MCP is set up. 01:02:12.777 --> 01:02:13.357 Placed locally. 01:02:13.497 --> 01:02:14.617 I added the Supabase server 01:02:14.617 --> 01:02:16.857 and enabled remote MCP client support. 01:02:17.097 --> 01:02:19.057 Okay, then blah, blah, blah, blah, blah. 01:02:19.257 --> 01:02:21.237 I could not apply the database directly 01:02:21.237 --> 01:02:23.117 from this live agent process 01:02:23.117 --> 01:02:25.757 because the current session still does not expose 01:02:25.757 --> 01:02:28.417 the newly added MCP server to the layer. 01:02:28.717 --> 01:02:30.657 So what we need to do 01:02:30.657 --> 01:02:32.377 is we actually need to create a new chat. 01:02:32.377 --> 01:02:33.377 Here it actually says, 01:02:33.537 --> 01:02:34.997 if you restart Codex now 01:02:34.997 --> 01:02:40.357 and come back to this project, I can do the actual DB apply next. So we're going to come down here. 01:02:40.437 --> 01:02:45.317 We're just going to quit codec. We are going to quit, I believe. Yeah, we're going to quit codecs 01:02:45.317 --> 01:02:50.557 and we're going to reopen it. And then I'm going to just say, okay, I restarted it. Please do it. 01:02:50.757 --> 01:02:56.877 Okay. So it looks like the Xcode is done. So we can actually run this and it says that it created 01:02:56.877 --> 01:03:02.277 all of these different tables in the database. So it says it should be stored in Supabase. So 01:03:02.277 --> 01:03:08.177 if we open our simulator, we do see that there is data in here. So let's hope that this is actually 01:03:08.177 --> 01:03:13.957 stored in Supabase. So we can go to arc. Okay. So we definitely see some requests here. What we can 01:03:13.957 --> 01:03:19.557 do, let's go ahead and go to table editor. Nice. Look at all these tables. So if we were to go to 01:03:19.557 --> 01:03:26.957 like skill categories, for example, very cool. So we have different icons. So we can set the icon 01:03:26.957 --> 01:03:36.637 here. This is cool. So we have the different skill platforms, saved items, skills. So we have 01:03:36.637 --> 01:03:43.097 category, research, GTM, build ops. Okay. We have competitor scan, landing critic. Let's see if 01:03:43.097 --> 01:03:51.497 these are in here. Let's go to simulator. So if we go to platform, so we can edit those skills. 01:03:52.297 --> 01:03:54.757 Yeah, we have competitor scan, landing critic. 01:03:55.117 --> 01:03:56.357 We can copy this. 01:03:56.917 --> 01:03:58.477 Let's see if that actually copied. 01:03:58.937 --> 01:04:00.897 Yep, this copied to my clipboard. 01:04:01.297 --> 01:04:02.297 That's pretty cool. 01:04:02.557 --> 01:04:03.977 This is starting to look pretty good. 01:04:04.137 --> 01:04:07.537 Can we, so I think the saved just happens locally 01:04:07.537 --> 01:04:10.737 because we haven't added authentication yet, 01:04:10.737 --> 01:04:13.617 but this does look like it's being stored in the database. 01:04:13.817 --> 01:04:14.737 So that's pretty cool. 01:04:14.877 --> 01:04:16.217 So we have database set up. 01:04:16.457 --> 01:04:21.037 Now, I want you to go to my YouTube account, 01:04:21.037 --> 01:04:29.217 Riley Brown and find videos where I talk about agents. Find my... 01:04:33.959 --> 01:04:40.339 agents specifically to come up with the learn, the stuff on the learn tab. I want five lessons 01:04:40.339 --> 01:04:43.879 and this means you're gonna be in my own voice. 01:04:44.079 --> 01:04:45.159 I want you to fill them in 01:04:45.159 --> 01:04:46.299 and these should be more general. 01:04:46.439 --> 01:04:47.939 I should not be specifically talking 01:04:47.939 --> 01:04:49.399 about specific agent tools. 01:04:49.699 --> 01:04:51.599 I want you to actually create a curriculum 01:04:51.599 --> 01:04:53.139 based on the stuff I've talked about 01:04:53.139 --> 01:04:55.639 but do additional research to fill in the gaps 01:04:55.639 --> 01:04:57.679 to create high quality lessons. 01:04:58.039 --> 01:05:00.539 And remember, earlier we created that skill 01:05:00.539 --> 01:05:03.519 which is called, I believe it's YouTube researcher 01:05:03.519 --> 01:05:06.379 for transcript pulling. 01:05:06.379 --> 01:05:08.619 So let's go back to the Remotion launch video. 01:05:08.619 --> 01:05:16.839 let's see how this did if we refresh the page here and we hit play agents are 01:05:16.839 --> 01:05:23.259 taking over the world notice here the mouse missed it right here I believe 01:05:23.259 --> 01:05:31.779 view show guides no show rulers okay so this is a little hack with the remotion 01:05:31.779 --> 01:05:37.819 skill so notice here that this mouse goes we want this mouse to go here so 01:05:37.819 --> 01:05:53.299 this would be like 1000 on the x-axis and 1610. So 1000 x-axis, 610 y-axis. And it's currently 01:05:53.299 --> 01:06:01.359 at like 1040. So like if you can, you can turn on these grid lines to give the agent very specific 01:06:01.359 --> 01:06:11.179 instructions. And so 1040 x-axis and it is on 540. The arrow completely missed the screen, 01:06:11.439 --> 01:06:19.459 the toggle. And it should be about at this location. The arrow ended up like the mouse 01:06:19.459 --> 01:06:25.399 when clicking ended up at this location. So I don't want it here. I want it at the location above. 01:06:25.979 --> 01:06:30.519 And so let's see. So this is actually looking pretty good. So agents are taking over the world. 01:06:30.519 --> 01:06:35.459 You click learn and now this screen pops up. 01:06:35.459 --> 01:06:38.699 So let's go right at the three second mark. 01:06:38.699 --> 01:06:40.119 Then right at the three second mark, 01:06:40.119 --> 01:06:44.319 I want the camera to zoom in on learning about skills. 01:06:44.319 --> 01:06:46.859 And then it should zoom in on the component 01:06:46.859 --> 01:06:48.679 that has learning about skills. 01:06:48.679 --> 01:06:49.999 And then it should kind of transition 01:06:49.999 --> 01:06:51.819 to like almost like a document view. 01:06:51.819 --> 01:06:54.359 It should not be a phone screen. 01:06:54.359 --> 01:06:58.279 It should be, and then it should show some information 01:06:58.279 --> 01:07:01.739 about skills and just show like 10 popular skills. 01:07:01.739 --> 01:07:04.099 Do some research, show 10 popular skills 01:07:04.099 --> 01:07:06.019 and each one should have some information. 01:07:06.019 --> 01:07:08.379 And so this should be more of like a full screen view 01:07:08.379 --> 01:07:10.479 that shows the different things that you can learn 01:07:10.479 --> 01:07:11.319 within that. 01:07:11.319 --> 01:07:14.419 And it should just take the viewer through the fact 01:07:14.419 --> 01:07:16.259 that you can learn about agent skills. 01:07:16.259 --> 01:07:17.959 Okay, we're gonna run that. 01:07:17.959 --> 01:07:19.579 And now if we go back to our web app, 01:07:19.579 --> 01:07:21.399 we can see that it is done. 01:07:21.399 --> 01:07:23.219 And notice here, if we actually open this 01:07:23.219 --> 01:07:25.179 in a separate browser, right? 01:07:25.179 --> 01:07:27.259 If we were to open this up in Arc, 01:07:27.259 --> 01:07:28.519 Let's just paste this in arc. 01:07:28.519 --> 01:07:30.959 You can see that the tally is indeed working. 01:07:30.959 --> 01:07:34.839 And so what I'm gonna do is I want you to please 01:07:34.839 --> 01:07:39.839 make this look like the iOS app we're building. 01:07:40.299 --> 01:07:41.999 Keep the design very simple 01:07:41.999 --> 01:07:45.479 and make the design have the same exact font, 01:07:45.479 --> 01:07:49.639 have like no components, very little like subtext. 01:07:49.639 --> 01:07:51.579 I just want this to be very, very simple. 01:07:51.579 --> 01:07:53.879 I just want the design to look exactly like it 01:07:53.879 --> 01:07:58.819 and then have like information about the app on this website. 01:07:58.819 --> 01:08:00.339 You know, you're not the best designer, 01:08:00.339 --> 01:08:02.599 so I want you to like make sure 01:08:02.599 --> 01:08:04.379 that this is designed pretty well. 01:08:04.379 --> 01:08:06.919 And like keep it simple, it should look like the app. 01:08:06.919 --> 01:08:08.519 Get rid of this background gradient, 01:08:08.519 --> 01:08:10.519 change the font to match the application. 01:08:10.519 --> 01:08:13.499 Okay, so we're currently working on a launch video, 01:08:13.499 --> 01:08:15.739 a mobile app and a web app at the same time. 01:08:15.739 --> 01:08:18.059 So here, I'm just gonna refresh this. 01:08:18.059 --> 01:08:19.479 The remotion is done. 01:08:19.479 --> 01:08:20.499 Let's go ahead. 01:08:21.399 --> 01:08:22.999 So we can click learn. 01:08:22.999 --> 01:08:25.219 There we go, that's not bad. 01:08:27.719 --> 01:08:30.279 Okay, so this zoom, when it zooms, 01:08:30.279 --> 01:08:31.939 I want it to zoom even more. 01:08:31.939 --> 01:08:33.799 So it like, it should zoom all the way 01:08:33.799 --> 01:08:35.459 and then it should kind of transition. 01:08:35.459 --> 01:08:37.339 And then notice here, the transitions are like, 01:08:37.339 --> 01:08:41.559 kind of like fade out, it looks, this is disgusting. 01:08:41.559 --> 01:08:43.419 Okay, so what we're gonna do here is, 01:08:43.419 --> 01:08:45.679 I'm gonna screenshot this. 01:08:45.679 --> 01:08:47.779 I'm just gonna paste this here. 01:08:47.779 --> 01:08:51.419 Okay, and then the transition should be like harsher cuts. 01:08:51.419 --> 01:08:53.379 I do not like this fade out transition. 01:08:53.679 --> 01:08:55.499 Like make it a faster transition 01:08:55.499 --> 01:08:57.039 and just make it more professional. 01:08:57.299 --> 01:08:59.199 And then also the screenshot I gave you, 01:08:59.319 --> 01:09:00.179 this is hideous. 01:09:00.359 --> 01:09:02.439 What I want you to do instead of this 01:09:02.439 --> 01:09:05.419 is I just want you to have skills at the top. 01:09:05.539 --> 01:09:07.479 Like just put the word skills at the top 01:09:07.479 --> 01:09:09.339 and then have like colored cards 01:09:09.339 --> 01:09:11.299 that look premium, amazing. 01:09:11.299 --> 01:09:15.139 And then have them rotating through like a wheel, 01:09:15.399 --> 01:09:17.639 like almost like a wheel animation 01:09:17.639 --> 01:09:19.519 through the like the screen. 01:09:19.519 --> 01:09:21.879 I'll draw something out for you real quick. 01:09:21.999 --> 01:09:24.379 I'll kind of share what I want you to create. 01:09:24.619 --> 01:09:26.039 I want this to be amazing. 01:09:26.499 --> 01:09:32.759 What I'm going to do here is I'm going to want this to be like, yeah, I want it to be 01:09:32.759 --> 01:09:33.959 something like this. 01:09:34.359 --> 01:09:36.419 So we'll give it kind of this sketch right here. 01:09:36.599 --> 01:09:40.519 I want it to look something like this. 01:09:41.139 --> 01:09:41.539 Okay. 01:09:41.719 --> 01:09:45.939 So it turns out I forgot Codex is just not the best at web design. 01:09:46.139 --> 01:09:49.139 So what we're going to do is we're actually just going to use Opus. 01:09:49.139 --> 01:09:52.679 So I'm just going to type in Claude here in the terminal. 01:09:52.799 --> 01:09:55.339 So this is a good use case in my opinion. 01:09:55.519 --> 01:09:57.279 If you're someone who has a Claude subscription, 01:09:57.459 --> 01:09:58.599 but you want to use Codex, 01:09:58.659 --> 01:10:00.479 because I think Codex is a better interface, 01:10:00.679 --> 01:10:02.199 but Claude is better at design. 01:10:02.279 --> 01:10:04.719 So you can use Claude directly in here. 01:10:04.759 --> 01:10:05.839 And you notice here, remember, 01:10:06.139 --> 01:10:08.939 if we go back to the beginning of the video, 01:10:09.199 --> 01:10:10.479 whenever we create this project, 01:10:10.639 --> 01:10:14.039 it already, like we created this project at my new business. 01:10:14.199 --> 01:10:16.519 And so when we go into the terminal, right? 01:10:16.539 --> 01:10:17.839 If you know how to use Claude code, 01:10:17.839 --> 01:10:20.159 You kind of have, you have this set up already. 01:10:20.159 --> 01:10:22.359 If you don't have Claude code, search on the internet 01:10:22.359 --> 01:10:23.779 how to set up Claude code. 01:10:23.779 --> 01:10:25.039 It'll take you five minutes. 01:10:25.039 --> 01:10:26.039 You can figure it out. 01:10:26.039 --> 01:10:30.079 And you can run Claude code from this app right here, 01:10:30.079 --> 01:10:30.999 from the terminal. 01:10:30.999 --> 01:10:33.459 And if you don't want to have to approve anything, 01:10:33.459 --> 01:10:35.499 you can go like this. 01:10:40.279 --> 01:10:42.839 You can go Claude space dash dash 01:10:42.839 --> 01:10:47.839 dangerously-skip-permissions. 01:10:49.859 --> 01:10:52.799 And this will run it on bypass permissions mode, 01:10:52.799 --> 01:10:55.379 which is the same as the full access mode. 01:10:55.379 --> 01:11:00.379 But anyway, we are working on the landing page here. 01:11:01.279 --> 01:11:04.899 And what I like to do is I like to give it context, right? 01:11:04.899 --> 01:11:06.939 Because Claude doesn't have the same context 01:11:06.939 --> 01:11:08.119 as if you were chatting here. 01:11:08.119 --> 01:11:11.299 It knows we're in this my new business, 01:11:11.299 --> 01:11:13.419 but it doesn't know anything else. 01:11:13.419 --> 01:11:15.859 It's just in this folder. 01:11:15.859 --> 01:11:18.039 It doesn't know if it's working on the chorus plan 01:11:18.039 --> 01:11:19.519 or the chorus video. 01:11:19.519 --> 01:11:21.999 We are using Tally and I wanna make sure 01:11:21.999 --> 01:11:24.199 that we create a really good landing page. 01:11:24.199 --> 01:11:27.479 I want you to completely forget the styling of this page 01:11:27.479 --> 01:11:28.359 that you have here. 01:11:28.359 --> 01:11:30.979 I want you to make this a landing page 01:11:30.979 --> 01:11:33.359 for the following application. 01:11:33.359 --> 01:11:34.939 It is the chorus app. 01:11:34.939 --> 01:11:37.499 And so you're gonna look at the code of the chorus app 01:11:37.499 --> 01:11:39.519 in this folder right here, 01:11:39.519 --> 01:11:43.199 And you are going to analyze how it's styled. 01:11:43.259 --> 01:11:43.939 It's very simple. 01:11:44.019 --> 01:11:44.459 It's white. 01:11:44.559 --> 01:11:46.559 Look at the font and make the app matte 01:11:46.559 --> 01:11:48.239 or make this landing page match it. 01:11:48.279 --> 01:11:49.799 And it should have the tally embed. 01:11:50.039 --> 01:11:50.819 That's all I want. 01:11:51.079 --> 01:11:53.839 Minimal text, really make it convert, make it great. 01:11:54.019 --> 01:11:54.939 Okay, we'll run that. 01:11:55.219 --> 01:11:56.899 And we can actually see Cloud Code 01:11:56.899 --> 01:11:58.659 working on this in real time. 01:11:59.179 --> 01:12:00.899 We can very easily just like minimize it 01:12:00.899 --> 01:12:01.919 almost all the way. 01:12:02.359 --> 01:12:04.439 And Cloud Code will just continue working on this. 01:12:04.519 --> 01:12:06.199 Okay, so the mobile app is done. 01:12:06.199 --> 01:12:08.139 Let's go ahead and open up Xcode. 01:12:08.139 --> 01:12:12.699 and what we need to do is it analyzed my YouTube, right? 01:12:12.759 --> 01:12:13.959 Remember what we asked it to do. 01:12:14.039 --> 01:12:15.719 We were having it research my YouTube 01:12:15.719 --> 01:12:20.719 and it created five lessons based on my YouTube transcript. 01:12:20.899 --> 01:12:21.639 So what is an agent? 01:12:21.779 --> 01:12:24.119 Narrow, Beats, General, Build the Loop, 01:12:24.299 --> 01:12:26.759 Workspace Memory Skills, Team, and Handoff. 01:12:26.879 --> 01:12:28.379 So I've made videos on this before. 01:12:28.379 --> 01:12:31.019 So it did research and it created these lessons. 01:12:31.199 --> 01:12:32.179 So what is an agent? 01:12:32.719 --> 01:12:33.119 Okay. 01:12:34.134 --> 01:12:41.034 these lessons. So what is an agent? Okay. Okay. These are way too short. Make them longer, please. 01:12:41.034 --> 01:12:46.034 Okay, so Claude Code just went to town on the web app. 01:12:47.214 --> 01:12:49.534 Oh wow, this looks a lot better. 01:12:49.534 --> 01:12:52.834 So we can actually open this up in an external browser 01:12:52.834 --> 01:12:55.374 to see it full screen, or we can just go like this. 01:12:55.374 --> 01:12:58.934 And you'll notice here, you can press get early access. 01:12:58.934 --> 01:13:00.794 Oh, and it goes down here, 01:13:00.794 --> 01:13:02.814 and this is where you put your information. 01:13:02.814 --> 01:13:03.714 For whatever reason, 01:13:03.714 --> 01:13:07.474 this in-app browser is not showing the tally form. 01:13:07.474 --> 01:13:10.154 Let's see if it shows up here. 01:13:10.154 --> 01:13:14.154 Wait, so we can refresh this, get early access. 01:13:14.154 --> 01:13:16.114 Boom, we can put this here. 01:13:16.114 --> 01:13:19.594 For whatever reason, these icons are a little bit different, 01:13:19.594 --> 01:13:21.594 but learn agents in one place. 01:13:21.594 --> 01:13:23.914 A simple iPhone app for learning agent fundamentals, 01:13:23.914 --> 01:13:25.234 comparing the right platforms, 01:13:25.234 --> 01:13:27.354 and sharing reusable skills. 01:13:27.354 --> 01:13:28.954 One thing I can add here, 01:13:28.954 --> 01:13:33.514 and wow, Codex is not nearly as good at design, 01:13:33.514 --> 01:13:38.514 it feels like, so please add like works with Codex, 01:13:38.514 --> 01:13:43.954 Codex, Claude Code, OpenClaw, Hermes, and Gemini. 01:13:44.274 --> 01:13:52.074 Please see if you can pull those logos and put them in the files so they show up. 01:13:52.194 --> 01:13:53.414 Okay, so that's pretty good. 01:13:53.554 --> 01:13:55.054 Let's go ahead and check on the mobile app. 01:13:55.234 --> 01:13:57.074 So if we go to Xcode, we hit play. 01:13:57.374 --> 01:13:59.094 Let's see what this looks like. 01:13:59.194 --> 01:14:00.714 Where is my simulator? 01:14:01.014 --> 01:14:01.734 There it is. 01:14:01.954 --> 01:14:03.994 Okay, so this is looking pretty good. 01:14:04.094 --> 01:14:04.874 What is an agent? 01:14:04.874 --> 01:14:08.254 It is very text heavy, but at least we have some more. 01:14:08.554 --> 01:14:09.614 This is a little bit longer. 01:14:09.754 --> 01:14:11.234 We do have the database set up. 01:14:11.574 --> 01:14:13.694 Now what I want to do is I want to have platforms. 01:14:14.234 --> 01:14:26.174 So for the platforms, I want to have it be just a list of platforms, no tags or categories 01:14:26.174 --> 01:14:27.554 going horizontally across. 01:14:27.894 --> 01:14:29.274 I just want a list of platforms. 01:14:29.414 --> 01:14:31.794 This will be my curated list of 10 to 20. 01:14:31.794 --> 01:14:46.254 The ones that I want you to have right now, I want to have Clawed Code, Codex, Cursor, OpenClaw, Hermes, Manus, Perplexity Computer, and that's good for now. 01:14:46.674 --> 01:14:50.154 For the icons, see if you can grab the icon for each of these. 01:14:50.654 --> 01:14:52.234 Like, figure out how to do that. 01:14:52.334 --> 01:14:54.134 If you can't do it, that's okay. 01:14:54.234 --> 01:14:56.114 I can get you the PNGs manually. 01:14:56.114 --> 01:15:01.634 But see if you can do it and get all of this info in the database so it works properly. 01:15:01.794 --> 01:15:03.594 but yeah, we don't need tags for this 01:15:03.594 --> 01:15:04.974 because there's never gonna be over 20. 01:15:05.214 --> 01:15:07.014 Okay, we fired off that prompt. 01:15:07.454 --> 01:15:09.234 Let's go check on our remotion. 01:15:09.854 --> 01:15:11.774 So remember, we can full screen this. 01:15:11.874 --> 01:15:13.014 This is looking pretty cool. 01:15:15.034 --> 01:15:19.874 Let's go ahead and try to play this. 01:15:23.494 --> 01:15:25.414 Okay, this is looking good. 01:15:25.894 --> 01:15:28.034 This is, oh, it's just a little choppy, 01:15:28.174 --> 01:15:30.554 and then it, okay, so we have like good four seconds 01:15:30.554 --> 01:15:31.434 are pretty good here. 01:15:31.794 --> 01:15:34.834 So it goes here, we click learn. 01:15:34.834 --> 01:15:36.694 It kind of shows that you can learn these 01:15:36.694 --> 01:15:39.814 and here it has some skills going by. 01:15:39.814 --> 01:15:43.114 The skills are rotating still slightly too fast. 01:15:43.114 --> 01:15:44.794 I just want them to be a little bit slower 01:15:44.794 --> 01:15:46.234 so I can read them. 01:15:46.234 --> 01:15:49.394 And then immediately after this screen, 01:15:49.394 --> 01:15:54.394 the way I want it to end is I want the YouTube researcher skill 01:15:55.954 --> 01:15:58.654 to animate up to the top. 01:15:58.654 --> 01:16:01.974 And then I want text to come in to describe the skills. 01:16:01.974 --> 01:16:04.794 I want to show a copy animation 01:16:04.794 --> 01:16:06.934 as if I was pressing the copy button. 01:16:06.934 --> 01:16:09.074 Then it should say copy to clipboard. 01:16:09.074 --> 01:16:14.074 And then we are going to show the Codex app opening up. 01:16:14.134 --> 01:16:17.234 And so what we can do is we can say, 01:16:17.234 --> 01:16:18.654 this is gonna be a hard one. 01:16:18.654 --> 01:16:19.714 So I'm gonna paste this in. 01:16:19.714 --> 01:16:22.994 Then it should show a text input area, 01:16:22.994 --> 01:16:26.214 just like the one of the screenshot that I showed you 01:16:26.214 --> 01:16:27.254 for the Codex app. 01:16:27.254 --> 01:16:29.474 and then have typing in that box. 01:16:29.474 --> 01:16:32.114 And it should say, can you please add this skill? 01:16:32.114 --> 01:16:35.814 And then show somehow that that document was pasted 01:16:35.814 --> 01:16:38.254 in the text input area. 01:16:38.254 --> 01:16:40.754 And it should show up above where you're typing. 01:16:40.754 --> 01:16:43.514 So this should look like a computer basically. 01:16:43.514 --> 01:16:44.994 Okay, so this is gonna be a hard one. 01:16:44.994 --> 01:16:46.974 We're gonna have to edit this a little bit more, 01:16:46.974 --> 01:16:48.094 but that's okay. 01:16:48.094 --> 01:16:51.034 Okay, so we are kind of working through all of these. 01:16:51.034 --> 01:16:52.774 We're making our way through our iPhone app. 01:16:52.774 --> 01:16:53.894 This will take a little bit. 01:16:53.894 --> 01:16:56.814 One thing I wanna cover is forking a chat. 01:16:56.814 --> 01:16:59.554 So we can actually come to mobile app here. 01:16:59.554 --> 01:17:02.214 And what we can do, actually, I'm gonna fork this chat 01:17:02.214 --> 01:17:03.334 as soon as this is done. 01:17:03.334 --> 01:17:05.594 So one second, I'm gonna wait for this to finish. 01:17:05.594 --> 01:17:07.834 Then we're actually gonna fork this chat 01:17:07.834 --> 01:17:10.354 and we are going to create our, 01:17:10.354 --> 01:17:13.094 we are gonna start working on our investor deck. 01:17:13.094 --> 01:17:18.094 So please mark investor deck as working. 01:17:18.374 --> 01:17:20.274 And so I'm gonna wait for the mobile app to finish. 01:17:20.274 --> 01:17:22.734 Okay, so the mobile app is done. 01:17:22.734 --> 01:17:25.854 And so what I wanna do here is I'm actually going to 01:17:25.854 --> 01:17:31.654 fork the chat. And you can do this by coming over here and right clicking or two finger click. 01:17:31.934 --> 01:17:36.014 And what we're going to do is we're just going to hit fork into local. If you're not technical, 01:17:36.454 --> 01:17:40.934 don't worry about fork into new work tree. That doesn't matter for the sake of this video. 01:17:40.934 --> 01:17:46.434 Just do fork into local. And this is going to create a new chat. And what I'm going to do is 01:17:46.434 --> 01:17:53.694 I'm going to rename this to investor deck. And what I'm going to do, please analyze the features 01:17:53.694 --> 01:17:57.274 and assets from this application. 01:17:57.734 --> 01:18:02.234 And I want you to create an investor slide deck 01:18:02.234 --> 01:18:03.294 in the same style. 01:18:03.714 --> 01:18:05.514 You know, like we have all of those icons 01:18:05.514 --> 01:18:08.674 that we've created earlier for Codex, Cursor, 01:18:08.894 --> 01:18:11.054 OpenClaw, et cetera, that are in the app right now. 01:18:11.134 --> 01:18:13.494 So include those, like all the styling stuff 01:18:13.494 --> 01:18:15.474 in this new investor deck. 01:18:15.574 --> 01:18:17.714 And I believe we have a skill that's built in. 01:18:17.714 --> 01:18:19.074 I think it's just called PowerPoint. 01:18:19.654 --> 01:18:20.974 And so we can reference that. 01:18:21.174 --> 01:18:22.854 I want you to search the internet for a bit, 01:18:22.854 --> 01:18:29.594 find out what investors are currently looking for in April of 2026. Like what are they looking for 01:18:29.594 --> 01:18:35.214 in a PowerPoint deck or in a deck that you send them and please create it like that in that style. 01:18:35.374 --> 01:18:40.754 So find some examples online and copy the style. Do not rely on your own styling ability. Okay, 01:18:41.054 --> 01:18:47.034 so we're going to send this off. Now we are working on this investor deck. So remember, 01:18:47.034 --> 01:18:52.454 so we created the iOS app design. We're still working on the iPhone app. We're working on the 01:18:52.454 --> 01:18:58.714 web app landing page, which is almost done. We are working on the investor deck and launch video. 01:18:58.934 --> 01:19:03.934 Okay, so the investor deck is done. And I love the way it looks in codex. Like look at this, 01:19:03.974 --> 01:19:08.534 you can create an investor deck just like this. I will say it's not the best at designing 01:19:08.534 --> 01:19:13.314 PowerPoints yet. So what we need to do is we're going to open up the terminal here and we're 01:19:13.314 --> 01:19:23.014 going to type in Claude dangerously skip permissions and we're going to say hey there Claude I need you 01:19:23.014 --> 01:19:28.254 to take a look at this PowerPoint and I need you to make it look better I want you to refine it I 01:19:28.254 --> 01:19:33.954 want there to be less text some more graphics check and see how what are best practices for 01:19:33.954 --> 01:19:38.174 you to do it I want you to just really make this like a refined deck there's just seems to be too 01:19:38.174 --> 01:19:45.034 much text on this deck. It's not super readable. It's just not my favorite deck right now. So please 01:19:45.034 --> 01:19:50.474 make it so much better. Don't add any slides or change the material. Just make it better. Make it 01:19:50.474 --> 01:19:56.474 more refined, less text, more visuals that like put things into perspective, you know, like charts, 01:19:56.974 --> 01:20:04.154 anything like that. That could be good. Make it better. We are working on, and so it's useful to 01:20:04.154 --> 01:20:08.174 give it the files because remember this chat has all the context all this chat 01:20:08.174 --> 01:20:13.034 knows is we're in this my new business folder it's always good I actually don't 01:20:13.034 --> 01:20:20.054 even know where this is located I guess we could just click on this oh you can 01:20:20.054 --> 01:20:27.974 open it in Canva I'm just gonna give it this file path right here what happens 01:20:27.974 --> 01:20:30.051 if we click Canva 01:20:30.411 --> 01:20:31.811 Here it is on Canva. 01:20:32.651 --> 01:20:33.211 Wow. 01:20:33.471 --> 01:20:34.031 Wow. 01:20:34.171 --> 01:20:36.311 This is actually very cool. 01:20:36.511 --> 01:20:38.931 I did not realize you can do that that easily. 01:20:39.111 --> 01:20:41.011 Just open it up straight in Canva. 01:20:41.191 --> 01:20:42.151 That's pretty cool. 01:20:42.331 --> 01:20:43.551 Okay, so Claude Code. 01:20:43.551 --> 01:20:47.551 We just had Claude Code go to town on this slide deck. 01:20:47.631 --> 01:20:48.891 It does look a little bit better. 01:20:48.991 --> 01:20:50.091 It doesn't look a ton better. 01:20:50.671 --> 01:20:55.531 I don't think it's that much better at design than Codex models. 01:20:55.731 --> 01:20:57.331 It's just a little bit more refined. 01:20:57.491 --> 01:21:01.191 We have some more visuals here. 01:21:01.371 --> 01:21:04.931 Yeah, like this is a really good slide, like value compounds over time. 01:21:05.171 --> 01:21:09.811 We have a learning graph, a saved workspace, execution memory. 01:21:11.591 --> 01:21:13.131 This is pretty cool. 01:21:13.131 --> 01:21:15.391 So we have this slide deck. 01:21:15.491 --> 01:21:17.051 I didn't really give it enough information. 01:21:17.051 --> 01:21:18.531 So I'm going to do that now. 01:21:18.731 --> 01:21:22.291 And so here I'm coming up with kind of like this fictional plan of how I'm going to leverage 01:21:22.291 --> 01:21:28.271 my audience, right, to build a massive curation of really useful skills for existing tools 01:21:28.271 --> 01:21:30.311 like OpenAI, Codex, et cetera. 01:21:30.531 --> 01:21:33.671 We're going to build a lightweight agent through iMessage. 01:21:33.951 --> 01:21:37.971 People will pay monthly through access for these different agents that are super lightweight 01:21:37.971 --> 01:21:38.991 that people can test. 01:21:39.291 --> 01:21:42.511 They're less of a commitment than, say, Codex or Cloud Code. 01:21:42.511 --> 01:21:47.671 I just kind of want to change the narrative because it's kind of bringing up like clock and off Supabase. 01:21:47.811 --> 01:21:48.971 Like I need to mention that. 01:21:49.071 --> 01:21:54.871 We don't need to mention anything about the authentication and talk more about the narrative and why this is a big opportunity. 01:21:55.191 --> 01:21:58.271 And look up like how much money is in this market. 01:21:58.631 --> 01:22:00.691 Like focus more on the story, less on the tech. 01:22:00.811 --> 01:22:02.291 So we fired off that prompt. 01:22:02.471 --> 01:22:04.331 Let's check on our mobile app here. 01:22:04.951 --> 01:22:05.351 Oh yeah. 01:22:05.731 --> 01:22:09.511 While the other one was loading, I forgot to record it, but I uploaded one of these app icons. 01:22:09.511 --> 01:22:12.551 If you remember, we generated a ton of these app icons earlier. 01:22:12.811 --> 01:22:13.751 I forgot about it. 01:22:13.851 --> 01:22:16.191 And so I uploaded it here to the mobile app. 01:22:16.351 --> 01:22:18.291 So it added an app icon. 01:22:18.531 --> 01:22:22.671 And so what I'm going to do now is I'm actually going to plug in my actual phone. 01:22:22.891 --> 01:22:25.331 I'm going to show you real quick how to run. 01:22:25.671 --> 01:22:31.291 So when you're using your phone or when you're using Xcode, you can use the simulator or 01:22:31.291 --> 01:22:33.091 you can run it on your actual phone. 01:22:33.651 --> 01:22:37.451 So on Xcode, you see here we have the device. 01:22:37.451 --> 01:22:40.231 we chose iPhone 17. 01:22:40.751 --> 01:22:41.791 These are simulators. 01:22:41.971 --> 01:22:43.851 You can see that this says iOS simulators, 01:22:44.131 --> 01:22:46.011 but I can also select my phone. 01:22:46.551 --> 01:22:47.651 And so I'm gonna select my phone. 01:22:47.891 --> 01:22:48.731 I'm gonna hit play. 01:22:48.971 --> 01:22:51.271 I have my phone out open right here. 01:22:51.531 --> 01:22:53.911 It should open the latest version of the app. 01:22:54.271 --> 01:22:54.751 It is. 01:22:55.151 --> 01:22:57.711 And so now I'm just screen sharing my phone to the computer. 01:22:57.851 --> 01:22:59.451 This is on my actual phone right now. 01:22:59.571 --> 01:23:01.391 And we're gonna take a look at the app. 01:23:01.391 --> 01:23:03.951 This page looks pretty good. 01:23:04.551 --> 01:23:05.671 We have basics. 01:23:05.671 --> 01:23:08.031 Oh, there's haptics in the app now. 01:23:08.031 --> 01:23:09.691 I can actually feel the app. 01:23:09.691 --> 01:23:11.191 There's haptics. 01:23:11.191 --> 01:23:12.931 Here we can select platforms. 01:23:12.931 --> 01:23:15.311 Here we see Claude Code, Codex, 01:23:15.311 --> 01:23:18.891 and here we have the about platforms page. 01:23:18.891 --> 01:23:20.931 We have this kind of nice overview 01:23:20.931 --> 01:23:24.151 where we can learn about the platform. 01:23:25.231 --> 01:23:27.211 Anthropics Claude. 01:23:27.211 --> 01:23:28.471 This is very cool. 01:23:28.471 --> 01:23:29.791 Skills. 01:23:29.791 --> 01:23:32.211 So we have this YouTube researcher skill. 01:23:32.211 --> 01:23:34.871 I believe I can copy this to my clipboard. 01:23:34.871 --> 01:23:36.071 It has a pretty cool animation. 01:23:36.651 --> 01:23:37.751 We can save this. 01:23:37.851 --> 01:23:40.251 This is actually coming out to be pretty cool. 01:23:41.651 --> 01:23:43.711 Yeah, this is looking really good. 01:23:44.471 --> 01:23:45.531 This is my favorite page. 01:23:45.591 --> 01:23:47.171 I love the actual icons. 01:23:48.891 --> 01:23:50.191 I'm actually going to make this app. 01:23:50.251 --> 01:23:51.211 I'm going to put this on the App Store. 01:23:51.271 --> 01:23:52.051 I'm going to make it really good. 01:23:52.171 --> 01:23:53.291 But this is looking very good. 01:23:53.571 --> 01:23:55.191 Now what I'm actually going to do is I'm going to say, 01:23:55.191 --> 01:23:57.691 I want users to actually be able to sign in. 01:23:58.011 --> 01:24:00.171 Oh, wait, there's this profile icon. 01:24:00.631 --> 01:24:01.431 Oh, okay. 01:24:01.551 --> 01:24:03.091 So this is not real data. 01:24:03.091 --> 01:24:08.791 and I want the user to actually be able to sign in with Google. 01:24:09.131 --> 01:24:10.891 And so what is the easiest way to do that? 01:24:11.111 --> 01:24:13.931 With that, we're using Supabase. 01:24:14.291 --> 01:24:14.911 Ignore clerk. 01:24:15.011 --> 01:24:15.931 We don't need to use clerk. 01:24:16.331 --> 01:24:17.331 What is the easiest way? 01:24:17.431 --> 01:24:19.551 Are you able to add authentication right now 01:24:19.551 --> 01:24:22.411 using the MCP with Google sign in? 01:24:22.511 --> 01:24:24.791 And then this will log all the users that sign in 01:24:24.791 --> 01:24:26.031 into the actual app. 01:24:26.031 --> 01:24:29.771 And I want their actual data to show up in the profile. 01:24:30.011 --> 01:24:32.371 And I basically want this app fully ready to go. 01:24:32.371 --> 01:24:34.431 Obviously there's no payments in the app. 01:24:34.431 --> 01:24:37.551 I want you to add authentication so users can sign in. 01:24:37.551 --> 01:24:38.751 And so we can run that. 01:24:38.751 --> 01:24:40.731 And if we go back to our launch video, 01:24:40.731 --> 01:24:43.171 this is the one that we might not finish today. 01:24:43.171 --> 01:24:45.731 I'm gonna go ahead and close out of my iPhone real quick. 01:24:45.731 --> 01:24:50.551 If we hit play here, okay, that's pretty cool. 01:24:50.551 --> 01:24:53.891 Misses a little bit on the learn, that's okay. 01:24:54.931 --> 01:24:58.031 What is this gradient, that's okay. 01:25:02.371 --> 01:25:06.491 Ooh, ooh. 01:25:06.491 --> 01:25:09.191 Okay, I forgot I made a massive edit last time. 01:25:09.191 --> 01:25:10.311 Ooh, that looks pretty good. 01:25:10.311 --> 01:25:12.211 So you can please use this skill. 01:25:12.211 --> 01:25:14.111 You can paste it into Codex. 01:25:17.131 --> 01:25:18.231 And now what I'm gonna do 01:25:18.231 --> 01:25:20.611 is I'm gonna just do that again, basically. 01:25:20.611 --> 01:25:24.051 So I'm going to, let's open up Claude, 01:25:24.051 --> 01:25:26.231 and we're going to, I'm gonna say, 01:25:26.231 --> 01:25:28.931 after the Welcome to Codex screen, 01:25:28.931 --> 01:25:31.471 I actually wanna go back to the phone screen 01:25:31.471 --> 01:25:34.011 that shows the skills, show a different skill 01:25:34.011 --> 01:25:36.031 and show copying a different skill, 01:25:36.031 --> 01:25:38.791 maybe like a mobile app designer skill. 01:25:38.791 --> 01:25:40.751 And then we're gonna paste it into Claude code, 01:25:40.751 --> 01:25:42.271 which looks like this. 01:25:42.271 --> 01:25:45.811 And then I'm gonna go ahead and go to Claude 01:25:45.811 --> 01:25:50.811 and I'm just gonna open up a new normal chat like this. 01:25:51.391 --> 01:25:56.311 And I'm just gonna copy this just like this. 01:25:56.311 --> 01:25:58.791 And what I'm gonna do is I'm actually going to be using 01:25:58.791 --> 01:26:01.111 Claude again, because it is better at design. 01:26:01.111 --> 01:26:05.351 Claude dash dash dangerously get permissions. 01:26:05.851 --> 01:26:07.511 I'm gonna paste that image in here. 01:26:07.751 --> 01:26:09.631 And I'm also just gonna paste this. 01:26:09.991 --> 01:26:12.691 We are working on the remotion video. 01:26:12.931 --> 01:26:15.071 Use the remotion skill, really think deep. 01:26:15.151 --> 01:26:17.371 We're adding two scenes at the end of this 01:26:17.371 --> 01:26:18.991 to kind of close out the video 01:26:18.991 --> 01:26:22.211 to show that you can add skills to your agents. 01:26:22.351 --> 01:26:24.171 And so now we're focusing on Claude code. 01:26:24.271 --> 01:26:26.651 Instead of the subtitle above, 01:26:26.651 --> 01:26:28.891 so instead of it saying Riley returns. 01:26:29.511 --> 01:26:31.211 So instead of it saying Riley returns, 01:26:31.311 --> 01:26:32.831 it should just say Claude Code. 01:26:33.151 --> 01:26:34.391 And it should show the same thing. 01:26:34.571 --> 01:26:36.311 I want you to add this skill 01:26:36.311 --> 01:26:39.211 and then it should paste in a skill in the UI 01:26:39.211 --> 01:26:40.351 like the image. 01:26:40.691 --> 01:26:42.451 So like we've already done this once with Codex. 01:26:42.551 --> 01:26:43.351 We're doing it again. 01:26:43.451 --> 01:26:45.231 So we're going back to the same app from earlier, 01:26:45.431 --> 01:26:47.891 copying the prompt and then pasting it into Claude Code. 01:26:48.011 --> 01:26:49.611 So please think deep, make this look good. 01:26:49.731 --> 01:26:51.071 Okay, this is really fun. 01:26:51.231 --> 01:26:52.951 I actually haven't done this until today 01:26:52.951 --> 01:26:55.991 where I use Claude Code inside the Codex app 01:26:55.991 --> 01:26:57.491 for like design heavy tasks. 01:26:57.491 --> 01:26:58.991 it ends up looking a lot better. 01:26:59.191 --> 01:27:01.351 And obviously these can take a lot longer, right? 01:27:01.411 --> 01:27:03.191 Like a launch video, like, I mean, 01:27:03.211 --> 01:27:05.031 we've only put in a total of like 10 minutes 01:27:05.031 --> 01:27:07.251 of like focused effort in the launch video. 01:27:07.391 --> 01:27:08.931 If you spend a few hours on this, 01:27:08.971 --> 01:27:10.231 you could actually make this pretty good. 01:27:10.331 --> 01:27:12.291 This is not terrible. 01:27:12.631 --> 01:27:15.651 Okay, quad has literally just went ham 01:27:15.651 --> 01:27:17.771 for seven minutes and 24 seconds. 01:27:17.771 --> 01:27:20.551 And it cooked on this slide deck. 01:27:20.671 --> 01:27:23.911 It's like curation is the wedge, agents are the business. 01:27:24.151 --> 01:27:26.071 Most startups pray for distribution. 01:27:26.071 --> 01:27:27.291 We start with it. 01:27:27.291 --> 01:27:35.311 And obviously some of these things don't fit, but the fact that you can like literally export it into Canva immediately and make edits, that's pretty insane. 01:27:35.531 --> 01:27:37.191 Curate, test, monetize. 01:27:37.311 --> 01:27:38.951 I don't like this like top bar. 01:27:39.231 --> 01:27:40.831 In fact, I'm just going to do that. 01:27:40.911 --> 01:27:42.711 Oh yeah, one really useful thing. 01:27:42.951 --> 01:27:45.151 I use a tool called CleanShot Pro. 01:27:45.711 --> 01:27:49.851 And what it does is it allows you to like immediately just like make really good. 01:27:49.951 --> 01:27:52.671 Like I can just kind of go like this very easily. 01:27:52.671 --> 01:27:54.611 Just select which part that I want. 01:27:54.711 --> 01:27:56.851 Like I actually don't want any of this up here. 01:27:56.851 --> 01:27:58.211 So I'm going to give this to Claude. 01:27:58.351 --> 01:28:01.771 I'm going to say, please don't have the top bar. 01:28:01.971 --> 01:28:03.491 We don't need it. 01:28:03.551 --> 01:28:06.651 The big black thing that says 1.5 million followers. 01:28:07.011 --> 01:28:07.671 Simplify that. 01:28:07.731 --> 01:28:08.711 I don't like that component. 01:28:08.891 --> 01:28:09.771 Just change that. 01:28:09.971 --> 01:28:12.651 Let's just go through and make some changes here. 01:28:13.051 --> 01:28:14.971 Yeah, the top bar on all the pages, by the way. 01:28:15.011 --> 01:28:15.851 Not just that one. 01:28:16.151 --> 01:28:17.271 I don't want the top bar. 01:28:17.611 --> 01:28:18.891 This one looks good. 01:28:18.991 --> 01:28:20.131 This one looks good. 01:28:20.391 --> 01:28:23.191 Yeah, this is looking pretty solid here. 01:28:23.791 --> 01:28:25.151 Oh, I like this one. 01:28:25.151 --> 01:28:29.851 Every consumer is about to decide which agents to trust. Nobody is guiding them. 01:28:30.211 --> 01:28:31.691 Yeah, I like this. 01:28:31.691 --> 01:28:34.351 I'm just gonna copy this right here. 01:28:34.351 --> 01:28:36.071 We're gonna go back to Claude Code. 01:28:36.071 --> 01:28:38.171 On this first slide, make the text, 01:28:38.171 --> 01:28:40.911 the main text at the top, every consumer, 01:28:40.911 --> 01:28:44.711 and then just change what's going on on the bottom part. 01:28:44.711 --> 01:28:47.011 Like it says fragmented, technical, and unbranded. 01:28:47.391 --> 01:28:48.371 Please come up with something else. 01:28:48.471 --> 01:28:53.891 Maybe show the phone on the right with the app design. 01:28:54.111 --> 01:28:57.811 Show that there on the right and show that there's like a course or something there or something. 01:28:58.291 --> 01:28:59.211 That's pretty good. 01:28:59.611 --> 01:29:00.871 Where are we on the mobile app? 01:29:01.031 --> 01:29:01.391 Oh, yeah. 01:29:01.651 --> 01:29:02.211 Let me see here. 01:29:02.291 --> 01:29:02.491 Oh, yeah. 01:29:02.531 --> 01:29:03.771 We just tried to add authentication. 01:29:04.551 --> 01:29:06.171 Let's go ahead and go to Xcode. 01:29:06.731 --> 01:29:09.271 What we're going to do is we're going to run this on Riley's iPhone. 01:29:09.271 --> 01:29:11.971 So I'm going to go ahead and open up Riley's iPhone here. 01:29:12.551 --> 01:29:13.911 This is going to open up. 01:29:13.911 --> 01:29:21.131 Let's take a look. We tried to add authentication. Add your Superbase publishable keys. Okay, so 01:29:21.131 --> 01:29:27.211 we're not quite ready for adding authentication. The easiest path is Superbase native Google 01:29:27.211 --> 01:29:32.171 OAuth flow. It's asking it, what do I need to do to make this work? I'm not signed in yet, 01:29:32.171 --> 01:29:36.971 or I can't sign in. So again, we're just asking the agent what we need to do to set this up. 01:29:36.971 --> 01:29:42.971 Actually, we're not going to do Google. I want to just set up, what were some of the providers? 01:29:42.971 --> 01:29:50.551 Is Apple one of them? Let's do Apple. Actually, let's just do email. We don't need to do Google. 01:29:50.811 --> 01:29:57.811 Just do email for now. Okay, so the mobile app is done. Let's see if this works here. What we're 01:29:57.811 --> 01:30:04.771 going to do is we're going to go to Xcode and we're going to hit play. Build succeeded. So it 01:30:04.771 --> 01:30:09.151 decided that doing email and password was actually the easiest way to do it. So that's what we're 01:30:09.151 --> 01:30:13.571 going to do. I'm going to put in my email and password. I'm going to pause the video for this. 01:30:13.711 --> 01:30:18.671 And here we're just going to sign in. Ah, I have to do create account first. Create an account. 01:30:18.931 --> 01:30:24.471 Okay, wait. It worked. It worked. It worked. I had to go into Supabase and I had to turn off 01:30:24.471 --> 01:30:30.011 confirm email. I can turn that on later, but all I want to do is be able to sign in. 01:30:30.171 --> 01:30:38.471 And it looks like that I am indeed signed in here. I can see that it, let's see if I hit save. Let's 01:30:38.471 --> 01:30:41.651 save a few things here on platforms. 01:30:41.651 --> 01:30:43.271 We'll save Cloud Code. 01:30:43.271 --> 01:30:45.291 If we go back to our profile, 01:30:45.291 --> 01:30:48.351 we have one platform saved, two tracks saved, 01:30:48.351 --> 01:30:49.491 no skills saved. 01:30:49.491 --> 01:30:52.071 So I can save some skills. 01:30:52.071 --> 01:30:55.651 One, two, three, one, two, three. 01:30:55.651 --> 01:30:57.751 Now let's go back to my profile. 01:30:57.751 --> 01:31:00.651 All of these things are now saved in the app. 01:31:00.651 --> 01:31:02.131 So I am signed in. 01:31:02.131 --> 01:31:04.511 It doesn't show the account that I'm signed in with, 01:31:04.511 --> 01:31:06.471 which I will want it to do. 01:31:06.471 --> 01:31:07.831 That's one thing we'll ask. 01:31:07.831 --> 01:31:09.011 Okay, so I am signed in. 01:31:09.071 --> 01:31:11.831 Once I sign in, I want it to be clearer that I'm signed in, 01:31:11.951 --> 01:31:14.051 like show like my email up at the top. 01:31:14.211 --> 01:31:15.411 But this is pretty cool. 01:31:15.691 --> 01:31:18.511 We are signed in and this is working. 01:31:18.691 --> 01:31:22.151 We have a full working authentication set up. 01:31:22.611 --> 01:31:27.711 We can go to the tables and yeah, this is pretty cool. 01:31:27.871 --> 01:31:30.791 So I think this app is ready for test flight. 01:31:30.791 --> 01:31:33.631 So I'm actually gonna add this later. 01:31:33.631 --> 01:31:38.851 I want to get this ready for test flight. 01:31:39.071 --> 01:31:43.391 Please do everything to prep for this. 01:31:43.711 --> 01:31:49.571 I'm going to do it on the not a number account. 01:31:49.791 --> 01:31:51.331 So yeah, we're gonna be sending this app 01:31:51.331 --> 01:31:52.671 to the app store here. 01:31:52.771 --> 01:31:53.531 Let's take a look. 01:31:53.691 --> 01:31:56.431 A trusted curator for the AI agent era. 01:31:56.631 --> 01:31:57.591 That's pretty good. 01:31:58.271 --> 01:32:00.171 And so we can see this full screen 01:32:00.171 --> 01:32:04.011 or what we can do is we can open this in Canva. 01:32:04.291 --> 01:32:06.931 So we're gonna open up this new version in Canva 01:32:06.931 --> 01:32:09.491 and it will show up right here 01:32:09.491 --> 01:32:12.071 and we can actually manually make edits to it. 01:32:12.171 --> 01:32:14.731 And so we can do like the last five, 10% here. 01:32:14.891 --> 01:32:16.411 Like we might wanna get rid of this. 01:32:17.071 --> 01:32:19.251 You know, maybe we'd wanna change these colors 01:32:19.251 --> 01:32:22.991 just a little bit, but yeah, it exports pretty well. 01:32:23.071 --> 01:32:24.251 Ooh, nice animation. 01:32:24.931 --> 01:32:25.711 That's kind of sick. 01:32:25.771 --> 01:32:26.991 It looks a lot better in Canva. 01:32:26.991 --> 01:32:29.991 And so yeah, like we can get rid of these here. 01:32:30.171 --> 01:32:37.511 then we can also add some like offset good like background we can put it over here 01:32:37.511 --> 01:32:43.871 so this is looking a little bit better we can make some uh yeah you know this slide it's fine 01:32:43.871 --> 01:32:52.511 we could add some icons but you know what this is a decent start to an investor deck so i'm 01:32:52.511 --> 01:32:56.651 going to go ahead and go back to the plan i finished the investor deck i also finished 01:32:56.651 --> 01:33:02.131 the iOS app because this mobile app, I think is looking pretty good. You know, we still need to 01:33:02.131 --> 01:33:07.371 send it to the app store. And so while the mobile app is loading, what I want to do is I want to be 01:33:07.371 --> 01:33:11.751 able to put this on the internet. So I want to be able to actually put this on the internet and we 01:33:11.751 --> 01:33:16.491 can give it a domain later. But what I'm going to do now is I'm going to say, please, can you 01:33:16.491 --> 01:33:27.351 deploy this to at Vercel and give me the public link. So we are actually putting this website 01:33:27.351 --> 01:33:32.151 on the internet, right? So this is how people can get early access. They can come to the website 01:33:32.151 --> 01:33:38.531 and we can actually grab this link right here. Let me show you in a browser. So the actual, 01:33:38.831 --> 01:33:43.431 and while this is loading, I want to add a song to our launch video. So I'm just going to drag 01:33:43.431 --> 01:33:49.011 this song that I have. It's called Chasing Horizons in my folder. I'm going to say please add this 01:33:49.011 --> 01:34:00.911 song at 50% volume in the launch video. Keep everything else the same. Okay, so we've created 01:34:00.911 --> 01:34:09.431 a build here on App Store Connect. Now, please put it on test flight. I'm done. Okay, well that's 01:34:09.431 --> 01:34:14.451 loading. I'm running one final prompt on Claude Code. I want to add, oh yeah, here's the music by 01:34:14.451 --> 01:34:33.531 the way. So it shows copying. I can paste it here. It's pretty good. Some repetition shows me copying 01:34:33.531 --> 01:34:41.631 this. Boom. Now after this, I wanted to actually use the skill. So we're using the skill and then 01:34:41.631 --> 01:34:47.691 I want you to create a little canvas that shows all like five frames of a calorie tracking app 01:34:47.691 --> 01:34:52.071 that look really good on the same background as that Claude code is. But remember, change the font 01:34:52.071 --> 01:34:57.011 here. You didn't really choose the right font for the Claude code. And yeah, have a new app, 01:34:57.171 --> 01:35:02.711 like have a like a laptop screen pop up, just basically like a computer screen pop up that 01:35:02.711 --> 01:35:08.591 shows the different canvases of an iPhone mock-up. Okay, we're getting there. We're almost there, 01:35:08.671 --> 01:35:17.271 guys. Okay, this web app looks done. Okay, yep, this is done. Deploy to Vercel. Give me link. 01:35:17.511 --> 01:35:21.811 And we can't mark this as complete until we've tested it. So I'm going to go in and try and 01:35:21.811 --> 01:35:26.671 submit an email on the website, right? I need to go to this link. If we open up ARC here, 01:35:26.891 --> 01:35:31.091 we need to be able to type in the info here. And then remember, this last thing is I want to be 01:35:31.091 --> 01:35:35.311 able to set up xPost automation. So we're just going to set that up. This is one of my favorite 01:35:35.311 --> 01:35:40.371 skills that I've ever used. For this, we're going to use Typefully. So Typefully is how I control 01:35:40.371 --> 01:35:48.271 six different Twitter accounts to combine over like 275,000 followers across all of my accounts. 01:35:51.750 --> 01:35:56.890 to do is I need to grab my API key, right? Because I can just go here and I can create new posts from 01:35:56.890 --> 01:36:02.830 Vibe Coding explain this account has 50,000 followers and we can use AI to draft tweets 01:36:02.830 --> 01:36:05.070 from Typefully. 01:36:05.070 --> 01:36:09.650 And so here what we need to do is we need to go to settings, then we need to go to API 01:36:09.650 --> 01:36:11.550 and then we need to create a new API key. 01:36:11.550 --> 01:36:13.210 So I'm going to create one and copy it. 01:36:13.210 --> 01:36:14.210 Now we're going to come here. 01:36:14.210 --> 01:36:18.550 I'm going to say, please, can you search Typefully? 01:36:18.550 --> 01:36:23.010 And I want you to create a skill that allows me to fully control it with their new API. 01:36:23.010 --> 01:36:25.330 Their new API is v3. 01:36:25.330 --> 01:36:26.610 It gives me full control. 01:36:26.610 --> 01:36:28.450 When you search it, you might find V2. 01:36:28.450 --> 01:36:29.450 I want V3. 01:36:29.450 --> 01:36:32.290 I want full control over typefully. 01:36:32.290 --> 01:36:35.010 And I want you to just test it right away. 01:36:35.010 --> 01:36:40.070 Test it with the Riley Brown account and use fruit emojis in your test so I know which 01:36:40.070 --> 01:36:41.130 ones are yours. 01:36:41.130 --> 01:36:43.950 In the message below, I'm going to paste my API key. 01:36:43.950 --> 01:36:44.950 Use that. 01:36:44.950 --> 01:36:45.950 Figure this out. 01:36:45.950 --> 01:36:46.950 Test it. 01:36:46.950 --> 01:36:47.950 Let's see if this works. 01:36:47.950 --> 01:36:48.950 Create the skill. 01:36:48.950 --> 01:36:49.950 All right. 01:36:49.950 --> 01:36:53.670 So we're creating a skill so we can have AI and we can set up automations to automatically 01:36:53.670 --> 01:36:56.410 use this API to schedule tweets. 01:36:56.410 --> 01:36:58.310 So here, I'm going to enter this. 01:36:58.310 --> 01:37:00.790 Now off camera, I'm gonna paste my API key. 01:37:00.790 --> 01:37:03.050 I do not want that out there in the wild. 01:37:03.050 --> 01:37:04.890 Okay, so we just got the web app link, 01:37:04.890 --> 01:37:07.210 and I know this is not centered, right? 01:37:07.210 --> 01:37:09.930 I know we made this really quickly. 01:37:09.930 --> 01:37:11.290 We could easily center this. 01:37:11.290 --> 01:37:13.410 It says made with Tally. 01:37:13.410 --> 01:37:16.650 I'm just gonna put in an email address. 01:37:16.650 --> 01:37:18.630 All right, so we're gonna hit register. 01:37:18.630 --> 01:37:19.630 All right, so done. 01:37:19.630 --> 01:37:21.610 So now let's check to see if that worked. 01:37:21.610 --> 01:37:23.370 We're gonna go back to Tally, 01:37:23.370 --> 01:37:26.390 and here we see the registration form template. 01:37:26.390 --> 01:37:32.870 one submission we see the one submission here and we see that it works so this is actually on the 01:37:32.870 --> 01:37:40.230 internet right this is chorus dash beta dash two versell app so this is on the internet we can give 01:37:40.230 --> 01:37:45.910 it a custom domain i just haven't bought a domain yet for this but you can actually sign up for early 01:37:45.910 --> 01:37:52.790 access right now so we can go back to our plan and we can say cool i finished the web app and landing 01:37:52.790 --> 01:37:58.710 page waitlist sign up. All right. And look at this. We actually have our app. We can open our 01:37:58.710 --> 01:38:03.690 app here. This is actually in test flight. You can see that this is a real build. This is not 01:38:03.690 --> 01:38:08.410 the chorus app. This one is the app that we downloaded to our phone, right? That we downloaded 01:38:08.410 --> 01:38:16.390 from Xcode. This one, this one is actually a test flight link. Now I can say Riley at, um, actually, 01:38:16.450 --> 01:38:22.270 I forget what email at. Okay. There we go. We are signed into our account. We have this app. It is 01:38:22.270 --> 01:38:28.110 literally on the app store. It's a pretty bare bones app. You know, it's, it is a pretty simple 01:38:28.110 --> 01:38:33.110 app, but we have some good information here that we're going to add to, right? We just created the 01:38:33.110 --> 01:38:38.590 bare bones. We have it set up to a backend so I can constantly add things to this to make it a 01:38:38.590 --> 01:38:44.450 really useful app. One thing I do want to add is an AI chat, but it has haptics and it feels pretty 01:38:44.450 --> 01:38:49.590 good. So we are done with our app, fully done with our app. Let's check on our launch video. Let's 01:38:49.590 --> 01:38:55.870 see if Opus is done. Okay, this is actually looking pretty good, but I think the Typefully 01:38:55.870 --> 01:39:03.110 one is done. I was wrong. It is V2, but it said that it was able to create a draft autonomously. 01:39:03.110 --> 01:39:09.070 So we did create the skill that controls Typefully, which allows me to draft tweets. So if I go back 01:39:09.070 --> 01:39:15.970 to Typefully here, it said that it created one on Riley Brown. Let's see. There you go. 01:39:15.970 --> 01:39:18.930 So it is able to create drafts for me. 01:39:19.410 --> 01:39:31.530 And so now I can say, please do research and come up with three drafts every single morning to post on X. 01:39:31.750 --> 01:39:38.490 Please create that automation now and use the slash. 01:39:38.630 --> 01:39:40.530 I think it should have created a skill. 01:39:40.910 --> 01:39:43.570 Typefully control skill and we can run it. 01:39:43.570 --> 01:39:51.050 So we just created the automation. So we are done with this. I just finished the x-post video automation 01:39:51.050 --> 01:39:55.910 So all we have left is the launch video. We need to go to the 01:39:57.010 --> 01:40:02.890 Remotion screen here. Let's see if cloud code is still working. It looks like it's done. Let's take a look. Let's watch the video 01:40:02.890 --> 01:40:04.890 Let's see if it's good 01:40:13.570 --> 01:40:16.930 Okay, so we're adding the skill. 01:40:16.930 --> 01:40:17.930 Very good. 01:40:17.930 --> 01:40:22.930 We're going to do it again. 01:40:22.930 --> 01:40:25.930 Boom. 01:40:25.930 --> 01:40:31.350 That's a little bit long. 01:40:31.350 --> 01:40:36.350 That's okay. 01:40:36.350 --> 01:40:43.570 Okay, we got this app laptop opening up and it created the designs for the app. 01:40:43.570 --> 01:40:44.490 That's pretty sick. 01:40:45.990 --> 01:40:49.310 And then, boom. 01:40:51.290 --> 01:40:52.230 There you go. 01:40:52.530 --> 01:40:53.350 It's kind of sick. 01:40:54.070 --> 01:40:55.730 Obviously, there's a lot more we can do. 01:40:55.870 --> 01:40:59.530 We were multitasking, but I think this is actually a good first draft. 01:40:59.630 --> 01:41:00.770 We can continue to edit it. 01:41:01.090 --> 01:41:05.030 I will say Claude Code is significantly better at designing. 01:41:05.710 --> 01:41:08.930 Codex just wants to use these really clunky design styles. 01:41:09.030 --> 01:41:12.270 I cannot wait for them to get a model specifically for design. 01:41:12.270 --> 01:41:15.490 I think that'll be really great, but we're good. 01:41:15.630 --> 01:41:18.150 And as you can see here, automations just turned to three. 01:41:18.510 --> 01:41:21.610 We can see that it created these morning drafts here 01:41:21.610 --> 01:41:24.630 and here is the morning draft that it created 01:41:24.630 --> 01:41:27.030 and we have three automations ready to go. 01:41:27.210 --> 01:41:28.510 So that's what we've done today. 01:41:28.770 --> 01:41:32.170 Woo, this was a long one. 01:41:32.510 --> 01:41:33.930 Yeah, we covered a lot. 01:41:34.650 --> 01:41:36.070 I'm just gonna, just so we finished, 01:41:36.410 --> 01:41:39.330 finished the launch video. 01:41:39.770 --> 01:41:41.470 Okay, yeah, and so there you go. 01:41:41.470 --> 01:41:46.870 we are done. And all I wanted to illustrate in part two of this video was that you can multitask 01:41:46.870 --> 01:41:51.890 to create really cool things. If you ever get stuck, just ask the agent. If you ever want a skill, 01:41:52.250 --> 01:41:56.990 just ask the agent if you can create a skill. Maybe you'll need an API key to a tool you already use, 01:41:57.290 --> 01:42:01.990 maybe not, but you can just ask the agent to create a skill and you can download it. And 01:42:01.990 --> 01:42:06.710 they have a lot of plugins. They're going to continue to add a ton more plugins. So you're 01:42:06.710 --> 01:42:11.210 going to basically be able to all of the tools that you already use and it's only going to get 01:42:11.210 --> 01:42:16.350 easier from here. I highly recommend to just take everything that you do in your job or in your 01:42:16.350 --> 01:42:20.270 business and try and figure out how you can automate as much as you can. You know, if you 01:42:20.270 --> 01:42:25.330 have a software company, try and create a launch video every week. You can just launch on Instagram 01:42:25.330 --> 01:42:31.850 or on Twitter every week. You can create Instagram videos. You can create graphics. There's a ton of 01:42:31.850 --> 01:42:37.850 things that you can just do and experiment with and figure out how to use Canva with Codex. There's 01:42:37.850 --> 01:42:42.790 so much that you can do on these AI powered super apps and they're only going to get better. Anyway, 01:42:42.970 --> 01:42:47.250 thank you guys so much for watching. Please hit subscribe and like this video. It helps me out a 01:42:47.250 --> 01:42:53.810 ton. I will put the app that we created, right? We have the app that we created. By the time you see 01:42:53.810 --> 01:42:57.830 this video, it should be on the app store. You'll be able to use it for free. I'm going to load it 01:42:57.830 --> 01:43:02.730 up. I'm just going to keep this as my notes for all of the useful tools that I use. So I'm actually 01:43:02.730 --> 01:43:09.010 going to put all of the useful skills and all the platforms that I'm testing out on this mobile app, 01:43:09.150 --> 01:43:13.370 and it'll be on the app store. So check that out if you want. Anyway, thank you guys for watching.