WEBVTT 00:00:00.000 --> 00:00:17.070 Welcome to the Open AI Codex complete guide, where we will be learning how to use Open AI's new super app to create and edit designs, do research and create documents, create and deploy full web apps, create motion graphic launch 00:00:17.080 --> 00:00:26.722 videos, create high-quality investor decks that you can export to Canva, and even create high-quality iOS apps in Swift. 00:00:26.722 --> 00:00:33.491 What you'll realize in this video is Codex is the only unified all-purpose AI agent tool. 00:00:33.491 --> 00:00:43.623 One that combines coding, co-work, browser, and computer use cases all into one single interface that we are going to cover in great detail. 00:00:43.623 --> 00:00:45.806 So, this video is going to be divided into two parts. 00:00:45.806 --> 00:00:54.695 We're going to first start with the basics, and then we are going to move on to multitasking and creating many different things in parallel. 00:00:54.695 --> 00:00:57.904 In part one, we're going to talk about the basics of prompting. 00:00:57.904 --> 00:01:03.510 We're going to talk about permissions, the different AI models you can use, and the effort. 00:01:03.520 --> 00:01:06.023 We're also going to talk about the main features in the app. 00:01:06.023 --> 00:01:11.383 We're going to do a detailed dive into all of the different things that you can do on Codex. 00:01:11.383 --> 00:01:13.289 We're going to talk about how to stay organized. 00:01:13.289 --> 00:01:19.473 We're going to talk about this preview, which makes Codex so useful for basically any use case. 00:01:19.473 --> 00:01:24.445 You can even comment directly on the preview to give additional information to the AI agent. 00:01:24.445 --> 00:01:30.780 We're also going to talk about how to create PowerPoints, how to create Excel sheets, and how to create documents. 00:01:30.780 --> 00:01:33.015 We're going to talk about skills and plugins. 00:01:33.015 --> 00:01:41.006 We're also going to create automations, so you can simply chat with Codex to create automations that allow you to just save so much time. 00:01:41.006 --> 00:01:47.798 And then, we're also going to talk about computer use, which allows your agent to literally control your computer. 00:01:47.798 --> 00:01:52.670 And the Open AI computer use is best in the world by far. 00:01:52.680 --> 00:01:58.597 And so, part one is going to feel very linear and somewhat slow, but we're really going to dig into the basics. 00:01:58.597 --> 00:02:01.202 And part two, we're going to start to have a lot more fun. 00:02:01.202 --> 00:02:04.910 In part two, we are going to create a design for a mobile app. 00:02:04.920 --> 00:02:06.550 We're going to create a mobile app. 00:02:06.560 --> 00:02:07.585 We're going to build a web app. 00:02:07.585 --> 00:02:11.750 We're going to build an investor deck, and we're going to create a launch video. 00:02:11.760 --> 00:02:14.086 And we're going to do these all at the same time. 00:02:14.086 --> 00:02:18.604 And so, we are going to dive into multitasking with Codex. 00:02:18.604 --> 00:02:28.834 Because every month that goes by, AI agents are working for longer and longer to the point where AI agents can take up to an hour or two hours on any given task. 00:02:28.834 --> 00:02:33.750 So, in order to become effective at using AI, you need to learn how to multitask. 00:02:33.760 --> 00:02:38.709 And in this part, I want to talk about how I multitask with Codex. 00:02:38.709 --> 00:02:53.043 And so, by the end of this video, you are going to be ahead of 99% of people in terms of practically using AI agents to get work done, whether it's coding or general use cases and creating documents and things for work. 00:02:53.043 --> 00:02:54.670 Let's dive into the video. 00:02:54.680 --> 00:02:59.006 Okay, so let's first start off by downloading the Codex app. 00:02:59.006 --> 00:03:03.477 So, you can go to any browser and type in Codex app download. 00:03:03.477 --> 00:03:08.045 And here we see chat.gpt .com Codex desktop app. 00:03:08.045 --> 00:03:09.636 We're going to click on this. 00:03:09.636 --> 00:03:11.069 The page should look like this. 00:03:11.069 --> 00:03:15.139 And here is where you can download this for Mac OS. 00:03:15.139 --> 00:03:20.648 I already have it downloaded, but just click this and go through the process of getting it on your computer. 00:03:20.648 --> 00:03:25.299 Okay, so when you download the Codex app for the first time, it'll look a lot like this. 00:03:25.299 --> 00:03:31.190 You're going to see this left side panel with these five options over here, which we're going to dive deep into later. 00:03:31.200 --> 00:03:38.870 You're not going to see any conversations over here, and then you're going to see this kind of chat interface that looks oddly similar to chat.gpt. 00:03:38.880 --> 00:03:41.756 And we can actually open up Arc here real quick. 00:03:41.756 --> 00:03:42.800 Here is chat.gpt. 00:03:42.800 --> 00:03:44.527 This is what chat.gpt looks like. 00:03:44.527 --> 00:03:45.436 It's very similar. 00:03:45.436 --> 00:03:49.114 You type a chat, and you get a response from chat.gpt. 00:03:49.114 --> 00:03:50.314 It's very similar. 00:03:50.314 --> 00:03:55.166 So, it looks similar from this perspective, but there's so much more in this application. 00:03:55.166 --> 00:03:56.470 It is unbelievable. 00:03:56.480 --> 00:03:59.710 So, if I were to type something here, let's say I type something like this. 00:03:59.720 --> 00:04:03.034 Hello, please search and tell me the latest news on Open AI's new desktop app. 00:04:03.034 --> 00:04:04.590 List all the different features. 00:04:04.600 --> 00:04:10.466 Just like chat.gpt, it has built-in web search, so it'll automatically search the web, and it will give me a nice response. 00:04:10.466 --> 00:04:13.773 I can also type that into Codex and press enter. 00:04:13.773 --> 00:04:22.654 Now, notice here that the chat find Open AI desktop features showed up here in the side panel under this chats column. 00:04:22.654 --> 00:04:24.607 This is actually brand new to Codex. 00:04:24.607 --> 00:04:26.295 They added this chats column. 00:04:26.295 --> 00:04:32.792 This is because we didn't actually select which location we wanted this chat to be in. 00:04:32.792 --> 00:04:35.008 And I'll explain that right now. 00:04:35.008 --> 00:04:43.062 What makes Quad Code and Codex so powerful is that it is an AI agent that can basically control your entire computer. 00:04:43.062 --> 00:04:44.038 It can create files. 00:04:44.038 --> 00:04:45.113 It can edit files. 00:04:45.113 --> 00:04:53.018 And as we'll get to later, it can even use computer use, which means fully controlling the mouse and keyboard on your computer. 00:04:53.018 --> 00:05:01.307 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.307 --> 00:05:06.554 And when you create a project, it's going to open up your folders on your computer, right? 00:05:06.554 --> 00:05:08.073 It's going to open up Finder. 00:05:08.073 --> 00:05:13.453 And so, I create a project called Codex projects, and you can create anything you want. 00:05:13.453 --> 00:05:16.956 You can call it Riley's Codex, or you could just put them in your documents folder. 00:05:16.956 --> 00:05:18.011 It doesn't matter. 00:05:18.011 --> 00:05:20.866 I keep it organized, and I'll I'll even create a new folder. 00:05:20.866 --> 00:05:24.401 So, I'll just say like Riley's Codex projects. 00:05:24.401 --> 00:05:31.070 So, this is the folder that I'll create where I will put all of my other projects beneath it. 00:05:31.080 --> 00:05:34.105 So, I just created this Riley's Codex projects. 00:05:34.105 --> 00:05:41.108 Now, let's say I wanted to do some research on all the cool things about Codex and the new desktop app. 00:05:41.108 --> 00:05:46.479 And I can create a project where all the documents that I create about this will be stored in that location. 00:05:46.479 --> 00:05:52.075 And so, what I'm going to do is I'm going to hit new folder, and I'm going to call this Codex desktop research. 00:05:52.075 --> 00:05:53.717 And we're going to hit create. 00:05:53.717 --> 00:05:57.550 We're going to select this folder, and we're going to hit open. 00:05:57.560 --> 00:06:00.510 Notice here that a project was created. 00:06:00.520 --> 00:06:05.352 We have one project created, and it's called Codex desktop research. 00:06:05.352 --> 00:06:12.301 Now, if we click on this button, we are now creating a new chat at Codex desktop research. 00:06:12.301 --> 00:06:14.110 It's also listed right here. 00:06:14.120 --> 00:06:16.116 Codex desktop research. 00:06:16.116 --> 00:06:19.975 So, when we create a chat, it'll show up here. 00:06:19.975 --> 00:06:28.770 So, I'm just going to say, please tell me about the new Codex desktop app features that they released today. 00:06:28.770 --> 00:06:31.630 And again, this can search the internet by default. 00:06:31.640 --> 00:06:33.631 It can go off and do research. 00:06:33.631 --> 00:06:38.565 And notice here, if we were to expand this, this chat shows up right here. 00:06:38.565 --> 00:06:40.750 And it will automatically use AI to name it. 00:06:40.760 --> 00:06:42.721 So, find new Codex app features. 00:06:42.721 --> 00:06:46.281 Now, we can press this button again, and we can actually create a new chat. 00:06:46.281 --> 00:06:51.274 I can say, what are people saying about the new Codex app? 00:06:51.274 --> 00:06:56.590 Figure out a way to look at blogs and x.com. 00:06:56.590 --> 00:07:02.543 And what are people saying what are they excited about? 00:07:02.543 --> 00:07:07.391 So, these are chats under the same project, and they work at the same time. 00:07:07.391 --> 00:07:12.633 And you can tell that it's in progress because of this right here, right? 00:07:12.633 --> 00:07:18.203 You can see that we have this spinning circle right here, so we know that we're waiting. 00:07:18.203 --> 00:07:26.482 And one of the coolest features of the Codex app and other similar apps like it is it makes it pretty easy to multitask. 00:07:26.482 --> 00:07:31.744 And so, we'll know when it's done because a blue little dot There we go, right on cue. 00:07:31.744 --> 00:07:33.590 So, this blue dot popped up here. 00:07:33.600 --> 00:07:36.091 Now, we know that we have like an unread message. 00:07:36.091 --> 00:07:37.251 So, we can click on this. 00:07:37.251 --> 00:07:40.230 And so, here we can find the new feature. 00:07:40.240 --> 00:07:42.111 And let's say I don't want to read it like this. 00:07:42.111 --> 00:07:47.996 I can say, please create a spreadsheet of the new features that you just told me. 00:07:47.996 --> 00:07:58.190 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. 00:07:58.200 --> 00:08:05.390 And remember, you can always get back to this folder for this project by clicking these three dots and hit open in Finder. 00:08:05.400 --> 00:08:07.755 And you can see that it opens up right here. 00:08:07.755 --> 00:08:12.389 And we can click into it, and we're going to be able to see all of the files that get created. 00:08:12.389 --> 00:08:17.093 No files have been created so far, and these chats don't actually get stored here. 00:08:17.093 --> 00:08:19.536 It's just the files that they create. 00:08:19.536 --> 00:08:20.646 Oh, and here we go. 00:08:20.646 --> 00:08:22.634 It just created this outputs folder. 00:08:22.634 --> 00:08:25.360 We click in this, and so it's created the folder. 00:08:25.360 --> 00:08:27.230 It hasn't yet created the document yet. 00:08:27.230 --> 00:08:35.029 And if you'll notice here, it's done, and you'll see at the bottom we have this Codex Codex desktop features.xlsx. 00:08:35.039 --> 00:08:38.303 If we go ahead and we just click open, look at this. 00:08:38.303 --> 00:08:40.743 It opens right here in the side view. 00:08:40.743 --> 00:08:49.030 Notice here, if we don't want this side-by-side view, we can come up and we can press this button right here, which will allow us to full screen it. 00:08:49.040 --> 00:08:56.769 And I could even remove the side panel, and now we're operating in this spreadsheet view, and it is literally full screen. 00:08:56.769 --> 00:09:00.714 Yeah, I can view the whole thing, and I can create a follow-up. 00:09:00.714 --> 00:09:06.182 And I could say something like, please remove the source page column. 00:09:06.182 --> 00:09:16.119 And so, now, we can just see that it is working, and you can tell it's working because it says stop, and we can leave this full screen view, and we can see that this was entered in the chat. 00:09:16.119 --> 00:09:23.700 So, this is a fun way to toggle between like here you can see all of your agents and the chat and what your agent is working on. 00:09:23.700 --> 00:09:31.869 And if you want to just focus on the thing that you're working on, again, you can full screen this, and you can remove the side panel to kind of toggle between the views. 00:09:31.869 --> 00:09:33.656 And look, here it's done. 00:09:33.656 --> 00:09:38.495 You will notice here that the source column is no longer here. 00:09:38.495 --> 00:09:43.287 It removed it, and so, we can just use AI to edit this document pretty perfectly. 00:09:43.287 --> 00:09:59.430 And remember, remember when I said that all of the files that your agent creates will show up in this folder, and you can open in Finder at this location, and we can open this, and here we can see that this xls, this is the file that we're working on 00:09:59.440 --> 00:10:00.374 right now. 00:10:00.374 --> 00:10:03.364 So all of it is stored in this file. 00:10:03.364 --> 00:10:07.747 And so this makes it easy for me to create chats and reference that file. 00:10:07.747 --> 00:10:22.125 I can very easily hit create new chat and I can say, "Please add anything that I missed to @ and we should be able to see the file." If we go back to finder, we can see that this file is called Codex desktop features. 00:10:22.125 --> 00:10:25.466 And so we can go @Codex desktop features. 00:10:25.466 --> 00:10:29.657 And so we can @ mention that file and say, "Do research. 00:10:29.657 --> 00:10:34.830 Let me know if I missed anything for new features for Codex." 00:10:34.840 --> 00:10:42.140 And so within this chat, like within this folder, we can @ mention anything that we create, which is really, really fun. 00:10:42.140 --> 00:10:48.710 Okay, I wanted to take a brief moment to just recap everything that we've talked about before we dive into more advanced topics. 00:10:48.710 --> 00:10:57.413 Codex in its simplest form, this Codex application allows you to chat with an AI agent that can create, edit, and delete files on your computer. 00:10:57.413 --> 00:11:03.977 And the specific parts of the app that we've talked about, the project location or file path is right here. 00:11:03.977 --> 00:11:06.070 The permissions are right here. 00:11:06.080 --> 00:11:10.923 It's basically what your agent is allowed to do and do you need to approve its actions. 00:11:10.923 --> 00:11:13.917 I prefer using full access, so just let it let it cook. 00:11:13.917 --> 00:11:22.396 And then we also have the model GPT 5.4 and the effort level, which is extra high that I use by default. 00:11:22.396 --> 00:11:27.908 And you can type your question or answer or whatever you want to create, you can type it in. 00:11:27.908 --> 00:11:34.630 When you type it in, when you choose a file location, it'll also show up in the side panel right here. 00:11:34.630 --> 00:11:44.776 And again, your project location, Codex desktop research, Codex desktop research, this chat, whatever you type in will be named and will be will be placed here in the side panel. 00:11:44.776 --> 00:11:49.059 And if we go down here, your agent can also create files, right? 00:11:49.059 --> 00:11:53.724 So it can create this .xlsx document on your computer. 00:11:53.724 --> 00:11:56.588 And so this is just an agent created file. 00:11:56.588 --> 00:12:01.814 And this agent created file gets added to this folder that you created, right? 00:12:01.814 --> 00:12:15.335 The same project location, your file created by an agent, if the chat is within this project location, that file will actually show up in this outputs folder within the Codex desktop research. 00:12:15.335 --> 00:12:19.464 So you can see they all get organized in this clean file layout. 00:12:19.464 --> 00:12:26.910 And then if you press this open button right here, then it opens up the file in this clean view. 00:12:26.920 --> 00:12:31.835 And remember, you can full screen this view if you want to and you can see all of your files here. 00:12:31.835 --> 00:12:36.212 So you can actually have multiple files open, which we'll get to a lot later. 00:12:36.212 --> 00:12:40.138 We haven't done this yet, but you can see the file name right here. 00:12:40.138 --> 00:12:43.888 And so that's kind of a basic overview of what we've talked about so far. 00:12:43.888 --> 00:12:47.926 Now let's dig into some more fun workflows and more fun projects. 00:12:47.926 --> 00:12:54.910 So now I want to go over the other options up here on the top left. one being search. 00:12:54.920 --> 00:12:56.587 And don't worry, we'll get to plugins in a second. 00:12:56.587 --> 00:12:57.889 This is when it gets really fun. 00:12:57.889 --> 00:13:00.513 But you know how we have two projects over here? 00:13:00.513 --> 00:13:05.446 I've actually created over 30 different projects in the time that I've been using Codex. 00:13:05.446 --> 00:13:09.266 But one thing that you can do is you can very easily remove them from the side panel. 00:13:09.266 --> 00:13:15.534 And that doesn't mean you delete anything because remember, these are all just folders on your computer and those don't actually get deleted. 00:13:15.534 --> 00:13:17.370 You just remove them from the side panel. 00:13:17.370 --> 00:13:20.349 But this search feature, what I can do is I can search anything. 00:13:20.349 --> 00:13:27.990 So I remember I looked for I said to do research and create a report in the style of Karpathy, but it I removed the project. 00:13:28.000 --> 00:13:35.946 But if I just type in Karpathy, it can actually it searches all the chats for the name Karpathy and I can click on it and now this chat opens up. 00:13:35.946 --> 00:13:42.102 And you can see here that the name of the chat is analyze Karpathy voice and it's in this general agent tasks. 00:13:42.102 --> 00:13:44.741 So remember, this is just the project folder. 00:13:44.741 --> 00:13:47.155 So this Codex desktop research, right? 00:13:47.155 --> 00:13:48.695 That is the project folder. 00:13:48.695 --> 00:13:53.064 This is the general agent tasks folder that I removed from the side panel. 00:13:53.064 --> 00:13:56.385 But if I click on this, it'll actually open up the location. 00:13:56.385 --> 00:13:59.736 And then all I need to do is just drag this in here and boom. 00:13:59.736 --> 00:14:06.350 Now all of the chats for this general agent tasks here shows up here on the left side panel, right? 00:14:06.360 --> 00:14:07.288 That's pretty cool. 00:14:07.288 --> 00:14:11.786 And again, I can remove it and I can bring it back whenever I want. 00:14:11.786 --> 00:14:22.613 And so in order to access this search menu, you can just press command G and we can just type in Codex outline and you can open it without even clicking on it, which is kind of fun. 00:14:22.613 --> 00:14:26.274 Here is application that I was working on earlier that goes through all the features. 00:14:26.274 --> 00:14:29.307 But we're going to get to more advanced applications in just a second. 00:14:29.307 --> 00:14:31.494 First, I want to talk about plugin. 00:14:31.494 --> 00:14:35.510 And so yeah, many people get these confused, plugins versus skills. 00:14:35.520 --> 00:14:39.483 And I will say the line between plugins and skills is a little blurry. 00:14:39.483 --> 00:14:51.263 And so I actually just asked Codex to create a little graphic using my Excalidraw skill that I created and I had it create this image and then I exported it and here it is. 00:14:51.263 --> 00:14:54.436 So fun fact, I generated this with my Excalidraw skill. 00:14:54.436 --> 00:14:57.073 But let's talk about the difference between skills and plugins. 00:14:57.073 --> 00:15:02.144 So skills are basically a reusable workflow package for a specific kind of task. 00:15:02.144 --> 00:15:10.550 And so you can think of a skill as a reusable recipe, whereas a plugin is the installable unit that extends Codex with more capabilities. 00:15:10.560 --> 00:15:13.656 And so you can see here, if we click on plugins, right? 00:15:13.656 --> 00:15:15.155 It's kind of weird, right? 00:15:15.155 --> 00:15:19.345 In the Claude app, we can see that they call it the customize tab. 00:15:19.345 --> 00:15:22.156 And then here they have skills and connectors. 00:15:22.156 --> 00:15:24.182 OpenAI has plugins and skills. 00:15:24.182 --> 00:15:27.990 If you use different tools, they have different vocabulary for each one. 00:15:28.000 --> 00:15:32.989 So I kind of just clump these together and I personally think them of them as skills. 00:15:32.989 --> 00:15:37.282 And so skills are just ways to extend the capability of the model, right? 00:15:37.282 --> 00:15:47.618 So if I wanted to say something to Codex and be like, "Hey, check my email and tell me all of the urgent messages that they've sent me today, right?" It couldn't do that right as you downloaded Codex. 00:15:47.618 --> 00:15:50.083 You need to give it the skill of email. 00:15:50.083 --> 00:15:51.970 And so I've done that already, right? 00:15:51.970 --> 00:15:53.200 I've given it the email skill. 00:15:53.200 --> 00:15:56.374 Uh one thing that I can give it is my Google Calendar skill. 00:15:56.374 --> 00:15:58.007 I haven't done that yet in Codex. 00:15:58.007 --> 00:15:59.067 So let me show you this. 00:15:59.067 --> 00:16:01.025 So this is actually a plugin, sorry. 00:16:01.025 --> 00:16:02.710 Google Calendar plugin. 00:16:02.720 --> 00:16:17.301 And so I can give it the plugin and so we can hit install Google Calendar and this will automatically take me to my browser where I can sign in to my email and I can hit continue and we can hit select all, continue. 00:16:17.301 --> 00:16:23.110 And now once we get the verification Google Calendar is ready, Google Calendar is now connected. 00:16:23.120 --> 00:16:25.466 That means the calendar is now plugged in. 00:16:25.466 --> 00:16:32.388 Now, if I go, let's say we go to uh let's go to general agent task because that's what I want to do right now. 00:16:32.388 --> 00:16:34.716 And we're just going to press this button right here. 00:16:34.716 --> 00:16:41.030 Now we can say, "Please list out the events for this week for me." 00:16:41.040 --> 00:16:42.768 And I can press slash. 00:16:42.768 --> 00:16:44.791 You actually wouldn't have to do this. 00:16:44.791 --> 00:16:46.791 You don't have to type in everything. 00:16:46.791 --> 00:16:52.989 The agent is smart enough to just do it and you'll see here that Google Calendar shows up right here. 00:16:52.989 --> 00:16:56.043 And so I can say, "Please list out the events for me. 00:16:56.043 --> 00:16:59.837 List them out here in the chat." And we can run this. 00:16:59.837 --> 00:17:01.052 And look at this. 00:17:01.052 --> 00:17:04.551 So all of my events are listed out right here. 00:17:04.551 --> 00:17:08.214 So this is my entire calendar listed out right here. 00:17:08.214 --> 00:17:15.630 And so I'm going to say, "Please, can you send me a weekly recap in email? 00:17:15.630 --> 00:17:18.270 Just email it to myself." 00:17:18.280 --> 00:17:29.167 Because I I've set up my Gmail integration and I can hit slash Gmail and um please send me this recap to my email. 00:17:29.167 --> 00:17:33.816 And so that's all we're doing is we are sending this to my email. 00:17:33.816 --> 00:17:38.233 So it's using the Gmail skill, connected Gmail address and it's going to send me the email. 00:17:38.233 --> 00:17:41.475 I found the email address is my email right here. 00:17:41.475 --> 00:17:45.045 Sending the recap there with the week and conflict note included. 00:17:45.045 --> 00:17:45.886 And so it's done. 00:17:45.886 --> 00:17:54.888 It said, "I sent the recap to your email with the subject weekly calendar recap." If I go to my email application, I can see here, check this out. 00:17:54.888 --> 00:17:58.128 Here is the email that I got and I use Superhuman for email. 00:17:58.128 --> 00:18:03.127 And here it says weekly, it was sent from me and here's this weekly recap. 00:18:03.127 --> 00:18:07.210 Now, one thing that we're going to talk about and I'll talk about more about this later is automations. 00:18:07.210 --> 00:18:22.744 I can just say, "Please, can you make this task an automation for every Friday at 4:00 p.m. for the previous week?" Okay, look, I'm turning this into a weekly automation, blah blah blah blah blah. 00:18:22.744 --> 00:18:26.833 Here it says created weekly calendar recap Fridays at 4:00 p.m. 00:18:26.833 --> 00:18:31.978 And so if I click on this right here, I can see this weekly calendar recap. 00:18:31.978 --> 00:18:34.622 We can see that the status is active. 00:18:34.622 --> 00:18:36.766 The next run is tomorrow at 4:00 p.m. 00:18:36.766 --> 00:18:39.146 Right now it's currently Thursday at 4:00 p.m. 00:18:39.146 --> 00:18:43.830 And it's never run before, so it doesn't list the last run and that's what we got. 00:18:43.830 --> 00:18:49.490 And what you'll notice here, if we actually go up to automations, we now see a one by automations. 00:18:49.490 --> 00:18:52.552 We can click on this and here we see the automations. 00:18:52.552 --> 00:18:53.216 Look at this. 00:18:53.216 --> 00:19:08.830 And you can actually test this automation just by hitting play, which will automatically play it, or we can edit the automation and it is very easy to just edit it and we can add to it and I can say, "Make sure to use the Gmail 00:19:08.840 --> 00:19:11.531 skill." If you want to, you actually don't need to do that. 00:19:11.531 --> 00:19:12.756 It's basically implied. 00:19:12.756 --> 00:19:15.912 And it's that easy to create an automation. 00:19:15.912 --> 00:19:22.226 You just ask Codex to create an automation. if you're ever confused about what a plugin can do, just create a new chat. 00:19:22.226 --> 00:19:24.630 So what we're going to do is we're going to go to general agent task. 00:19:24.640 --> 00:19:35.562 We're going to create a new chat and I'm just going to type in @Figma and this is a plugin and I'm going to say, "Please tell me what actions I can do with this plugin. 00:19:35.562 --> 00:19:37.632 I've never used it. 00:19:37.632 --> 00:19:46.333 Describe to me what I can do or what you can do, your abilities with this plugin. 00:19:46.333 --> 00:19:50.461 List all." So now Figma, we will learn about the Figma plugin. 00:19:50.461 --> 00:19:53.384 And here it listed all of the things that it can do. 00:19:53.384 --> 00:20:01.822 A very quick side note, you see this carrot here after working for 18 seconds, you can actually click this, and this will show kind of it's thinking behind the scenes. 00:20:01.822 --> 00:20:05.520 Figma plugins gives me three broad kinds of abilities. 00:20:05.520 --> 00:20:12.389 It can inspect existing Figma files, it can generate new visual artifacts, and connect Figma to your code base. 00:20:12.389 --> 00:20:14.296 And so, we can just test this out right now. 00:20:14.296 --> 00:20:23.989 So, I have Figma open right here, and I guess I'm just going to create a new design, and let's go ahead and call this cuz I don't see the ability for it to create a new design. 00:20:23.989 --> 00:20:33.475 Uh so, I'm going to rename this, and I'm just going to say, I created this new Figma board called Riley new design. 00:20:33.475 --> 00:20:40.625 Can you please put hello world on that design to see if that works? 00:20:40.625 --> 00:20:43.677 So, now we're going to test out this Figma integration. 00:20:43.677 --> 00:20:45.969 And so, look at this, it says, Figma's running locally. 00:20:45.969 --> 00:20:50.257 I'm switching to the text tool and placing a simple hello world on the canvas. 00:20:50.257 --> 00:20:53.472 And so, now it says, hello world is now on the Riley new design canvas. 00:20:53.472 --> 00:20:57.407 Let's go ahead and go over there, and look at this, we have hello world. 00:20:57.407 --> 00:21:06.806 And I've been typing a lot in this video, and so, I'm going to show you how I normally interact with AI agents, which is just with my voice using a tool called whisper flow. 00:21:06.806 --> 00:21:11.400 And uh that's literally, you can look it up on Google, you can download it, they have a generous free plan. 00:21:11.400 --> 00:21:15.198 But, all we have to do is hold the FN key, and I can speak my idea. 00:21:15.198 --> 00:21:17.753 So, now I want you to go to Figma. 00:21:17.753 --> 00:21:21.380 Actually, I don't want you to ignore the hello world, that was just a test. 00:21:21.380 --> 00:21:31.310 Now that I know that it works, I want you to make a mock-up design on Figma for my new shoe company called new shoe, n o o s h o o. 00:21:31.320 --> 00:21:35.353 This is a new futuristic shoe, and I want you to create a landing page for it. 00:21:35.353 --> 00:21:36.983 So, do that on Figma. 00:21:36.983 --> 00:21:43.226 If you need to get an image of this new shoe, generate it using your built-in image generation tool. 00:21:43.226 --> 00:21:49.167 And take a look at this, it just generated new shoe, and it generated an image right here in the chat. 00:21:49.167 --> 00:21:52.923 As you can see here, and now it says, looked at Codex. 00:21:52.923 --> 00:21:58.371 So, it's actually seeing the computer use, is actually checking to see if it generated it. 00:21:58.371 --> 00:22:06.224 So, now I'm using Figma, Figma/generate design for Figma landing page workflow, and image gen for the product art. 00:22:06.224 --> 00:22:08.470 And so, it generated this without a background. 00:22:08.480 --> 00:22:15.508 Notice here, if I were to copy this image, and I were to like open it up, you can see here, it's saved to my clipboard without a background. 00:22:15.508 --> 00:22:16.576 This is a pretty cool shoe. 00:22:16.576 --> 00:22:29.611 So, I'm not going to lie, this Figma integration is it's pretty much made for you to have a Figma board, and convert the Figma board into code, rather than like telling it to generate code, and then put it onto Figma. 00:22:29.611 --> 00:22:37.316 And so, there's actually a tool made specifically for that, which is called paper, which a lot I've talked to a lot of designers, and a lot of designers are switching to this. 00:22:37.316 --> 00:22:44.352 But, what this allows you to do is you can create a new file here, and I'm just going to call this Codex test. 00:22:44.352 --> 00:22:54.350 And what I'm going to do is I'm just going to press new, I can say slash paper, and I have this skill that I've created previously called paper desk deck style. 00:22:54.360 --> 00:22:58.414 Um but, what we can do is we can actually go to plugins, and we can hit manage. 00:22:58.414 --> 00:23:03.129 And here we have MCPs, and here we have this paper MCP. 00:23:03.129 --> 00:23:13.846 And so, if you are ever using a tool, on their website, they might say like, use the new paper MCP, or use the new Figma MCP, or use the new notion MCP. 00:23:13.846 --> 00:23:22.047 You can literally just go to claw Claude code, this works in Claude code or Codex, and say, hey, I want to be able to use this MCP. 00:23:22.047 --> 00:23:25.195 Can you please create a skill that wraps this MCP? 00:23:25.195 --> 00:23:30.060 And that'll tell it that it can create a skill with that MCP, so that you can use it really easily. 00:23:30.060 --> 00:23:45.821 So, what I'm going to do is I can go to this new chat here, and I can hit slash paper, or I can say, use the paper MCP to create a landing page for my new company new shoe. 00:23:45.821 --> 00:23:51.164 And remember, we've created those files for new shoe. see if they're in here. 00:23:51.164 --> 00:24:06.390 Yep, new shoe hero, and we can type at new shoe PNG, use the one without a background, and create a landing page on the open paper board. 00:24:06.400 --> 00:24:10.030 Use the paper tool that we've created. 00:24:10.040 --> 00:24:17.175 And since I've already created this, you're going to see, and I In my opinion, this is the best way to get AI to make designs for you. 00:24:17.175 --> 00:24:18.110 Check this out. 00:24:18.120 --> 00:24:19.669 So, we can open up paper. 00:24:19.669 --> 00:24:21.349 Oh, this is really cool as well. 00:24:21.349 --> 00:24:34.494 So, if we open up this general tasks here, and we right click on this chat, and we say, open in mini window, we can actually open this chat in a mini window, and we can minimize Codex. 00:24:34.494 --> 00:24:39.169 So, now we can have whatever application we want to have open here on the side. 00:24:39.169 --> 00:24:41.511 And here it says, okay, the board is empty. 00:24:41.511 --> 00:24:44.684 So, I'm going to build a fresh desktop artboard. 00:24:44.684 --> 00:24:47.150 I'm checking both the hero files locally. 00:24:47.160 --> 00:24:48.692 Okay, design is set. 00:24:48.692 --> 00:24:50.070 I'm building this. 00:24:50.080 --> 00:24:51.076 Look at this. 00:24:51.076 --> 00:24:56.187 So, it'll just generate a landing page design, and we can just have this open. 00:24:56.187 --> 00:25:02.695 We have the chat open on the side, and I love this animation when it's when it's editing, and we'll just let it cook. 00:25:02.695 --> 00:25:08.985 Okay, you see here, it created this top board or top bar, technology performance launch. 00:25:08.985 --> 00:25:13.092 You can see Oh, move like the roads has been written. 00:25:13.092 --> 00:25:14.766 New shoe blends featherweight written. 00:25:14.766 --> 00:25:17.692 New shoe blends featherweight knit All right, so, these buttons are a little overlapping. 00:25:17.692 --> 00:25:19.270 Remember, the AI might fix this. 00:25:19.270 --> 00:25:22.625 It might just realize it messes up, and then it'll actually just fix this. 00:25:22.625 --> 00:25:26.070 Oh, this is a great opportunity to talk about a new feature. 00:25:26.080 --> 00:25:40.110 So, one thing that a lot of AI tools have is message queuing, which basically, like, if I were to type a prompt while it's working right now, and say like, please fix it, on a lot of AI tools, what it'll do is it'll wait for 00:25:40.120 --> 00:25:43.372 the AI to be done before entering the prompt. 00:25:43.372 --> 00:25:48.863 But, Codex has steering built in, like steer like like your steering wheel. 00:25:48.863 --> 00:25:56.547 And what you can do is is I can paste that screenshot, and just say, oh, by the way, there's some overlap here, you might want to fix this while you're working. 00:25:56.547 --> 00:26:04.037 And so, when you press enter, by default, it'll be queued up, but if you click steer, it'll actually enter it while it's working. 00:26:04.037 --> 00:26:08.776 So, you don't even have to wait for it to be done, you can kind of steer it while you work. 00:26:08.776 --> 00:26:15.585 And so, you can see here, once it's done with its latest activity or tool call, your prompt gets entered. 00:26:15.585 --> 00:26:20.253 And so, now, in the middle of your conversation, it says that I saw the overlap. 00:26:20.253 --> 00:26:28.810 I'd already started moving the CTA and stats down, but I'm rechecking the hero and adjusting the copy, and it'll hopefully make the fix on this specific run. 00:26:28.810 --> 00:26:29.639 And look at this. 00:26:29.639 --> 00:26:32.536 So, it's already starting to fix it, and here we go. 00:26:32.536 --> 00:26:37.316 And I could say something like, create four more variations. 00:26:37.316 --> 00:26:42.202 I want you to make slight modifications on each. 00:26:42.202 --> 00:26:55.790 I'm not going to go through this whole process, but the point I'm trying to make here is paper is a software tool that was designed specifically to connect to your AI agents, like Codex, like Claude code, and there will be way more tools just 00:26:55.800 --> 00:26:56.243 like this. 00:26:56.243 --> 00:27:07.394 I think there's a massive opportunity to create tools that connect to other agents that people already use, and you can see here, Figma has a really bad integration, in my opinion, compared to paper. 00:27:07.394 --> 00:27:09.112 Paper's just way more fun. 00:27:09.112 --> 00:27:16.669 And look at this, it just created this new variation, and it is going to copy over everything, and that's how easy it is. 00:27:16.679 --> 00:27:18.787 You just get AI to create multiple variations. 00:27:18.787 --> 00:27:21.830 Look at this, number two, number three, and number four, right? 00:27:21.840 --> 00:27:23.803 Making them with different background colors. 00:27:23.803 --> 00:27:32.379 It's working on them in parallel, and this tool, paper, was made specifically to be an integration into your existing tools. 00:27:32.379 --> 00:27:34.920 And this is going to be a massive trend going forward. 00:27:34.920 --> 00:27:38.475 And so, plugins are kind of pre-made for you a lot of the time. 00:27:38.475 --> 00:27:43.747 They're just built into Codex, and this list is going to get a thousand times bigger. 00:27:43.747 --> 00:27:50.893 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:50.893 --> 00:27:52.934 So, you show up at the top of the list. 00:27:52.934 --> 00:28:04.870 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, like this is so valuable to show up here on this list. 00:28:04.880 --> 00:28:07.803 And so, there's going to be more and more of these integrations. 00:28:07.803 --> 00:28:10.601 But, it's important to realize how to create your own skill. 00:28:10.601 --> 00:28:13.219 So, let's go ahead and create our own skill. 00:28:13.219 --> 00:28:28.110 So, if we go to our general agent tasks, we open up a new task, one of the things that I was constantly doing over and over again was going to YouTube, and I would go to this site called like YouTube transcript extractor, and I wanted a way to very 00:28:28.120 --> 00:28:30.878 easily like pull a transcript from a video. 00:28:30.878 --> 00:28:40.810 And then I wanted to be able to do it for all of the videos of a given channel, or or I wanted to be able to search YouTube and pull the transcripts from a certain search term. 00:28:40.810 --> 00:28:42.839 And so, I I looked it up. 00:28:42.839 --> 00:28:47.275 I said, hey, I want to be able to use an API. 00:28:47.275 --> 00:28:58.203 And so, an API, for those of you who are untechnical, 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.203 --> 00:29:02.822 And so, when you're vibe coding, a lot of you guys who follow me, uh have vibe coded before. 00:29:02.822 --> 00:29:11.236 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.236 --> 00:29:17.495 And this would basically grant you access to add the OpenAI technology into your app. 00:29:17.495 --> 00:29:19.526 And so, this is what I'll do all the time. 00:29:19.526 --> 00:29:25.651 Like, if I'm 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.651 --> 00:29:30.872 So, it's like, I want to be able to use an API to pull YouTube transcripts. 00:29:30.872 --> 00:29:34.315 Can you suggest the top five for me? 00:29:34.315 --> 00:29:39.471 And look at this, it just created a list of different ones that we can use. 00:29:39.471 --> 00:29:46.304 Here the top five, super data, transcript API, youtube transcript.io, and scrape creators. 00:29:46.304 --> 00:29:51.023 So, I'm going to go ahead, and I'm going to check out Super Data and I have used this before. 00:29:51.023 --> 00:29:56.840 What we can do is we can sign in and once you sign in and put in your credit card, you can get an API key. 00:29:56.840 --> 00:29:58.930 I think I might even be on the free plan. 00:29:58.930 --> 00:30:02.612 And so, I get a certain amount of transcripts per month. 00:30:02.612 --> 00:30:05.070 I think you get 100 free per month. 00:30:05.070 --> 00:30:07.696 So, I'm not on my personal Super Data account. 00:30:07.696 --> 00:30:09.322 I don't think I'm using that many of them. 00:30:09.322 --> 00:30:27.350 So, I can copy this API key and we can go back to Codex and say, "Okay, please can you create a skill that allows me to ask you to summarize the latest 10 videos from a certain YouTube channel and you can always use this API to just immediately 00:30:27.360 --> 00:30:27.769 pull them. 00:30:27.769 --> 00:30:33.781 So, you can go to their YouTube channel, you can search their YouTube channel, get their latest five videos and pull the transcripts and then summarize them. 00:30:33.781 --> 00:30:45.390 I want you to create a skill, so you're going to need to look and research how to use Super Data and figure out how to use it well and quickly and create a skill so that I can always ask you for this information. 00:30:45.400 --> 00:30:47.032 Here is my API key. 00:30:47.032 --> 00:30:49.242 I'm going to include my API key. 00:30:49.242 --> 00:30:50.673 I'm going to paste it at the end. 00:30:50.673 --> 00:30:52.310 I don't want to show it on camera. 00:30:52.320 --> 00:30:58.940 But one thing before I want to do that is you can type in skill creator and this will indicate that it should use the skill creator. 00:30:58.940 --> 00:31:04.237 It'll help it understand what it needs to do and this skill makes it really good at creating skills. 00:31:04.237 --> 00:31:06.009 And so, here is the key. 00:31:06.009 --> 00:31:08.156 I'm going to paste it, but I'm going to do it off camera. 00:31:08.156 --> 00:31:09.812 Okay, so I entered my prompt. 00:31:09.812 --> 00:31:10.910 It's now running. 00:31:10.910 --> 00:31:18.216 I'm just have this covering up my key and it's going to use the skill creator and it is going to create the skill. 00:31:18.216 --> 00:31:25.897 And then once your Codex is done working and it's created the skill, again, you go to plugins, you click on skills and you'll see it right here. 00:31:25.897 --> 00:31:28.557 And so, it created the skill called YouTube Researcher. 00:31:28.557 --> 00:31:32.052 And so, in order to use a skill, you actually need to create a new session. 00:31:32.052 --> 00:31:34.750 So, this is the session that we created the skill in. 00:31:34.760 --> 00:31:41.632 Once we're done, right, we can just hit this new chat button and we can just type in YouTube Researcher. 00:31:41.632 --> 00:31:59.910 And so, please can you look at Riley Brown latest 10 YouTube videos, pull the transcripts and summarize them in a document and please I want you to inform me which of these videos did well and 00:31:59.920 --> 00:32:05.595 which of these videos did not do as well and this should be kind of an analysis of what people are interested in. 00:32:05.595 --> 00:32:08.798 That's what I want you to look in and then also do a hook analysis. 00:32:08.798 --> 00:32:15.584 So, based on like the intro of my video, I want you to say which intros did well, which intros did not do well. 00:32:15.584 --> 00:32:19.550 And in this report, I want the YouTube thumbnails in there as well. 00:32:19.560 --> 00:32:23.335 So, Super Data can also pull the YouTube thumbnail, which is really cool. 00:32:23.335 --> 00:32:27.239 Okay, so it is done and you can see here we see this report. 00:32:27.239 --> 00:32:31.310 If I click open, we now have this Riley Brown YouTube report. 00:32:31.320 --> 00:32:32.309 And look at this. 00:32:32.309 --> 00:32:37.624 So, this is using this skill right here, which is the {slash} docs word docs skill. 00:32:37.624 --> 00:32:46.081 This is I think this comes built into Codex and it looked at all the full transcripts and here at the bottom we see the hook winners. 00:32:46.081 --> 00:32:49.476 So, Claude is taking over, big market shift, high urgency. 00:32:49.476 --> 00:32:50.981 These intros did best. 00:32:50.981 --> 00:32:57.805 Claude code leak, open Claude Blender skills, Claude code can design now, why specialized agents are superior. 00:32:57.805 --> 00:32:58.745 That's pretty good. 00:32:58.745 --> 00:33:02.721 The hooks that didn't do well is build a sync web app and mobile app in 16 minutes. 00:33:02.721 --> 00:33:04.460 That video did not do as well. 00:33:04.460 --> 00:33:06.788 The 35 fundamentals you need to vibe code your first app. 00:33:06.788 --> 00:33:08.858 So, it looks like vibe coding did not do as well. 00:33:08.858 --> 00:33:13.630 Building a mobile app with open AI Codex and seven open Claude skills that can 10x your output. 00:33:13.640 --> 00:33:14.536 Very interesting. 00:33:14.536 --> 00:33:17.279 And so, it even told me what to double down on. 00:33:17.279 --> 00:33:18.641 So, this is pretty cool. 00:33:18.641 --> 00:33:22.168 So, it took all of that YouTube data and turned it into a document. 00:33:22.168 --> 00:33:31.292 I'm going to say, "Okay, on the last day of every month, I want you to do this for the videos for that month. 00:33:31.292 --> 00:33:50.070 Can you create this automation that uses the {slash} YouTube Researcher skill and the {slash} word doc to create a report just like this for the videos 00:33:50.080 --> 00:33:51.575 for that month. 00:33:51.575 --> 00:34:01.845 Make it slightly more brief and in the table, make them ordered by view count." And so, now we're running this. 00:34:01.845 --> 00:34:04.856 We can exit full screen mode and that's exactly what we're going to do here. 00:34:04.856 --> 00:34:15.897 So, what we did here is we basically created a YouTube Researcher skill and this required an external API and we just did research on Codex to find the Super Data API. 00:34:15.897 --> 00:34:19.790 And then what we did is we got an API key. 00:34:19.800 --> 00:34:31.461 We gave this API key to Codex and we said create a skill with the Super Data API, use this key and then this created this skill. 00:34:31.461 --> 00:34:34.939 So, this process created this skill and then we said to use it. 00:34:34.939 --> 00:34:42.337 I said use the Super Data API to look up my YouTube, pull all my latest transcripts and then create a doc, right? 00:34:42.337 --> 00:34:45.869 And so, we created a doc and then we kind of paired these together, right? 00:34:45.879 --> 00:34:48.637 We used these in tandem with one another. 00:34:48.637 --> 00:34:51.407 We used this and we created this automation, right? 00:34:51.407 --> 00:34:53.272 So, we created an automation. 00:34:53.272 --> 00:35:01.659 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.659 --> 00:35:03.239 And that's exactly what we did. 00:35:03.239 --> 00:35:06.030 And so, if we go back to Codex, let's see if it's done. 00:35:06.040 --> 00:35:06.852 Yes, it's done. 00:35:06.852 --> 00:35:10.045 And you see here it says created monthly YouTube report. 00:35:10.045 --> 00:35:13.661 So, I can click on this and here, okay, I didn't realize this. 00:35:13.661 --> 00:35:17.101 You can reference skills in the monthly report. 00:35:17.101 --> 00:35:18.799 So, that's useful to know. 00:35:18.799 --> 00:35:21.977 And you'll notice here in the automations tab, we now have a two. 00:35:21.977 --> 00:35:27.320 So, we have two automations that are set up, a monthly YouTube report and a weekly calendar recap. 00:35:27.320 --> 00:35:30.229 Okay, so we've covered a lot here in part one. 00:35:30.229 --> 00:35:35.070 We've talked about a lot of the basics, how the app works, how to create skills. 00:35:35.080 --> 00:35:37.270 We've talked about plugins, automations. 00:35:37.280 --> 00:35:41.263 We've created a couple and we're kind of moving slowly through this process. 00:35:41.263 --> 00:35:47.181 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.181 --> 00:35:53.428 And what I really want to show in this section is A, how to do like we're actually going to create a web app, we're going to create a mobile app. 00:35:53.428 --> 00:35:58.939 So, we're going to learn about vibe coding in this process, but I also want to focus on multitasking. 00:35:58.939 --> 00:36:03.915 As I said earlier in the video, these agents are taking longer and longer to complete tasks. 00:36:03.915 --> 00:36:17.761 So, if you want to be efficient in this new AI world, you need to learn how to set like send instructions to an agent, trust the agent to do really good work and then move to a new agent chat so that you can start working on something else. 00:36:17.761 --> 00:36:31.950 And all of the best engineers and the best operators who use AI are very effective multitaskers and they're able to like just focus on one agent chat, put all of your effort into a prompt and then once you press enter to just check out of 00:36:31.960 --> 00:36:33.633 that task and move to a new one. 00:36:33.633 --> 00:36:36.834 So, it's not even like multitasking, you're like serial tasking. 00:36:36.834 --> 00:36:40.029 Each prompt that you type in is the task. 00:36:40.029 --> 00:36:43.991 And so, we're going to create six different things in this role play. 00:36:43.991 --> 00:36:50.221 So, in this role play, my name is Riley Brown, which is my actual name, but I want to create an iOS app. 00:36:50.221 --> 00:36:54.874 So, my main priority is to create an iOS app, but creating the app isn't enough, right? 00:36:54.874 --> 00:37:00.037 We actually have to do some marketing and so, that's why I'm going to be creating some X post automations. 00:37:00.037 --> 00:37:02.050 We also need a high quality launch video. 00:37:02.050 --> 00:37:03.419 We're going to do a launch video. 00:37:03.419 --> 00:37:04.779 I want to raise a little bit of money. 00:37:04.779 --> 00:37:06.300 I want to raise a million bucks for this app. 00:37:06.300 --> 00:37:08.130 So, we're going to create an investor deck. 00:37:08.130 --> 00:37:13.294 We're also going to release this launch video before this app is out, right? 00:37:13.294 --> 00:37:24.239 So, we want to go launch video then iOS app, which means that we need to create some sort of website or landing page that we can allow people to sign up for a wait list. 00:37:24.239 --> 00:37:25.770 You want to be able to collect data. 00:37:25.770 --> 00:37:32.731 And before we create our iOS app, we are going to create an iOS app design and that's what we're kind of do. 00:37:32.731 --> 00:37:35.017 So, we're going to kind of move through these together. 00:37:35.017 --> 00:37:49.286 You know, we're not going to work on all six at once, but we're going to be working on many things at once the whole time until we create a system around this app that could be a fully operating business and we're going to create some automations as well. 00:37:49.286 --> 00:37:54.751 So, in order to get started, what I'm going to do is I'm going to go to Codex and we're going to create a new project. 00:37:54.751 --> 00:37:57.239 So, this new project, we're going to go into Riley Brown. 00:37:57.239 --> 00:37:58.873 We're going to go into Codex projects. 00:37:58.873 --> 00:38:04.990 Actually, we're going to create a whole new folder here and I'm just going to call this my new business. 00:38:05.000 --> 00:38:08.387 And what I'm going to do is I'm just going to open up this folder and I'm going to hit new chat. 00:38:08.387 --> 00:38:10.875 I'm going to say, "I have a plan. 00:38:10.875 --> 00:38:20.430 Create a markdown file of my plan." Then what I'm going to do is I'm going to go to this little thing here and just going to take a screenshot this. 00:38:20.440 --> 00:38:21.286 Put this image. 00:38:21.286 --> 00:38:26.542 I'm creating a mobile app right now and a landing page as well as some other assets. 00:38:26.542 --> 00:38:28.108 I want to create a design for this. 00:38:28.108 --> 00:38:31.506 I just want you to outline what I've put in this in a simple markdown file. 00:38:31.506 --> 00:38:35.377 Whatever you see here, I'm also going to make a launch video with a remotion skill. 00:38:35.377 --> 00:38:37.271 I'm going to make What else am I doing? 00:38:37.271 --> 00:38:38.209 Oh, an investor deck. 00:38:38.209 --> 00:38:39.967 I also want to make an investor deck. 00:38:39.967 --> 00:38:45.990 So, please just make a simple bulleted list that I can check off as I go along of all of these items. 00:38:46.000 --> 00:38:47.225 So, there should be six. 00:38:47.225 --> 00:38:49.338 Each one of the ones that are listed here. 00:38:49.338 --> 00:38:51.809 And then please at the top put my app idea. 00:38:51.809 --> 00:38:54.808 So, my app idea is as follows and I put a little info here. 00:38:54.808 --> 00:38:56.434 The app is going to be called Chorus. 00:38:56.434 --> 00:38:59.870 It's going to be a place where people can learn about AI agents. 00:38:59.880 --> 00:39:01.890 People can learn about the best agent platforms. 00:39:01.890 --> 00:39:04.263 People can learn about how agents work. 00:39:04.263 --> 00:39:04.672 Oops. 00:39:04.672 --> 00:39:06.310 We can stop it here. 00:39:06.320 --> 00:39:09.597 People People can also learn about the best skills. 00:39:09.597 --> 00:39:15.991 So, that's going to be a skills library that I'm going to curate that people can copy and paste into any agent and it will just work. 00:39:15.991 --> 00:39:18.581 So, basically just put this in a very simple one-pager doc. 00:39:18.581 --> 00:39:19.694 Don't add anything. 00:39:19.694 --> 00:39:23.447 So, we're kind of just creating a plan here in this my new business. 00:39:23.447 --> 00:39:38.470 Now, while that's going to run, what I'm going to do is I'm going to create a new chat and I'm going to say, "I want to use the {slash} mobile design skill." Now, this mobile design skill is a custom skill that I made and I actually extracted it 00:39:38.480 --> 00:39:40.942 from Anthropic's new design tool. 00:39:40.942 --> 00:39:48.870 So, if you go to Claude.ai/design, they just released a new design tool that's like supposed to be like Figma. 00:39:48.880 --> 00:39:52.453 And all I did, I had it create a mobile app design. 00:39:52.453 --> 00:39:55.061 As you can see here, there's this like design. 00:39:55.061 --> 00:39:58.177 And I want to be able to use a skill just like this. 00:39:58.177 --> 00:40:05.697 So, then I just asked the agent, I said, "Hey, can you tell me exactly how this design app worked?" And it just literally worked for me. 00:40:05.697 --> 00:40:07.885 Like I it just outputted everything. 00:40:07.885 --> 00:40:10.961 So, I just copied all of these documents here. 00:40:10.961 --> 00:40:15.838 And then I copied the files that this new Claude design skill gives you. 00:40:15.838 --> 00:40:17.410 And then I gave it to Codex. 00:40:17.410 --> 00:40:19.679 And I literally said the following here. 00:40:19.679 --> 00:40:21.086 I literally said this. 00:40:21.086 --> 00:40:23.323 I said, "I want you to create a mobile design skill. 00:40:23.323 --> 00:40:24.522 This is how Claude does it. 00:40:24.522 --> 00:40:30.413 I want you to mimic this." And then I just pasted literally everything it gave me here with all of the files. 00:40:30.413 --> 00:40:32.380 And it just created this mobile design skill. 00:40:32.380 --> 00:40:33.630 And it works really well. 00:40:33.630 --> 00:40:34.227 I'll show you. 00:40:34.227 --> 00:40:35.387 So, we can go back to this. 00:40:35.387 --> 00:40:37.070 I want you to use a mobile design skill. 00:40:37.080 --> 00:40:47.469 And I want you to create the screens for this app in very basic Apple style design. 00:40:47.469 --> 00:40:51.742 We will add some flare in a little bit. 00:40:51.742 --> 00:40:57.049 I just want to get all the screens functionally correct. 00:40:57.049 --> 00:41:01.682 And so, what I'm going to do here is I'm going to go ahead and run this. 00:41:01.682 --> 00:41:04.425 I'm going to go back to this Chorus app plan. 00:41:04.425 --> 00:41:06.236 We can open this here in the side view. 00:41:06.236 --> 00:41:09.510 So, you can see here we have this right here. 00:41:09.520 --> 00:41:11.316 So, this app is going to be called Chorus. 00:41:11.316 --> 00:41:12.731 So, I can just copy this. 00:41:12.731 --> 00:41:15.199 And we can just paste this app idea. 00:41:15.199 --> 00:41:17.710 And now we're creating the mobile app design. 00:41:17.720 --> 00:41:21.550 And so, what we need to do is we're going to create the design first. 00:41:21.560 --> 00:41:23.372 Then we're going to create an iPhone app. 00:41:23.372 --> 00:41:28.277 We're going to create a web app, investor deck, launch video, and expose automation. 00:41:28.277 --> 00:41:29.894 So, we're working on this right now. 00:41:29.894 --> 00:41:35.290 And by the way, I will post the mobile app design skill on the actual app that we're creating. 00:41:35.290 --> 00:41:36.747 I'm going to put this on TestFlight. 00:41:36.747 --> 00:41:39.460 And I'll put I'll put it on a website somewhere below the video. 00:41:39.460 --> 00:41:41.705 So, you'll be able to get this mobile app design skill. 00:41:41.705 --> 00:41:46.887 You'll be able to just copy the link and paste it into Codex and use the skill for 100% for free. 00:41:46.887 --> 00:41:52.219 And okay, so while these screens are loading, we can actually get our mobile app set up. 00:41:52.219 --> 00:41:58.174 And so, I'm going to go through this process relatively slowly so that you can understand how to build an iOS app with Codex. 00:41:58.174 --> 00:42:03.630 So, I'm going to say, "I want you to create a new project called Chorus. 00:42:03.640 --> 00:42:05.870 This is going to be a Swift mobile app. 00:42:05.880 --> 00:42:09.295 And what I want you to do right now is just make it say, 'Hello world. 00:42:09.295 --> 00:42:11.910 This is Chorus.' In simple text in the middle. 00:42:11.920 --> 00:42:14.421 Basically, what we're doing is we're just getting our project set up. 00:42:14.421 --> 00:42:15.832 We're not going to do anything else. 00:42:15.832 --> 00:42:25.580 Just put this text on a mobile app and open the Xcode project when you're done so that I can run it from Xcode." And so, we're going to run this. 00:42:25.580 --> 00:42:28.883 In order to use this, you're going to need two things. 00:42:28.883 --> 00:42:30.990 And you can search on Codex how to do this. 00:42:31.000 --> 00:42:32.540 You're going to need Xcode. 00:42:32.540 --> 00:42:33.810 And I will pull it up here. 00:42:33.810 --> 00:42:40.703 If you just type in download Xcode, this is Apple's This is Apple's developer platform. 00:42:40.703 --> 00:42:43.518 And Codex can actually connect to Xcode. 00:42:43.518 --> 00:42:52.145 And once you download this, you're also going to need to download iOS simulator if you want to run it on a little device on your phone. 00:42:52.145 --> 00:42:54.885 So, that's Those are the two things that I have downloaded. 00:42:54.885 --> 00:42:57.458 And you're going to need the iOS simulator for this. 00:42:57.458 --> 00:43:00.029 And you can figure out how to download this. 00:43:00.029 --> 00:43:00.739 Just ask AI. 00:43:00.739 --> 00:43:02.379 You do need a Mac for this. 00:43:02.379 --> 00:43:07.872 And you will probably need like 20 GB of spare storage on your computer. 00:43:07.872 --> 00:43:10.352 So, the Chorus screens are still being built. 00:43:10.352 --> 00:43:13.014 But the create Chorus hello app is done. 00:43:13.014 --> 00:43:16.894 And so, it actually opened up Xcode on my computer. 00:43:16.894 --> 00:43:20.870 Now, what I'm going to do is I'm going to change this to one of the simulators. 00:43:20.880 --> 00:43:23.577 We're going to use an iPhone 17. 00:43:23.577 --> 00:43:26.190 And we're going to hit this play button. 00:43:26.200 --> 00:43:27.771 This should open a simulator. 00:43:27.771 --> 00:43:28.356 Here it is. 00:43:28.356 --> 00:43:31.288 And here is the app that we're going to be working on. 00:43:31.288 --> 00:43:33.309 So, I'm going to move this right here. 00:43:33.309 --> 00:43:37.837 Here is going to be the mobile app that we are working on. 00:43:37.837 --> 00:43:39.675 And this is really cool. 00:43:39.675 --> 00:43:41.918 And as you can see here, "Hello. 00:43:41.918 --> 00:43:43.882 This is Chorus." This is the app. 00:43:43.882 --> 00:43:45.269 It is completely white. 00:43:45.269 --> 00:43:47.430 Just have this black text here in the middle. 00:43:47.440 --> 00:43:48.914 There's no app functionality. 00:43:48.914 --> 00:43:50.544 We just now have the project open. 00:43:50.544 --> 00:43:52.008 And now we can talk to Codex. 00:43:52.008 --> 00:43:54.498 And we can actually edit this app however we want. 00:43:54.498 --> 00:43:56.293 We can build any features we want. 00:43:56.293 --> 00:43:59.148 Literally any features simply by five coding. 00:43:59.148 --> 00:44:01.723 And you'll see we'll add some more features later. 00:44:01.723 --> 00:44:06.710 Now, here is an app where we see that the build Chorus screens is done. 00:44:06.720 --> 00:44:07.933 We can click on this. 00:44:07.933 --> 00:44:11.136 Okay, so I actually just went to have lunch for about 25 minutes. 00:44:11.136 --> 00:44:12.314 And we're back. 00:44:12.314 --> 00:44:13.639 And all my agents are done. 00:44:13.639 --> 00:44:15.939 So, obviously we have the Xcode project set up. 00:44:15.939 --> 00:44:18.294 And here we have the build Chorus screens. 00:44:18.294 --> 00:44:20.987 So, now that it's done and it gave us this prototype link. 00:44:20.987 --> 00:44:23.100 So, my skill gives you a prototype link. 00:44:23.100 --> 00:44:24.349 And take a look at that. 00:44:24.359 --> 00:44:25.654 So, we have this app screen. 00:44:25.654 --> 00:44:26.552 It's very basic. 00:44:26.552 --> 00:44:28.990 But we can switch screens here. 00:44:29.000 --> 00:44:30.015 We can switch tabs. 00:44:30.015 --> 00:44:31.904 So, we have this like learn tab. 00:44:31.904 --> 00:44:34.514 And maybe you can do like agents 101. 00:44:34.514 --> 00:44:37.452 I think this is actually a decent start. 00:44:37.452 --> 00:44:38.734 I like the hierarchy. 00:44:38.734 --> 00:44:41.166 So, like the learn the different platforms. 00:44:41.166 --> 00:44:45.980 This is like a good We can organize this or actually create real categories later. 00:44:45.980 --> 00:44:48.959 But this is ultimately what I want the app to look like. 00:44:48.959 --> 00:44:50.105 And saved is good. 00:44:50.105 --> 00:44:54.535 It separates the learning and the platforms and the skills here. 00:44:54.535 --> 00:44:56.955 As you can see here, we have multiple save. 00:44:56.955 --> 00:44:58.110 I like this design. 00:44:58.120 --> 00:45:03.850 So, if we go to this Chorus app, and what we can do is we can say, "Please integrate." And you can actually go up here. 00:45:03.850 --> 00:45:08.305 And what you can do is you can actually click on this toggle files. 00:45:08.305 --> 00:45:10.321 So, here we have the output. 00:45:10.321 --> 00:45:11.574 Oh, this is cool. 00:45:11.574 --> 00:45:15.525 Yeah, so now we can see we have this mobile design. 00:45:15.525 --> 00:45:25.510 So, we can just say, "Please integrate the screens in the my new business folder in the mobile app. 00:45:25.520 --> 00:45:30.726 And just make this app have all of these screens. 00:45:30.726 --> 00:45:40.874 We will populate it with real data later and build out the experience and polish the design. 00:45:40.874 --> 00:45:46.069 So, implement it now." So, we've created these screens right here. 00:45:46.069 --> 00:45:48.173 And this just give us kind of a like a nice little outline. 00:45:48.173 --> 00:45:50.470 I like, "Okay, we can make some edits to this." 00:45:50.480 --> 00:45:52.256 But I think this is good enough to just implement. 00:45:52.256 --> 00:45:53.808 And so, we can go to our plan. 00:45:53.808 --> 00:45:58.807 And we can say, "Okay, mark the iPhone iPhone app as done. 00:45:58.807 --> 00:46:03.885 And then make the building the iPhone app as working in the works. 00:46:03.885 --> 00:46:09.630 And then also put web app and landing page in the works." Because now we need to create a landing page. 00:46:09.640 --> 00:46:11.159 Okay, so that just sent through. 00:46:11.159 --> 00:46:12.853 Now, what we can do is we're going to create a new chat. 00:46:12.853 --> 00:46:24.421 And we're going to say, "I want to create a very basic web app landing page that can collect data from interested users for our app. 00:46:24.421 --> 00:46:26.112 I just want to create the shell. 00:46:26.112 --> 00:46:29.832 And basically just have a page with a title that says Chorus app. 00:46:29.832 --> 00:46:37.710 And then I want a field that users can fill out in order to put in their email and and their information." 00:46:37.720 --> 00:46:39.799 Except we're going to use an external tool for this. 00:46:39.799 --> 00:46:42.346 And so, what I'm going to do is I'm going to go to Arc. 00:46:42.346 --> 00:46:44.939 And what I'm going to do is I'm going to go to tally.so. 00:46:44.939 --> 00:46:48.734 So, Tally is a tool that I use to collect form submissions. 00:46:48.734 --> 00:46:51.441 So, here are all the form submissions that I've created in the past. 00:46:51.441 --> 00:46:53.585 Here's a brand new form that we're going to create. 00:46:53.585 --> 00:46:56.846 And so, I'm just going to say I'm going to say waitlist Chorus. 00:46:56.846 --> 00:46:58.939 And we're going to use a template. 00:46:58.939 --> 00:47:00.590 Let's just use a template. 00:47:00.600 --> 00:47:02.838 And we can just do this right here. 00:47:02.838 --> 00:47:05.505 And we can do last name, first name, email address. 00:47:05.505 --> 00:47:08.150 Yeah, let's use this template. 00:47:08.160 --> 00:47:09.263 And we'll keep this really basic. 00:47:09.263 --> 00:47:11.804 We'll just say sign up for Chorus. 00:47:11.804 --> 00:47:13.352 We can always edit this later. 00:47:13.352 --> 00:47:14.652 But I think this is good. 00:47:14.652 --> 00:47:17.114 How do we Yeah, I think this is good. 00:47:17.114 --> 00:47:19.353 Let's How do we make this not Okay, there we go. 00:47:19.353 --> 00:47:19.596 Done. 00:47:19.596 --> 00:47:21.530 Your registration is complete. 00:47:21.530 --> 00:47:23.975 We will reach out in a few days. 00:47:23.975 --> 00:47:25.510 Okay, that's good. 00:47:25.520 --> 00:47:28.757 So, now what we're going to do is we're going to publish this registration template. 00:47:28.757 --> 00:47:32.456 Now, we're going to go to I believe it is share. 00:47:32.456 --> 00:47:36.266 And we can do this standard embed right here. 00:47:36.266 --> 00:47:39.140 And so, we can click embed the code link. 00:47:39.140 --> 00:47:40.636 And so, we can copy this code. 00:47:40.636 --> 00:47:44.510 As you can see here, it's saved to my clipboard. 00:47:44.520 --> 00:47:46.132 Or we can say get the code. 00:47:46.132 --> 00:47:49.056 Yeah, I think we can just copy all of this. 00:47:49.056 --> 00:47:50.939 And we can go back to Codex. 00:47:50.939 --> 00:47:52.769 I am using we can go back to Codex. 00:47:52.769 --> 00:47:53.710 I am using tally.so. 00:47:53.720 --> 00:47:57.536 Can you please put this form in the site? 00:47:57.536 --> 00:48:00.491 We will design it after. 00:48:00.491 --> 00:48:01.230 Right? 00:48:01.240 --> 00:48:05.601 Because right now, we are using Tally to collect people's email addresses. 00:48:05.601 --> 00:48:05.950 Right? 00:48:05.960 --> 00:48:08.688 So, then we can reach out to them once we actually launch the app. 00:48:08.688 --> 00:48:11.757 So, like right after this video, in theory, I could put this up on the internet. 00:48:11.757 --> 00:48:13.430 And I'll show you exactly how to do that. 00:48:13.440 --> 00:48:19.130 And we're creating just a website that embeds this code, which allows people to type that in. 00:48:19.130 --> 00:48:22.270 Then we're going to design out the rest of the website. 00:48:22.270 --> 00:48:25.447 And here, we actually have this app is done. 00:48:25.447 --> 00:48:30.112 Oh, and by the way, for this Tally app, I said make this a React app and run it locally. 00:48:30.112 --> 00:48:32.886 React is just like a good framework for design. 00:48:32.886 --> 00:48:35.339 I actually really don't even know what it is. 00:48:35.339 --> 00:48:38.808 I just know that every app I've created has been a React app. 00:48:38.808 --> 00:48:40.365 And here we can see that it's done. 00:48:40.365 --> 00:48:43.907 So, if we click on this, it should open up the app here on the side. 00:48:43.907 --> 00:48:45.296 Let's see if this works. 00:48:45.296 --> 00:48:45.966 Okay, wait. 00:48:45.966 --> 00:48:48.769 While this finishes up, what we can do is we can go to Xcode. 00:48:48.769 --> 00:48:50.345 This does appear that it is done. 00:48:50.345 --> 00:48:52.943 And we can run this again on the simulator. 00:48:52.943 --> 00:48:54.990 And here it succeeded. 00:48:55.000 --> 00:48:58.292 And here we have the app running on Swift. 00:48:58.292 --> 00:49:01.736 Learn, platform, skills, and saved. 00:49:01.736 --> 00:49:05.054 So, this is indeed a Swift application. 00:49:05.054 --> 00:49:06.682 And we have these pages. 00:49:06.682 --> 00:49:09.310 I wonder, do we want these fixed at the top? 00:49:09.310 --> 00:49:12.006 We will need to make some decisions here. 00:49:12.006 --> 00:49:12.592 Oh, okay. 00:49:12.592 --> 00:49:14.303 So, this is running locally. 00:49:14.303 --> 00:49:16.851 This just opened up in my computer right here. 00:49:16.851 --> 00:49:19.337 We can see that this is working really well. 00:49:19.337 --> 00:49:20.764 And so, I like this style. 00:49:20.764 --> 00:49:24.209 For whatever reason, Codex likes to use this style by default. 00:49:24.209 --> 00:49:27.550 I'm going to have it use a style that looks a lot more like this. 00:49:27.560 --> 00:49:29.021 We're going to keep it very basic. 00:49:29.021 --> 00:49:32.352 And okay, so what I want to do is I'm going to go to this Chorus mobile app. 00:49:32.352 --> 00:49:32.710 Right? 00:49:32.720 --> 00:49:34.405 Cuz here we're working on the Chorus app. 00:49:34.405 --> 00:49:38.123 And again, And can rename these chats to keep them more organized. 00:49:38.123 --> 00:49:39.650 So, in fact, I'm going to show you. 00:49:39.650 --> 00:49:43.478 You can just right-click and I'm just going to say mobile mobile app. 00:49:43.478 --> 00:49:46.556 We can rename this to web app. 00:49:46.556 --> 00:49:50.300 We can create Chorus project plan. 00:49:50.300 --> 00:49:53.450 Um yeah, we can rename this to plan. 00:49:53.450 --> 00:49:58.852 And we can even pin the plan to the top right now, build Chorus screens. 00:49:58.852 --> 00:50:01.718 And so, we can rename this screen design. 00:50:01.718 --> 00:50:05.180 So, that way we can stay fully organized while we work. 00:50:05.180 --> 00:50:07.033 Hi, I want to make some changes. 00:50:07.033 --> 00:50:12.605 So, firstly, the name of each page, like for instance, learn, that should be pinned to the top. 00:50:12.605 --> 00:50:14.925 And when I scroll, that should not scroll down. 00:50:14.925 --> 00:50:16.593 And so, that should be pinned to the top. 00:50:16.593 --> 00:50:21.470 Right now, when I scroll, the title of the app goes down with it and it's just looks janky. 00:50:21.480 --> 00:50:26.815 And then, as I scroll up, the the tags at the top, those should scroll. 00:50:26.815 --> 00:50:32.006 And every And as items go beneath the top bar, I want it to kind of fade out. 00:50:32.006 --> 00:50:34.310 And this should be consistent on every page. 00:50:34.320 --> 00:50:37.630 Right now, when I scroll down on platforms, it'll just look a lot better. 00:50:37.640 --> 00:50:44.334 And then, also, the bottom little bar thing that has the four tabs, I really like the design. 00:50:44.334 --> 00:50:45.110 Keep it everything. 00:50:45.120 --> 00:50:46.570 Just move it down a little bit. 00:50:46.570 --> 00:50:51.043 And then, have as you scroll down, have the items fade out. 00:50:51.043 --> 00:50:56.260 So, the list, as I scroll down, should not appear to be beneath the bottom bar. 00:50:56.260 --> 00:50:59.602 It should fade out as it gets like halfway through the bar. 00:50:59.602 --> 00:51:05.442 I've seen a lot of apps have this design or like right as it reaches the bar, it should just like have this light little fade out. 00:51:05.442 --> 00:51:08.348 Similar to the how you're going to do the top, as well. 00:51:08.348 --> 00:51:10.254 And yeah, we're going to run it. 00:51:10.254 --> 00:51:18.368 Okay, so once your mobile app agent is done building, every single time you actually need to hit play and this actually rebuilds the app on the device. 00:51:18.368 --> 00:51:19.492 So, now we want to test it. 00:51:19.492 --> 00:51:20.438 Let's see how this looks. 00:51:20.438 --> 00:51:22.727 We have this nice blur here at the bottom. 00:51:22.727 --> 00:51:24.636 We have a blur here at the top. 00:51:24.636 --> 00:51:25.532 Look at this. 00:51:25.532 --> 00:51:26.910 This is pretty cool. 00:51:26.920 --> 00:51:28.046 We can switch platforms. 00:51:28.046 --> 00:51:31.605 And we're going to replace this with all the different platforms up here. 00:51:31.605 --> 00:51:33.688 This is going to be pretty cool. 00:51:33.688 --> 00:51:36.646 This is looking really good, actually. 00:51:36.646 --> 00:51:38.796 I'm actually enjoying good, actually. 00:51:38.796 --> 00:51:39.510 I'm actually enjoying this. 00:51:39.520 --> 00:51:40.528 Um research, build. 00:51:40.528 --> 00:51:44.838 Here are going to be the skills for different avatars. 00:51:44.838 --> 00:51:46.626 Ooh, this is nice, actually. 00:51:46.626 --> 00:51:49.390 And then, saved, we can save them. 00:51:49.400 --> 00:51:51.134 And that's pretty cool. 00:51:51.134 --> 00:51:53.352 These actually do get saved. 00:51:53.352 --> 00:51:55.390 This is very very cool. 00:51:55.400 --> 00:51:56.980 Okay, so we're working on this app. 00:51:56.980 --> 00:51:57.943 It looks pretty good. 00:51:57.943 --> 00:51:59.823 We need to figure out a database, right? 00:51:59.823 --> 00:52:02.723 We want to figure out how users are going to be able to sign in. 00:52:02.723 --> 00:52:04.619 Actually, we don't even need to worry about that. 00:52:04.619 --> 00:52:08.576 It's like, how do I update this with the right app icons, etc., etc.? 00:52:08.576 --> 00:52:10.586 And ideally, how do I do it from here? 00:52:10.586 --> 00:52:12.110 So, we can just ask Codex. 00:52:12.120 --> 00:52:13.728 So, I'm just going to ask it a long prompt here. 00:52:13.728 --> 00:52:22.910 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.910 --> 00:52:30.214 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.214 --> 00:52:38.257 Like I could just ask you right now to uh edit things or add things to this app that's secure, so users won't be able to edit it. 00:52:38.257 --> 00:52:40.945 And um like what database should we use? 00:52:40.945 --> 00:52:51.750 And yeah, I want to be able to just like add a ton of things to this, give you documents so you can add it so that it stays organized and over time it could scale up to like thousands of skills in theory in in a couple years or 00:52:51.760 --> 00:52:52.330 something. 00:52:52.330 --> 00:52:54.645 And uh we're going to allow users to sign in. 00:52:54.645 --> 00:53:06.710 So, what would be the best database system to set up so that you can use like I could just ask you to add things to this app and we could just create it basically with AI that would work with with Clerk, which is what we 00:53:06.720 --> 00:53:08.001 use for my company right now. 00:53:08.001 --> 00:53:10.776 And so, this is just another thing to learn when using agents, right? 00:53:10.776 --> 00:53:12.990 If you don't know what to do, you can just ask it, right? 00:53:13.000 --> 00:53:16.761 It'll tell you the options and you just need to say, "Okay, let's do it. 00:53:16.761 --> 00:53:17.334 Let's solve it. 00:53:17.334 --> 00:53:28.784 Let's try and figure this out." Okay, while that's working, let's go ahead and um please generate 10 possible app icons for our app here. 00:53:28.784 --> 00:53:36.718 And so, I'm going to just screenshot it so it knows which app we're talking about, cuz it is located in the folder we're working working on the app. 00:53:36.718 --> 00:53:41.378 Now, I want 10 icons, no background, that fits this same style of this app. 00:53:41.378 --> 00:53:45.190 Ideally, something close to like the those icons at the top row. 00:53:45.200 --> 00:53:48.065 Generate 10 images, all without a background. 00:53:48.065 --> 00:53:51.272 I want 10 options for app icons to choose from. 00:53:51.272 --> 00:53:52.733 These are iOS app icons. 00:53:52.733 --> 00:53:58.815 And as I said earlier, the Codex app actually has the built-in ability to use image generation. 00:53:58.815 --> 00:54:03.750 So, it will actually decide what prompts to use and it'll generate 10 images. 00:54:03.760 --> 00:54:08.629 Another thing that I want to do is I want to begin thinking about our launch video. 00:54:08.629 --> 00:54:14.624 And so, if we go to plugins and we type in Remotion, we see that there's this Remotion plugin. 00:54:14.624 --> 00:54:17.750 This is how you can create motion graphics from prompts. 00:54:17.760 --> 00:54:18.687 We're going to use this. 00:54:18.687 --> 00:54:19.763 I've already installed it. 00:54:19.763 --> 00:54:21.802 Um you see here it says remove from Codex. 00:54:21.802 --> 00:54:24.310 If you haven't installed it, you'll see add to Codex. 00:54:24.320 --> 00:54:27.522 And then, you can basically give it full access to do its thing. 00:54:27.522 --> 00:54:42.950 So, if we come back here and we can say, "For the mobile app that we are working on right now that is the best place for people to learn about agents and download skills and save things and learn about agents and may and become better and more 00:54:42.960 --> 00:54:46.710 productive and make more money with AI agents, I want to create a launch video. 00:54:46.720 --> 00:54:49.722 So, please just come up with a list of considerations for this. 00:54:49.722 --> 00:54:51.325 Like, what should we consider? 00:54:51.325 --> 00:54:56.750 Let's plan out the video where we are going to be using the And remember, you can type {slash}. 00:54:56.760 --> 00:55:00.664 Actually, when it's a plugin, you go at Remotion skill. 00:55:00.664 --> 00:55:02.191 Don't make the video yet. 00:55:02.191 --> 00:55:07.182 I just want you to think about the scale and think about the considerations that I should consider when making this video. 00:55:07.182 --> 00:55:08.388 So, now we can run that. 00:55:08.388 --> 00:55:09.859 Let's go back to the mobile app. 00:55:09.859 --> 00:55:10.989 Here is what it says. 00:55:10.989 --> 00:55:16.656 So, as of April 17th, the best fit for this would be Clerk Supabase Postgres. 00:55:16.656 --> 00:55:17.071 Why? 00:55:17.071 --> 00:55:23.441 Clerk already covers your off and Clerk Okay, Postgres is the right shape for this. 00:55:23.441 --> 00:55:25.550 Okay, so we should use Postgres. 00:55:25.550 --> 00:55:32.148 Okay, so give me the link to get started with Supabase. 00:55:32.148 --> 00:55:40.897 And is there a Supabase skill I could download that many people use? 00:55:40.897 --> 00:55:44.137 If so, download that skill. 00:55:44.137 --> 00:55:45.813 Let's use it. 00:55:45.813 --> 00:55:49.750 Let me know where I need to sign in. 00:55:49.750 --> 00:55:53.877 So, I noticed that in plugins, they didn't have a Supabase plugin. 00:55:53.877 --> 00:55:58.983 But Supabase are what most of the Vibe coding platforms use for a database. 00:55:58.983 --> 00:56:04.128 In fact, Lovable uses Supabase and Supabase is actually a more valuable company than Lovable. 00:56:04.128 --> 00:56:06.214 It's like any incredibly valuable company. 00:56:06.214 --> 00:56:11.338 They're recently $10 billion and apparently, it's just AI's favorite database at this point. 00:56:11.338 --> 00:56:12.830 And so, we're going to use it. 00:56:12.840 --> 00:56:19.854 And since it doesn't have a built-in plugin, I'm just having Codex search the internet and find a skill that we can use for Supabase. 00:56:19.854 --> 00:56:25.507 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.507 --> 00:56:31.686 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.686 --> 00:56:33.153 And it gave us this plan. 00:56:33.153 --> 00:56:39.963 It gave us some ideas, but I actually kind of want to make it more like the Anthropic videos, which are do a really good job of showing off the product. 00:56:39.963 --> 00:56:43.645 But the first thing that we want to do is just test and see if this Remotion skill works. 00:56:43.645 --> 00:56:47.465 And remember, Remotion is what we're using to create a motion graphics video. 00:56:47.465 --> 00:56:57.325 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.325 --> 00:57:09.710 It should It should flash between three more scenes that show these different screens." 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 00:57:09.720 --> 00:57:12.127 additional context so it knows what screens to use. 00:57:12.127 --> 00:57:19.652 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.652 --> 00:57:21.867 The purpose of the And keep it as a white background. 00:57:21.867 --> 00:57:29.218 The purpose of this is to just really uh I I really want to just focus on seeing if this skill works properly. 00:57:29.218 --> 00:57:37.283 And please look into the skill to figure out how you can run this locally so I can just click the local link and it opens up here in the side window. 00:57:37.283 --> 00:57:41.397 Um and I can see the video along with the different tracks and sequences. 00:57:41.397 --> 00:57:46.957 And if you get confused by that last part and I talk about tracks and sequences, I'll explain exactly what that means. 00:57:46.957 --> 00:57:50.550 I actually have a good deal of experience using the Remotion skill. 00:57:50.560 --> 00:57:52.116 I used to use it in Claude code. 00:57:52.116 --> 00:57:53.473 I've used it in the Vibe code app. 00:57:53.473 --> 00:57:55.079 And it's a pretty easy skill to use. 00:57:55.079 --> 00:57:55.750 I'll show you. 00:57:55.760 --> 00:57:57.329 So, here it gave me this link. 00:57:57.329 --> 00:57:59.038 We're back to creating a mobile app. 00:57:59.038 --> 00:58:04.476 Remember, I'm sorry if we're moving around, but remember, this will take like some of these will take like five or six minutes. 00:58:04.476 --> 00:58:06.110 So, we want able to multitask. 00:58:06.120 --> 00:58:07.272 So, again, we're back. 00:58:07.272 --> 00:58:09.600 We're looking at how to use Supabase. 00:58:09.600 --> 00:58:13.721 And remember, I actually don't use Supabase that often, so I'm learning this as I go. 00:58:13.721 --> 00:58:18.554 And that's part of what I'm trying to show you here is you can learn how to do things as you do it. 00:58:18.554 --> 00:58:20.440 That is part of the fun of using AI. 00:58:20.440 --> 00:58:22.828 It will just tell you how to do things. 00:58:22.828 --> 00:58:24.018 You can just figure it out. 00:58:24.018 --> 00:58:25.950 So, I'm just going to create a new project. 00:58:25.960 --> 00:58:34.788 New project name is going to be and then we'll type a strong password, enable data API, and create new project. 00:58:34.788 --> 00:58:39.064 I'm going to say, "Okay, I created a new project. 00:58:39.064 --> 00:58:45.422 Send me the URL, region, and tell me when it exists." Okay, so we can hit save. 00:58:45.422 --> 00:58:48.546 I need to give it a URL region. 00:58:48.546 --> 00:58:50.665 It's It's loading up. 00:58:50.665 --> 00:58:52.710 That's pretty cool. 00:58:52.720 --> 00:58:59.412 And if you take a look here, if we click connect, I noticed here that we have an MCP. 00:58:59.412 --> 00:59:02.070 We can choose Codex. 00:59:02.080 --> 00:59:09.310 And we can give it a feature groups only enable the subset of the features. 00:59:09.320 --> 00:59:11.334 All right, so we can just copy this prompt. 00:59:11.334 --> 00:59:15.440 So, this should allow you to connect. 00:59:15.440 --> 00:59:21.574 If you can connect, create the full DB and add everything. 00:59:21.574 --> 00:59:25.747 If not, let me know what else you need. 00:59:25.747 --> 00:59:28.606 Okay, so the Remotion launch video is done. 00:59:28.606 --> 00:59:32.470 And so, notice here it gives us this notice here it gives us this localhost:3031. 00:59:32.480 --> 00:59:37.492 We click on it and a timeline opens up right here and you can just edit this video. 00:59:37.492 --> 00:59:38.332 Take a look at this. 00:59:38.332 --> 00:59:39.910 You could just see a video. 00:59:39.910 --> 00:59:41.030 We have our app. 00:59:41.030 --> 00:59:48.114 This is a mock-up of all the screens in our app showing up right here on our screen and we're just using the Remotion plugin. 00:59:48.114 --> 00:59:49.478 I didn't do anything crazy. 00:59:49.478 --> 00:59:55.139 You just enable the Remotion plugin, you type @remotion and boom, you're using it. 00:59:55.139 --> 00:59:56.204 Now, check this out. 00:59:56.204 --> 01:00:01.171 Please, can you I'm just going to go on a tangent here and just kind of to go on a tangent here and just kind of uh talk about it. 01:00:01.171 --> 01:00:03.019 And so, by the way, this is how this works. 01:00:03.019 --> 01:00:07.590 So, you have like each second each second has 30 frames. 01:00:07.600 --> 01:00:11.548 So, this is 30 frames per second and so, you can always reference the frames. 01:00:11.548 --> 01:00:14.671 So, that's how I kind of talk to AI as I'm going through this. 01:00:14.671 --> 01:00:18.237 So, this would be on 2 seconds 20 frame or 2.20. 01:00:18.237 --> 01:00:21.432 You can mention the exact time that you want to make a change. 01:00:21.432 --> 01:00:30.272 Like, one thing I notice here is like there's this learn text here, but we don't need to make changes to this cuz we're just we just wanted to test this to see if this works. 01:00:30.272 --> 01:00:30.860 And it does work. 01:00:30.860 --> 01:00:34.621 And so, I'm just going to say, "Make an outline for the phones like black. 01:00:34.621 --> 01:00:36.182 Make it look a a little bit like black. 01:00:36.182 --> 01:00:36.910 Make it look a a little bit better." 01:00:36.920 --> 01:00:44.129 better." Um just like right now if you just show the screen, I want a little black border around the edge to make it look more like an iPhone. 01:00:44.129 --> 01:00:48.041 Now, before the first screen comes on the phone, I want text on the screen. 01:00:48.041 --> 01:00:52.590 The text on the screen should read It should read "Agents are taking over the world." 01:00:52.600 --> 01:01:02.874 Then, there should be a little toggle that says "Learn" and it should be in the off position. 01:01:02.874 --> 01:01:10.315 Then, have a mouse and this should be black, like computer mouse, come on the screen and then toggle it to on. 01:01:10.315 --> 01:01:22.305 As soon as that happens, the the first phone screen should come on the screen and then it should scroll down on the phone and look through all of the different things that you can learn. 01:01:22.305 --> 01:01:34.042 And I want you to have five different things that you can learn that shows up like Agents 101, building your first agent, learning about skills, and then come up with two more based on what's popular with Codex. 01:01:34.042 --> 01:01:36.190 And then, we'll build the next scene after that. 01:01:36.200 --> 01:01:40.110 So, that is what I want first here. 01:01:40.120 --> 01:01:40.339 Right? 01:01:40.339 --> 01:01:43.703 I'm going to add something that comes up before it says Welcome to Chorus. 01:01:43.703 --> 01:01:45.909 I actually don't want the Welcome to Chorus. 01:01:45.909 --> 01:01:47.406 And remember, we can use steer. 01:01:47.406 --> 01:01:51.091 So, like we should never see the Welcome to Chorus phone screen. 01:01:51.091 --> 01:01:52.135 I I don't want to see that. 01:01:52.135 --> 01:01:58.761 It should immediately after the screen I said to show the the app and scrolling down on the Agents page. 01:01:58.761 --> 01:02:03.270 So, remember, while it's loading, we can press it's loading, we can press enter. 01:02:03.280 --> 01:02:05.976 And you can see that this actually steered the conversation. 01:02:05.976 --> 01:02:07.506 Let's go back to our mobile app. 01:02:07.506 --> 01:02:10.270 Let's take a look and see what the database what we're doing. 01:02:10.280 --> 01:02:13.279 Okay, the the Superbase MCP is set up, placed locally. 01:02:13.279 --> 01:02:16.855 I added the Superbase server, enabled remote MCP client support. 01:02:16.855 --> 01:02:18.999 Okay, then blah blah blah blah blah. 01:02:18.999 --> 01:02:28.555 I could not apply the database directly from this live agent process because the current session still does not expose the newly added MCP server to the layer. 01:02:28.555 --> 01:02:32.550 So, um what we need to do is we actually need to create a new chat. 01:02:32.560 --> 01:02:39.224 Here it actually says if you restart Codex now and come back to this project, I can do the actual DB apply next. 01:02:39.224 --> 01:02:40.260 So, we're going to come down here. 01:02:40.260 --> 01:02:41.609 We're just going to quit Codex. 01:02:41.609 --> 01:02:42.669 We are going to quit. 01:02:42.669 --> 01:02:46.470 I believe Yeah, we're going to quit Codex and we're going to reopen it. 01:02:46.480 --> 01:02:49.389 And then, I'm going to just say, "Okay, I restarted it. 01:02:49.389 --> 01:02:52.869 Please do it." Okay, so it looks like the Xcode is done. 01:02:52.869 --> 01:02:59.271 So, we can actually run this and it says that it created all of these different tables in the database. 01:02:59.271 --> 01:03:01.731 So, it says it should be stored in Superbase. 01:03:01.731 --> 01:03:05.944 So, if we open our simulator, we do see that the there is data in here. 01:03:05.944 --> 01:03:09.830 So, let's hope that this is actually stored in Superbase. 01:03:09.840 --> 01:03:10.857 So, we can go to Arc. 01:03:10.857 --> 01:03:13.359 Okay, so we definitely see some requests here. 01:03:13.359 --> 01:03:16.528 What we can do, let's go ahead and go to table editor. 01:03:16.528 --> 01:03:16.869 Nice. 01:03:16.869 --> 01:03:18.358 Look at all these tables. 01:03:18.358 --> 01:03:22.632 So, if we were to go to like skill categories, for example, very cool. 01:03:22.632 --> 01:03:25.051 So, we have different icons. 01:03:25.051 --> 01:03:27.734 So, we can set the icon here. 01:03:27.734 --> 01:03:28.990 This is cool. 01:03:29.000 --> 01:03:36.110 So, we have the different skill So, we have the different skill platforms, saved items, skills. 01:03:36.120 --> 01:03:39.099 So, we have category, research, GTM, build, ops. 01:03:39.099 --> 01:03:42.050 Okay, we have competitor scan, landing critic. 01:03:42.050 --> 01:03:44.338 Let's see if these are in here. 01:03:44.338 --> 01:03:46.425 Let's go to simulator. 01:03:46.425 --> 01:03:48.534 So, if we go to platform. 01:03:48.534 --> 01:03:50.357 So, we can edit those. 01:03:50.357 --> 01:03:50.961 Skills. 01:03:50.961 --> 01:03:55.134 Yeah, we have competitor scan, landing critic. 01:03:55.134 --> 01:03:56.830 We can copy this. 01:03:56.840 --> 01:03:58.907 Let's see if that actually copied. 01:03:58.907 --> 01:04:01.095 Yep, this copied to my clipboard. 01:04:01.095 --> 01:04:02.130 That's pretty cool. 01:04:02.130 --> 01:04:04.118 This is starting to look pretty good. 01:04:04.118 --> 01:04:13.669 Can we So, I think the saved just happens locally because we haven't added authentication yet, but this does look like it's being stored in the database. 01:04:13.669 --> 01:04:14.710 So, that's pretty cool. 01:04:14.720 --> 01:04:16.781 So, we have database set up. 01:04:16.781 --> 01:04:28.217 Now, I want you to go to my YouTube account, Riley Brown, and find videos where I talk about agents. 01:04:28.217 --> 01:04:38.961 Find my three like find like my five videos on AI agents specifically to come up with the learn the stuff on the learn tab. 01:04:38.961 --> 01:04:44.907 I want five lessons and this means you're going to be in my own voice, I want you to fill them in. 01:04:44.907 --> 01:04:46.128 And these should be more general. 01:04:46.128 --> 01:04:49.399 I should not be specifically talking about specific agent tools. 01:04:49.399 --> 01:04:58.036 I want you to actually create a curriculum based on the stuff I've talked about, but do additional research to fill in the gaps to create high-quality lessons. 01:04:58.036 --> 01:05:06.378 And remember, earlier we created that skill which is called, I believe it's YouTube researcher for transcript pulling. 01:05:06.378 --> 01:05:08.852 So, let's go back to the Remotion launch video. 01:05:08.852 --> 01:05:10.767 Let's see how this did. 01:05:10.767 --> 01:05:18.105 If we refresh the page here and we hit play, Agents are taking over the world. 01:05:18.105 --> 01:05:20.990 Notice here that the mouse missed it. 01:05:21.000 --> 01:05:23.670 Right here, I believe. 01:05:23.680 --> 01:05:26.724 View, show guides. 01:05:26.724 --> 01:05:29.430 No, show rulers. 01:05:29.440 --> 01:05:32.327 Okay, so this is a little hack with the Remotion skill. 01:05:32.327 --> 01:05:37.737 So, notice here that this mouse goes We want this mouse to go here. 01:05:37.737 --> 01:05:46.510 So, this would be like 1,000 on the x-axis and 6 1,610. 01:05:46.520 --> 01:05:52.430 So, 1,000 x-axis 610 y-axis. 01:05:52.440 --> 01:05:56.550 And it's currently at uh like 1,040. 01:05:56.560 --> 01:06:02.805 So, like if you can you can turn on these grid lines to give the agent very specific instructions. 01:06:02.805 --> 01:06:08.790 And so, 1,040 x-axis and it is on 540. 01:06:08.800 --> 01:06:17.210 The arrow completely missed the screen the the toggle and the it should be about at this location. 01:06:17.210 --> 01:06:22.006 The arrow ended up like the mouse when clicking ended up at this location. 01:06:22.006 --> 01:06:23.674 So, I don't want it here. 01:06:23.674 --> 01:06:25.870 I wanted at the location above. 01:06:25.880 --> 01:06:26.974 And so, let's see. 01:06:26.974 --> 01:06:28.829 So, this is actually looking pretty good. 01:06:28.829 --> 01:06:31.428 So, Agents are taking over the world. 01:06:31.428 --> 01:06:32.990 You click learn. 01:06:33.000 --> 01:06:35.263 And now this screen pops up. 01:06:35.263 --> 01:06:38.550 So, let's go right at the 3-second mark. 01:06:38.560 --> 01:06:51.650 Then, right at the 3-second mark, I want the camera to zoom in on learning about skills and then it should zoom in on the component that has learning about skills and then it should kind of transition to like almost like a document view. 01:06:51.650 --> 01:06:53.859 It should not be a phone screen. 01:06:53.859 --> 01:07:01.642 It should be And then, it should talk It should show some information about skills and should show like 10 popular skills. 01:07:01.642 --> 01:07:02.612 Do some research. 01:07:02.612 --> 01:07:05.554 Show 10 popular skills and each one should have some information. 01:07:05.554 --> 01:07:10.923 And so, this should be more of like a full-screen view that shows the different things that you can learn within that. 01:07:10.923 --> 01:07:15.925 And it should just It should just take the viewer through the fact that you can learn about agent skills. 01:07:15.925 --> 01:07:17.830 Okay, we're going to run that. 01:07:17.840 --> 01:07:21.301 And now, if we go back to our web app, we can see that it is done. 01:07:21.301 --> 01:07:24.689 And notice here if we actually open this in a separate browser, right? 01:07:24.689 --> 01:07:26.701 If we were to open this up in Arc. 01:07:26.701 --> 01:07:28.323 Let's just paste this in Arc. 01:07:28.323 --> 01:07:30.482 You can see that the tally is indeed working. 01:07:30.482 --> 01:07:39.928 And so, what I'm going to do is I want you to please make this look like the iOS app we're building. 01:07:39.928 --> 01:07:44.678 Keep the design very simple and make the design have the same exact font. 01:07:44.678 --> 01:07:49.103 Uh have like no components, very little like subtext. 01:07:49.103 --> 01:07:51.157 I just want this to be very, very simple. 01:07:51.157 --> 01:07:58.229 I just want the design to look exactly like it and then have like information about the app on this website. 01:07:58.229 --> 01:08:03.872 You know, you're not the best designer, so I want you to like make sure that this is designed pretty well. 01:08:03.872 --> 01:08:05.180 And like keep it simple. 01:08:05.180 --> 01:08:06.613 It should look like the app. 01:08:06.613 --> 01:08:08.363 Get rid of this background gradient. 01:08:08.363 --> 01:08:10.603 Change the font to match the application. 01:08:10.603 --> 01:08:10.912 Okay. 01:08:10.912 --> 01:08:15.397 So, we're currently working on a launch video, a mobile app, and a web app at the same time. 01:08:15.397 --> 01:08:17.859 So, here I'm just going to refresh this. 01:08:17.859 --> 01:08:19.112 The Remotion is done. 01:08:19.112 --> 01:08:19.813 Let's go this. 01:08:19.813 --> 01:08:20.709 The Remotion is done. 01:08:20.709 --> 01:08:21.349 Let's go ahead. 01:08:21.359 --> 01:08:22.799 So, we can click learn. 01:08:22.799 --> 01:08:23.550 There we go. 01:08:23.560 --> 01:08:27.590 That's not bad. 01:08:27.600 --> 01:08:31.690 Okay, so this zoom When it zooms, I want it to zoom even more. 01:08:31.690 --> 01:08:35.242 So, it like it should zoom all the way and then then it should kind of transition. 01:08:35.242 --> 01:08:38.561 And then, notice here the transitions are like kind of like fade out. 01:08:38.561 --> 01:08:40.383 It looks This is kind of like fade out. 01:08:40.383 --> 01:08:41.430 It looks This is disgusting. 01:08:41.440 --> 01:08:41.675 Okay. 01:08:41.675 --> 01:08:45.550 So, what we're going to do here is I'm going to screenshot this. 01:08:45.560 --> 01:08:47.670 I'm just going to paste this here. 01:08:47.680 --> 01:08:48.438 I'm just going to paste this here. 01:08:48.438 --> 01:08:48.550 Okay. 01:08:48.560 --> 01:08:51.155 Um and then, the transition should be like harsher cuts. 01:08:51.155 --> 01:08:53.337 I do not like this fade out transition. 01:08:53.337 --> 01:08:57.115 Like, make it a faster transition and just make it more professional. 01:08:57.115 --> 01:09:00.270 And then, also the the screenshot I gave you, this is hideous. 01:09:00.280 --> 01:09:05.179 What I want you to do instead of this is I just want you to have skills at the top. 01:09:05.179 --> 01:09:10.466 Like, just put the word skills at the top and then have like colored cards that look premium. 01:09:10.466 --> 01:09:10.976 Amazing. 01:09:10.976 --> 01:09:19.608 And then, have them rotating through like a wheel like almost like a a wheel animation through the like the screen. 01:09:19.608 --> 01:09:21.939 I'll draw something out for you real quick. 01:09:21.939 --> 01:09:24.337 I'll kind of share what I I want you to create. 01:09:24.337 --> 01:09:26.186 I want this to be amazing. 01:09:26.186 --> 01:09:33.896 What I'm going to do here is I'm I'm going to want this to be like Yeah, I want it to be something like this. 01:09:33.896 --> 01:09:36.614 So, we'll give it kind of this sketch right here. 01:09:36.614 --> 01:09:41.150 I want it to look something like this. 01:09:41.160 --> 01:09:46.249 Okay, so it turns out I forgot Codex is just not the best at web design. 01:09:46.249 --> 01:09:49.238 So, what we're going to do is we're actually just going to use Opus. 01:09:49.238 --> 01:09:52.792 So, I'm just going to type in Claude here in the terminal. 01:09:52.792 --> 01:09:55.268 This is a good a good use case in my opinion. 01:09:55.268 --> 01:10:02.197 If you're someone who has a Claude subscription, but you want to use Codex cuz I think Codex is a better interface, but Claude is better at design. 01:10:02.197 --> 01:10:05.614 So, you can use Claude directly in here and you notice here. 01:10:05.614 --> 01:10:13.858 Remember, if we go back to our the beginning of the video, whenever we create this project, it already like we created this project at my new business. 01:10:13.858 --> 01:10:16.281 And so, when we go into the terminal, right? 01:10:16.281 --> 01:10:19.976 If you know how to use Claude code, you kind of have a you have this set up already. 01:10:19.976 --> 01:10:23.670 If you don't have Claude code, search on the internet how to set up Claude code. 01:10:23.680 --> 01:10:24.827 It'll take you 5 minutes. 01:10:24.827 --> 01:10:30.870 You can figure it out and you can run Claude code from this app right here from the terminal. 01:10:30.880 --> 01:10:40.190 And if you don't want to have to approve anything, you can go like this. 01:10:40.200 --> 01:10:49.790 You can go Claude's space {dash} {dash} You can go Claude's space {dash} {dash} dangerously {dash} skip {dash} permissions. 01:10:49.800 --> 01:10:55.558 And this will run it on bypass permissions mode, which is the same as the full access mode. 01:10:55.558 --> 01:11:01.084 But anyway, we are working on the landing page here. 01:11:01.084 --> 01:11:07.985 And what I like to do is I like to give it what I like to do is I like to give it context right because Claude doesn't have the same context as if you were chatting here. 01:11:07.985 --> 01:11:13.372 It knows we're in this my business my new business, but it doesn't know anything else. 01:11:13.372 --> 01:11:15.750 It's just in this folder. 01:11:15.760 --> 01:11:19.248 It doesn't know if it's working on the Chorus plan or the Chorus video. 01:11:19.248 --> 01:11:24.064 We are using Tally and I want to make sure that we create a really good landing page. 01:11:24.064 --> 01:11:28.230 I want you to completely forget the styling of this page that you have here. 01:11:28.240 --> 01:11:33.146 I want you to make this a landing page for the following application. 01:11:33.146 --> 01:11:34.373 It is the Chorus app. 01:11:34.373 --> 01:11:42.891 And so, you're going to look at the code of the Chorus app in this folder right here and you are going to analyze how it's styled. 01:11:42.891 --> 01:11:43.857 It's very simple. 01:11:43.857 --> 01:11:44.387 It's white. 01:11:44.387 --> 01:11:49.748 Look at the font and make the app match or make this landing page match it and it should have the Tally embed. 01:11:49.748 --> 01:11:50.930 That's all I want. 01:11:50.930 --> 01:11:51.696 Minimal text. 01:11:51.696 --> 01:11:53.056 Really make it convert. 01:11:53.056 --> 01:11:53.825 Make it great. 01:11:53.825 --> 01:11:54.975 Hey, we'll run that. 01:11:54.975 --> 01:11:58.554 And we can actually see Claude code working on this in real time. 01:11:58.554 --> 01:12:04.433 We can very easily just like minimize it almost all the way and Claude code will just continue working on this. 01:12:04.433 --> 01:12:06.071 Okay, so the mobile app is done. 01:12:06.071 --> 01:12:08.390 Let's go ahead and open up Xcode. 01:12:08.400 --> 01:12:12.525 And what we need to do is it analyzed my YouTube, right? 01:12:12.525 --> 01:12:13.923 Remember what we asked it to do. 01:12:13.923 --> 01:12:20.441 We were having it research my YouTube and it created five lessons based on my YouTube transcript. 01:12:20.441 --> 01:12:26.653 So, what is an agent narrow beats general build the loop workspace memory skills team and handoff. 01:12:26.653 --> 01:12:28.452 So, I've made videos on this before. 01:12:28.452 --> 01:12:31.029 So, it did research and it created these lessons. 01:12:31.029 --> 01:12:33.482 So, what is an agent? 01:12:33.482 --> 01:12:34.950 Okay. 01:12:34.960 --> 01:12:38.706 Okay, these are way too short. 01:12:38.706 --> 01:12:41.156 Make them longer, please. 01:12:41.156 --> 01:12:46.981 Okay, so Claude code just went to town on the web app. 01:12:46.981 --> 01:12:47.612 Oh, wow. 01:12:47.612 --> 01:12:49.121 This looks a lot better. 01:12:49.121 --> 01:12:55.228 So, we can actually open this up in an external browser to see it full screen or we can just go like this. 01:12:55.228 --> 01:12:58.862 And you'll notice here you can press get early access. 01:12:58.862 --> 01:13:02.558 Oh, and it goes down here and this is where you put your information. 01:13:02.558 --> 01:13:07.744 For whatever reason this in-app browser is not showing the Tally form. 01:13:07.744 --> 01:13:10.011 Let's see if it shows up here. 01:13:10.011 --> 01:13:11.387 Wait, so we can refresh shows up here. 01:13:11.387 --> 01:13:12.270 Wait, so we can refresh this. 01:13:12.280 --> 01:13:13.617 Get early access. 01:13:13.617 --> 01:13:14.010 Boom. 01:13:14.010 --> 01:13:15.626 We can put this here. 01:13:15.626 --> 01:13:21.384 For whatever reason, these icons are a little bit different, but learn agents in one place. 01:13:21.384 --> 01:13:26.963 A simple iPhone app for learning agent fundamentals, comparing the right platforms, and sharing reusable skills. 01:13:26.963 --> 01:13:34.358 One thing I can add here and wow, Codex is not nearly as good at design it feels like. 01:13:34.358 --> 01:13:44.009 So, please add like works with Codex, Claude code, add like works with Codex, Claude code, OpenClaude, Hermes, and Gemini. 01:13:44.009 --> 01:13:51.634 Please see if you can pull those logos and put them in the files so they show up. 01:13:51.634 --> 01:13:53.305 Okay, so that's pretty good. 01:13:53.305 --> 01:13:55.134 Let's go ahead and check on the mobile app. 01:13:55.134 --> 01:13:57.042 So, if we go to Xcode, we hit play. 01:13:57.042 --> 01:13:59.016 Let's see what this looks like. 01:13:59.016 --> 01:14:00.669 Where is my simulator? 01:14:00.669 --> 01:14:01.484 There it is. 01:14:01.484 --> 01:14:03.934 Okay, so this is looking pretty good. 01:14:03.934 --> 01:14:05.069 What is an agent? 01:14:05.069 --> 01:14:09.601 It is very text heavy, but at least we have some more This is a little bit longer. 01:14:09.601 --> 01:14:11.163 We do have the database set up. 01:14:11.163 --> 01:14:14.581 Now, what I want to do is I want to have platforms. 01:14:14.581 --> 01:14:24.358 So, for the platforms I want to have it be just a list of platforms. 01:14:24.358 --> 01:14:27.440 No tags or categories going horizontally across. 01:14:27.440 --> 01:14:29.270 I just want a list of platforms. 01:14:29.280 --> 01:14:31.433 This will be my curated list of 10 to 20. 01:14:31.433 --> 01:14:46.870 The ones that I want you to have right now, I want to have Claude code, Codex, Cursor, OpenClaude, Hermes, Manus, Perplexity Computer, and that's good for now. 01:14:46.880 --> 01:14:50.392 For the icons, see if you can grab the icon for each of these. 01:14:50.392 --> 01:14:52.371 Like figure out how to do that. 01:14:52.371 --> 01:14:54.276 If you can't do it, that's okay. 01:14:54.276 --> 01:15:01.496 I can get you the PNGs manually, but see if you can do it and get it all of this info in the database so it works properly. 01:15:01.496 --> 01:15:05.256 But yeah, we don't need tags for this cuz there's never going to be over 20. 01:15:05.256 --> 01:15:07.185 Okay, we fired off that prompt. 01:15:07.185 --> 01:15:09.283 Let's go check on our remotion. 01:15:09.283 --> 01:15:11.613 So, remember, we can full screen this. 01:15:11.613 --> 01:15:12.981 This is looking pretty screen this. 01:15:12.981 --> 01:15:13.870 This is looking pretty cool. 01:15:13.880 --> 01:15:14.816 cool. 01:15:14.816 --> 01:15:23.590 Um let's go ahead and try to play this. 01:15:23.600 --> 01:15:25.810 Okay, this is looking good. 01:15:25.810 --> 01:15:31.712 This is Oh, it's just a little choppy and then it Okay, so we have like good 4 seconds are pretty good here. 01:15:31.712 --> 01:15:32.784 So, it goes here. 01:15:32.784 --> 01:15:34.790 We click learn. 01:15:34.800 --> 01:15:39.830 It kind of shows that you can learn these and here it has some skills going these and here it has some skills going by. 01:15:39.840 --> 01:15:42.586 The skills are rotating still slightly too fast. 01:15:42.586 --> 01:15:46.230 I just want them to be a little bit slower so I can read them. 01:15:46.240 --> 01:16:02.043 And then immediately after this screen, the way I want it to end is I want the YouTube researcher skill to animate up to the top and then I want text to come in to describe the skills. 01:16:02.043 --> 01:16:09.347 I want to show a copy animation as if I was pressing the copy button and then it should say copy to clipboard. 01:16:09.347 --> 01:16:18.075 And then we are going to show the Codex app opening up and And so, what we can do is we can say This is going to be a hard one. 01:16:18.075 --> 01:16:19.590 So, I'm going to paste this in. 01:16:19.600 --> 01:16:36.990 Then it should show a text input area just like the one of the screenshot that I showed you for the Codex app and then have typing in that box and it should say, "Can you please add this skill?" And then show somehow that that document was pasted in the 01:16:37.000 --> 01:16:40.512 text input area and it should show up above where you're typing. 01:16:40.512 --> 01:16:43.390 So, this should look like a computer basically. 01:16:43.400 --> 01:16:44.870 Okay, so this is going to be a hard one. 01:16:44.880 --> 01:16:47.985 We're going to have to edit this a little bit more, but that's okay. 01:16:47.985 --> 01:16:50.758 Okay, so we are kind of working through all of these. 01:16:50.758 --> 01:16:52.534 We're making our way through our iPhone app. 01:16:52.534 --> 01:16:53.790 This will take a little bit. 01:16:53.800 --> 01:16:56.502 One thing I want to cover is forking a chat. 01:16:56.502 --> 01:16:59.344 So, we can actually come to mobile app here. 01:16:59.344 --> 01:17:03.081 And what we can do Actually, I'm going to fork this chat as soon as this is done. 01:17:03.081 --> 01:17:03.635 So, one sec. 01:17:03.635 --> 01:17:05.407 I'm going to wait for this to finish. 01:17:05.407 --> 01:17:13.588 Then we're actually going to fork this chat and we are going to create our we are going to start working on our investor deck. 01:17:13.588 --> 01:17:18.310 So, please mark investor deck as working. 01:17:18.320 --> 01:17:20.330 And so, I'm going to wait for the mobile app to finish. 01:17:20.330 --> 01:17:22.368 Okay, so the mobile app is done. 01:17:22.368 --> 01:17:27.230 And so, what I want to do here is I'm actually going to fork the chat. 01:17:27.240 --> 01:17:31.447 And you can do this by coming over here and right clicking or you know, two-finger click. 01:17:31.447 --> 01:17:34.764 And what we're going to do is we're just going to hit fork into local. 01:17:34.764 --> 01:17:38.509 If you're not technical, don't worry about fork into new work tree. 01:17:38.509 --> 01:17:41.386 That doesn't matter for the sake of this video. 01:17:41.386 --> 01:17:45.510 Just do fork into local and this is going to create a new chat. 01:17:45.520 --> 01:17:49.525 And what I'm going to do is I'm going to rename this to investor deck. 01:17:49.525 --> 01:18:07.510 And what I'm going to do, please analyze the features and assets from this application and I want you to create an investor slide deck in the same style, you know, like we have all of those icons for that we've created earlier for 01:18:07.520 --> 01:18:11.082 Codex, Cursor, OpenClaude, etc. that are in the app right now. 01:18:11.082 --> 01:18:15.163 So, include those like all the styling stuff in this new investor deck. 01:18:15.163 --> 01:18:17.392 And I believe we have a skill that's built in. 01:18:17.392 --> 01:18:19.274 I think it's just called PowerPoint. 01:18:19.274 --> 01:18:20.870 And so, we can reference that. 01:18:20.870 --> 01:18:23.000 I want you to search the internet for a bit. 01:18:23.000 --> 01:18:28.430 Find out what investors are currently looking for in April of 2026. 01:18:28.440 --> 01:18:32.563 Like what are they looking for in a PowerPoint deck or or in a deck that you send them? 01:18:32.563 --> 01:18:35.180 And please create it like that in that style. 01:18:35.180 --> 01:18:38.114 So, find some examples online and copy the style. 01:18:38.114 --> 01:18:40.350 Do not rely on your own styling ability. 01:18:40.360 --> 01:18:42.950 Okay, so we're going to send this off. 01:18:42.960 --> 01:18:45.396 Now, we are working on this investor deck. 01:18:45.396 --> 01:18:49.102 So, remember, so we created the iOS app design. 01:18:49.102 --> 01:18:51.196 We're still working on the iPhone app. 01:18:51.196 --> 01:18:55.190 We're working on the web app landing page, which is almost done. 01:18:55.200 --> 01:18:58.610 We are working on the investor deck and launch video. 01:18:58.610 --> 01:19:03.127 Okay, so the investor deck is done and I love the way it looks in Codex. 01:19:03.127 --> 01:19:03.747 Like look at this. 01:19:03.747 --> 01:19:06.219 You can create an investor deck just like this. 01:19:06.219 --> 01:19:09.526 I will say it's not the best at designing PowerPoints yet. 01:19:09.526 --> 01:19:18.898 So, what we need to do is we're going to open up the terminal here and we're going to type in Claude here and we're going to type in Claude dangerously skip permissions. 01:19:18.898 --> 01:19:22.102 And we're going to say, "Hey there, Claude. 01:19:22.102 --> 01:19:26.943 I need you to take a look at this PowerPoint and I need you to make it look better. 01:19:26.943 --> 01:19:27.975 I want you to refine it. 01:19:27.975 --> 01:19:30.712 I want there to be less text, some more graphics. 01:19:30.712 --> 01:19:34.376 Check and see how what are best practices for you to do it. 01:19:34.376 --> 01:19:36.890 I want you to just really make this like a refined deck. 01:19:36.890 --> 01:19:39.350 There just seems to be too much text on this deck. 01:19:39.360 --> 01:19:40.988 It's not super readable. 01:19:40.988 --> 01:19:44.208 It's just not my favorite deck right now. 01:19:44.208 --> 01:19:46.556 So, please make it so much better. 01:19:46.556 --> 01:19:48.962 Don't add any slides or change the material. 01:19:48.962 --> 01:19:50.048 Just make it better. 01:19:50.048 --> 01:19:59.270 Make it more refined, less text, more visuals that like put things into perspective, you know, like charts, anything like that that could be good. 01:19:59.280 --> 01:20:00.830 Make it better. 01:20:00.830 --> 01:20:07.350 We are working on and so it's useful to give it the files cuz remember this chat has all the context. 01:20:07.360 --> 01:20:10.908 All this chat knows is we're in this my new business folder. 01:20:10.908 --> 01:20:12.190 It's always good. 01:20:12.200 --> 01:20:15.737 Actually, don't even know where this is located. 01:20:15.737 --> 01:20:19.294 I guess we could just click on this. 01:20:19.294 --> 01:20:21.090 Oh, you can open it in click on this. 01:20:21.090 --> 01:20:22.270 Oh, you can open it in Canva. 01:20:22.280 --> 01:20:23.833 Canva. 01:20:23.833 --> 01:20:26.910 Um I'm just going to give it this file path right here. 01:20:26.920 --> 01:20:30.710 Um what happens if we click Canva? 01:20:30.720 --> 01:20:32.510 Here it is on Canva. 01:20:32.520 --> 01:20:32.963 Wow. 01:20:32.963 --> 01:20:33.407 Wow. 01:20:33.407 --> 01:20:36.399 This is actually very cool. 01:20:36.399 --> 01:20:38.913 I did not realize you can do that that easily. 01:20:38.913 --> 01:20:40.860 Just open it up straight in Canva. 01:20:40.860 --> 01:20:42.190 That's pretty cool. 01:20:42.190 --> 01:20:47.248 Okay, so Claude Code, we just had Claude Code go to town on this slide deck. 01:20:47.248 --> 01:20:48.766 It does look a little bit better. 01:20:48.766 --> 01:20:50.079 It doesn't look a ton better. 01:20:50.079 --> 01:20:55.443 I don't think it's that much better design than Code X models. 01:20:55.443 --> 01:20:57.438 It's just a little bit more refined. 01:20:57.438 --> 01:20:59.735 We have some more visuals. 01:20:59.735 --> 01:21:00.595 Um Here. 01:21:00.595 --> 01:21:03.146 Yeah, like this is a really good slide. 01:21:03.146 --> 01:21:04.896 Like value compounds over time. 01:21:04.896 --> 01:21:10.670 We have a learning graph, a saved workspace, execution graph, a saved workspace, execution memory. 01:21:10.680 --> 01:21:12.915 Um This is pretty cool. 01:21:12.915 --> 01:21:15.007 So, we have this slide deck. 01:21:15.007 --> 01:21:16.975 I didn't really give it enough information. 01:21:16.975 --> 01:21:18.253 So, I'm going to do that now. 01:21:18.253 --> 01:21:30.043 And so here I'm coming up with kind of like this fictional plan of how I'm going to leverage my audience, right, to build a massive curation of really useful skills for existing tools like OpenAI, Code X, etc. 01:21:30.043 --> 01:21:33.497 We're going to build a lightweight agent through iMessage. 01:21:33.497 --> 01:21:39.141 People will pay monthly through access for these different agents that are super lightweight that people can test. 01:21:39.141 --> 01:21:42.495 Uh less of a commitment than say Code X or Claude Code. 01:21:42.495 --> 01:21:47.564 I just kind of want to change the narrative because it's kind of bringing up like Claude and off super base. 01:21:47.564 --> 01:21:48.835 Like I need to mention that. 01:21:48.835 --> 01:21:58.431 We don't need to mention anything about the authentication and talk more about the narrative and why this is a big opportunity and look up like how much money is in this market. 01:21:58.431 --> 01:22:00.726 Like focus more on the story, less on the tech. 01:22:00.726 --> 01:22:02.167 So, we fired off that prompt. 01:22:02.167 --> 01:22:04.536 Let's check on our mobile app here. 01:22:04.536 --> 01:22:05.263 Oh, yeah. 01:22:05.263 --> 01:22:09.371 While the other one was loading, I forgot to record it, but I uploaded one of these app icons. 01:22:09.371 --> 01:22:12.735 If you remember, we generated a ton of these app icons earlier. 01:22:12.735 --> 01:22:16.392 I forgot about it and so I uploaded it here to the mobile app. 01:22:16.392 --> 01:22:18.002 So, it added an app icon. 01:22:18.002 --> 01:22:22.410 And so, what I'm going to do now is I'm actually going to plug in my actual phone. 01:22:22.410 --> 01:22:25.030 I'm going to show you real quick how to run. 01:22:25.030 --> 01:22:34.013 So, when you're using your phone or when you're using X Code, you can use the simulator or you can run it on your actual phone. 01:22:34.013 --> 01:22:38.015 So, on X Code, you see here we have the device. 01:22:38.015 --> 01:22:39.864 We we chose iPhone 17. 01:22:39.864 --> 01:22:41.628 This These are simulators. 01:22:41.628 --> 01:22:45.812 You can see that this says iOS simulators, but I can also select my phone. 01:22:45.812 --> 01:22:47.616 And so, I'm going to select my phone. 01:22:47.616 --> 01:22:48.846 I'm going to hit play. 01:22:48.846 --> 01:22:51.065 I have my phone open right here. 01:22:51.065 --> 01:22:54.552 It should open the latest version of the app. 01:22:54.552 --> 01:22:55.030 It is. 01:22:55.040 --> 01:22:57.669 And so now I'm just screen sharing my phone to the computer. 01:22:57.669 --> 01:22:59.493 This is on my actual phone right now. 01:22:59.493 --> 01:23:02.125 And we're going to take a look at the app. 01:23:02.125 --> 01:23:04.555 This page looks pretty good. 01:23:04.555 --> 01:23:06.051 We have basics. 01:23:06.051 --> 01:23:07.901 Oh, there's haptics in the app now. 01:23:07.901 --> 01:23:09.891 I can actually feel the app. 01:23:09.891 --> 01:23:11.150 There's haptics. 01:23:11.160 --> 01:23:12.763 Here we can select platforms. 01:23:12.763 --> 01:23:14.936 Here we see Claude Code, Code X. 01:23:14.936 --> 01:23:18.790 And here we have the about platforms page. 01:23:18.800 --> 01:23:25.110 We have this kind of nice overview where we can learn about the platform. 01:23:25.120 --> 01:23:27.110 Anthropic's Claude. 01:23:27.120 --> 01:23:28.575 This is very cool. 01:23:28.575 --> 01:23:29.141 Skills. 01:23:29.141 --> 01:23:32.155 So, we have this YouTube researcher skill. 01:23:32.155 --> 01:23:34.644 I believe I can copy this to my clipboard. 01:23:34.644 --> 01:23:36.639 It has a pretty cool animation. 01:23:36.639 --> 01:23:37.620 We can save this. 01:23:37.620 --> 01:23:41.030 This is actually coming out to be pretty cool. 01:23:41.040 --> 01:23:44.470 Um yeah, this is looking really good. 01:23:44.480 --> 01:23:45.551 This is my favorite page. 01:23:45.551 --> 01:23:48.150 I love the the actual icons. 01:23:48.160 --> 01:23:50.070 Um I'm actually going to make this app. 01:23:50.080 --> 01:23:51.150 I'm going to put this on the App Store. 01:23:51.160 --> 01:23:52.104 I'm going to make it really good. 01:23:52.104 --> 01:23:53.397 But this is looking very good. 01:23:53.397 --> 01:24:00.175 Now what I'm actually going to do is I'm going to say, "I want users to actually be able to sign in." Oh, wait, there's this profile icon. 01:24:00.175 --> 01:24:00.961 Oh, okay. 01:24:00.961 --> 01:24:03.830 So, this is not real data. 01:24:03.840 --> 01:24:04.332 real data. 01:24:04.332 --> 01:24:08.480 Um and I want the user to actually be able to sign in with Google. 01:24:08.480 --> 01:24:14.139 And so, what is the easiest way to do that with with that we're using Superbase? 01:24:14.139 --> 01:24:14.817 Ignore Clerk. 01:24:14.817 --> 01:24:16.152 We don't need to use Clerk. 01:24:16.152 --> 01:24:17.255 What is the easiest way? 01:24:17.255 --> 01:24:19.640 Are you able to add authentication right now? 01:24:19.640 --> 01:24:21.988 Um using the MCP with Google sign-in. 01:24:21.988 --> 01:24:26.079 And then this will log all the users that sign in into the actual app. 01:24:26.079 --> 01:24:29.894 And I want their actual data to show up in the profile. 01:24:29.894 --> 01:24:32.206 And I basically want this app fully ready to go. 01:24:32.206 --> 01:24:34.134 Obviously, there's no payments in the app. 01:24:34.134 --> 01:24:37.412 I want you to add authentication so users can sign in. 01:24:37.412 --> 01:24:38.484 So, we can run that. 01:24:38.484 --> 01:24:42.642 And if we go back to our launch video, this is the one that we might not finish today. 01:24:42.642 --> 01:24:45.835 I'm going to go ahead and close out of my iPhone real quick. 01:24:45.835 --> 01:24:50.364 If we hit play here, Okay, that's pretty cool. 01:24:50.364 --> 01:24:53.580 It misses a little bit on the learn. 01:24:53.580 --> 01:24:54.830 That's okay. 01:24:54.840 --> 01:24:56.390 What is this? 01:24:56.400 --> 01:24:59.687 Gradient. 01:24:59.687 --> 01:25:04.070 That's okay. 01:25:04.080 --> 01:25:04.533 Ooh. 01:25:04.533 --> 01:25:04.986 Ooh. 01:25:04.986 --> 01:25:08.877 Okay, I forgot I made a massive edit last time. 01:25:08.877 --> 01:25:10.185 Ooh, that looks pretty good. 01:25:10.185 --> 01:25:12.068 So, you can please use this skill. 01:25:12.068 --> 01:25:16.070 You can paste it into Code X. 01:25:16.080 --> 01:25:20.510 Um And now what I'm going to do is I'm going to just do that again, basically. 01:25:20.520 --> 01:25:32.516 So, I'm going to let's open up Claude and we're going to I'm going to say, "After the welcome to Code X screen, I actually want to go back to the phone screen that shows the skills. 01:25:32.516 --> 01:25:35.828 Show a different skill and show copying a different skill. 01:25:35.828 --> 01:25:41.701 Maybe like a mobile app designer skill." And then we're going to paste it into Claude Code, which looks like this. 01:25:41.701 --> 01:25:51.270 And then I'm going to go ahead and go to Claude and I'm just going to open up a new normal chat like going to open up a new normal chat like this. 01:25:51.280 --> 01:25:52.049 this. 01:25:52.049 --> 01:25:55.637 And um I'm just going to copy this just like this. 01:25:55.637 --> 01:26:01.261 And what I'm going to do is I'm actually going to be using Claude again because it is better at design. 01:26:01.261 --> 01:26:05.313 Claude {dash} {dash} dangerously get permissions. 01:26:05.313 --> 01:26:09.664 I'm going to paste that image in here and I'm also just going to paste this. 01:26:09.664 --> 01:26:12.486 We are working on the remotion video. 01:26:12.486 --> 01:26:14.150 Use the remotion skill. 01:26:14.160 --> 01:26:15.065 Really think deep. 01:26:15.065 --> 01:26:21.879 We're adding two scenes at the end of this to kind of close out the video to show that you can add skills to your agents. 01:26:21.879 --> 01:26:26.277 And so now we're focusing on Claude Code instead of the subtitle above. 01:26:26.277 --> 01:26:32.612 So, instead of it saying Riley returns, so instead of it saying Riley returns, it should just say Claude Code. 01:26:32.612 --> 01:26:34.409 And it should show the same thing. 01:26:34.409 --> 01:26:39.989 I want you to add this skill and then it should paste in a skill in the UI like the image. 01:26:39.989 --> 01:26:42.590 So, like we've already done this once with Code X. 01:26:42.600 --> 01:26:43.224 We're doing it again. 01:26:43.224 --> 01:26:47.803 So, we're going back to the same app from earlier, copying the prompt, and then pasting it into Claude Code. 01:26:47.803 --> 01:26:48.790 So, please think deep. 01:26:48.800 --> 01:26:49.738 Make this look good. 01:26:49.738 --> 01:26:50.832 Hey, this is really fun. 01:26:50.832 --> 01:26:57.343 I I actually haven't done this until today where I use Claude Code inside the Code X app for like design heavy tasks. 01:26:57.343 --> 01:26:58.908 It ends up looking a lot better. 01:26:58.908 --> 01:27:01.279 And obviously, these can take a lot longer, right? 01:27:01.279 --> 01:27:07.202 Like a launch video, like I mean, we've only put in a total of like 10 minutes of like focused effort in the launch video. 01:27:07.202 --> 01:27:10.940 If you spend a few hours on this, you could actually make this pretty good. 01:27:10.940 --> 01:27:12.509 This is not terrible. 01:27:12.509 --> 01:27:20.477 Okay, Claude has literally just went ham for 7 minutes and 24 seconds and it cooked on this slide deck. 01:27:20.477 --> 01:27:22.448 I was like, "Curation is the wedge. 01:27:22.448 --> 01:27:24.078 Agents are the business. 01:27:24.078 --> 01:27:26.323 Most startups pray for distribution. 01:27:26.323 --> 01:27:35.306 We start with it." 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.306 --> 01:27:37.188 Curate, test, monetize. 01:27:37.188 --> 01:27:39.216 I don't like this like top bar. 01:27:39.216 --> 01:27:40.980 In fact, I'm just going to do that. 01:27:40.980 --> 01:27:42.805 Oh, yeah, one really useful thing. 01:27:42.805 --> 01:27:44.967 I use a tool called CleanShot Pro. 01:27:44.967 --> 01:27:51.604 And what it does is it allows you to like immediately just like make really good Like I can just kind of go like this. 01:27:51.604 --> 01:27:54.698 I can very easily just select which part that I want. 01:27:54.698 --> 01:27:56.870 Like I actually don't want any of this up here. 01:27:56.880 --> 01:27:58.270 So, I'm going to give this to Claude. 01:27:58.280 --> 01:28:01.554 I'm going to say, "Please don't have the top bar. 01:28:01.554 --> 01:28:03.070 We don't need it. 01:28:03.070 --> 01:28:06.870 The big black thing that says 1.5 million followers. 01:28:06.880 --> 01:28:07.490 Simplify that. 01:28:07.490 --> 01:28:08.761 I don't like that component. 01:28:08.761 --> 01:28:12.950 Just change that." Let's just go through and make some changes here. 01:28:12.960 --> 01:28:16.060 Yeah, the top bar on all the pages, by the way, not just that one. 01:28:16.060 --> 01:28:17.503 I don't want the top bar. 01:28:17.503 --> 01:28:18.809 This one looks good. 01:28:18.809 --> 01:28:19.892 This one looks good. 01:28:19.892 --> 01:28:23.319 Yeah, this is looking pretty pretty solid here. 01:28:23.319 --> 01:28:24.855 Oh, I like this one. 01:28:24.855 --> 01:28:28.494 Every consumer is about to decide which agents to trust. 01:28:28.494 --> 01:28:29.952 Nobody is guiding them. 01:28:29.952 --> 01:28:31.429 Yeah, I'm I like this. 01:28:31.429 --> 01:28:33.618 I'm going to just going to copy this right here. 01:28:33.618 --> 01:28:35.638 We're going to go back to Claude Code. 01:28:35.638 --> 01:28:40.318 On this first slide, make the text the main text at the top, every consumer. 01:28:40.318 --> 01:28:44.476 And then just change what's going on in the on the bottom part. 01:28:44.476 --> 01:28:47.310 Like it says fragmented, technical, and unbranded. 01:28:47.320 --> 01:28:48.310 Please come up with something else. 01:28:48.320 --> 01:28:53.641 Maybe show the phone on the the right with the the the app design. 01:28:53.641 --> 01:28:58.119 Show that there on the right and show that there's like a course or something there or something. 01:28:58.119 --> 01:28:59.334 That's pretty good. 01:28:59.334 --> 01:29:00.988 Where are we on the mobile app? 01:29:00.988 --> 01:29:01.445 Oh, yeah. 01:29:01.445 --> 01:29:02.099 Let me see here. 01:29:02.099 --> 01:29:04.144 Oh, yeah, we just tried to add authentication. 01:29:04.144 --> 01:29:05.915 Let's go ahead and go to X Code. 01:29:05.915 --> 01:29:09.194 What we're going to do is we're going to run this on Riley's iPhone. 01:29:09.194 --> 01:29:12.670 So, I'm going to go ahead and open up Riley's iPhone here. 01:29:12.680 --> 01:29:13.916 This is going to open up. 01:29:13.916 --> 01:29:15.165 Let's take a This is going to open up. 01:29:15.165 --> 01:29:15.630 Let's take a look. 01:29:15.640 --> 01:29:20.929 We tried to add authentication, add your Superbase publishable keys. 01:29:20.929 --> 01:29:24.967 Okay, so we're not quite ready for adding authentication. 01:29:24.967 --> 01:29:28.432 The easiest path is Superbase native Google OAuth flow. 01:29:28.432 --> 01:29:30.959 It's asking it, what do I need to do to make this work? 01:29:30.959 --> 01:29:33.156 I'm not signed in yet or I can't sign in. 01:29:33.156 --> 01:29:36.823 So again, we're just asking the agent what we need to do to set this up. 01:29:36.823 --> 01:29:39.157 Actually, we're not going to do Google. 01:29:39.157 --> 01:29:43.363 I want to just set up What were some of the providers? 01:29:43.363 --> 01:29:44.997 Was Apple one of them? 01:29:44.997 --> 01:29:46.342 Let's do Apple. 01:29:46.342 --> 01:29:48.693 Actually, let's just do email. 01:29:48.693 --> 01:29:50.968 We don't need to do Google. 01:29:50.968 --> 01:29:53.507 Just do email for now. 01:29:53.507 --> 01:29:55.748 Okay, so the mobile app is done. 01:29:55.748 --> 01:29:57.194 Let's see if this works here. 01:29:57.194 --> 01:30:02.815 What we're going to do is we're going to go to Xcode and we're going to hit play. 01:30:02.815 --> 01:30:04.322 Build succeeded. 01:30:04.322 --> 01:30:08.430 So it decided that doing email and password was actually the easiest way to do it. 01:30:08.440 --> 01:30:09.641 So that's what we're going to do. 01:30:09.641 --> 01:30:11.910 I'm going to put in my email and password. 01:30:11.920 --> 01:30:13.710 I'm going to pause the video for this. 01:30:13.720 --> 01:30:15.990 And here we are just going to sign in. 01:30:16.000 --> 01:30:17.990 Ah, I have to do create account first. 01:30:18.000 --> 01:30:18.984 Create an account. 01:30:18.984 --> 01:30:20.222 Okay, wait, it worked. 01:30:20.222 --> 01:30:20.882 It worked. 01:30:20.882 --> 01:30:21.542 It worked. 01:30:21.542 --> 01:30:26.252 I had to go into Superbase and I had to turn off confirm email. 01:30:26.252 --> 01:30:34.910 I can turn that on later, but all I want to do is be able to sign in and it looks like that I am indeed signed in here. 01:30:34.920 --> 01:30:37.883 I can see that it Let's see if I hit save. 01:30:37.883 --> 01:30:41.362 Let's save a few things here on platforms. 01:30:41.362 --> 01:30:42.949 We'll save Cloud Code. 01:30:42.949 --> 01:30:49.623 If we go back to our profile, uh, we have one platform saved, two tracks saved, no skills saved. 01:30:49.623 --> 01:30:51.910 So I can save some skills. 01:30:51.920 --> 01:30:57.054 1 2 3 1 2 3 Now let's go back to my profile. 01:30:57.054 --> 01:31:00.429 All of these things are now saved in the app. 01:31:00.429 --> 01:31:01.942 So I am signed in. 01:31:01.942 --> 01:31:06.310 It doesn't show the account that I'm signed in with, which I will want it to do. 01:31:06.320 --> 01:31:07.743 That's one thing we'll ask. 01:31:07.743 --> 01:31:08.920 Okay, so I am signed in. 01:31:08.920 --> 01:31:14.188 Once I sign in, I want it to be clearer that I'm signed in, like show like my email up at the top. 01:31:14.188 --> 01:31:15.665 Um, but this is pretty cool. 01:31:15.665 --> 01:31:18.393 We are signed in and this is working. 01:31:18.393 --> 01:31:22.371 We have a full working authentication set up. 01:31:22.371 --> 01:31:25.150 We can go to the tables. 01:31:25.160 --> 01:31:28.086 And yeah, this is pretty cool. 01:31:28.086 --> 01:31:31.243 So I think this app is ready for TestFlight. 01:31:31.243 --> 01:31:34.990 So I'm actually going to add this later. 01:31:34.990 --> 01:31:39.265 I want to get this ready for TestFlight. 01:31:39.265 --> 01:31:43.905 Please do everything to prep for this. 01:31:43.905 --> 01:31:49.573 I'm going to do it on the not number account. 01:31:49.573 --> 01:31:52.209 So yeah, we're going to be sending this app to the App Store. 01:31:52.209 --> 01:31:53.528 Here, let's take a look. 01:31:53.528 --> 01:31:56.363 A trusted curator for the AI agent era. 01:31:56.363 --> 01:31:57.899 That's pretty good. 01:31:57.899 --> 01:32:04.089 And so we can see this full screen or what we can do is we can open this in Canva. 01:32:04.089 --> 01:32:12.033 So we're going to open up this new version in Canva and it will show up right here and we can actually manually make edits to it. 01:32:12.033 --> 01:32:16.194 And so we can do like the last 5 10% here, like we might want to get rid of this. 01:32:16.194 --> 01:32:23.164 You know, maybe we'd want to change these colors just a little bit, but yeah, it exports pretty well. 01:32:23.164 --> 01:32:24.384 Ooh, nice animation. 01:32:24.384 --> 01:32:25.589 That's kind of sick. 01:32:25.589 --> 01:32:27.029 It looks a lot better in Canva. 01:32:27.029 --> 01:32:30.550 And so yeah, like we can get rid of these here. 01:32:30.560 --> 01:32:34.310 Then we can also add some like offset. 01:32:34.320 --> 01:32:35.704 Get like background. 01:32:35.704 --> 01:32:37.325 We can put it over here. 01:32:37.325 --> 01:32:40.193 So this is looking a little bit better. 01:32:40.193 --> 01:32:44.351 We can make some Yeah, you know, this slide is fine. 01:32:44.351 --> 01:32:47.070 We could add some icons, but you know what? 01:32:47.080 --> 01:32:51.367 This is a decent start to an investor deck. 01:32:51.367 --> 01:32:54.219 So I'm going to go ahead and go back to the plan. 01:32:54.219 --> 01:32:55.745 I finished the investor deck. 01:32:55.745 --> 01:33:01.103 I also finished the iOS app because this mobile app I think is looking pretty good. 01:33:01.103 --> 01:33:03.585 You know, we still need to send it to the App Store. 01:33:03.585 --> 01:33:08.990 And so while the mobile app is loading, what I want to do is I want to be able to put this on the internet. 01:33:09.000 --> 01:33:12.772 So I want to be able to actually put this on the internet and we can give it a domain later. 01:33:12.772 --> 01:33:24.293 But what I'm going to do now is I'm going to say, please, can you deploy this to @vercel and give me the public link. 01:33:24.293 --> 01:33:28.654 So we are actually putting this website on the internet, right? 01:33:28.654 --> 01:33:30.847 So this is how people will can get early access. 01:33:30.847 --> 01:33:35.838 They can come to the website and we can actually grab this link right here. 01:33:35.838 --> 01:33:42.081 Let me show you in a browser, so the actual And while this is loading, I want to add a song to our launch video. 01:33:42.081 --> 01:33:44.513 So I'm just going to drag this song that I have. 01:33:44.513 --> 01:33:46.888 It's called Chasing Horizons in my folder. 01:33:46.888 --> 01:33:55.571 I'm going to say, please add this song at 50% volume in the launch video. 01:33:55.571 --> 01:33:58.843 Keep everything else the same. 01:33:58.843 --> 01:34:03.313 Okay, so we've created a build here on App Store Connect. 01:34:03.313 --> 01:34:06.054 Now, please put it on Connect. 01:34:06.054 --> 01:34:07.430 Now, please put it on TestFlight. 01:34:07.440 --> 01:34:07.997 I'm done. 01:34:07.997 --> 01:34:11.987 Okay, while that's loading, I'm running one final prompt on Cloud Code. 01:34:11.987 --> 01:34:23.070 I want to add Oh yeah, here's the music, by the way. 01:34:23.080 --> 01:34:24.910 So it shows copying. 01:34:24.920 --> 01:34:27.430 I can paste it here. 01:34:27.440 --> 01:34:31.790 It's pretty good. 01:34:31.800 --> 01:34:36.030 Some repetition shows me copying this. 01:34:36.040 --> 01:34:36.402 Boom. 01:34:36.402 --> 01:34:39.926 Now after this, I want it to actually use the skill. 01:34:39.926 --> 01:34:52.100 So we're using the skill and then I want you to create a little canvas that shows all like five frames of a calorie tracking app that look really good on the same background as that Cloud Code is, but remember change the font here. 01:34:52.100 --> 01:34:54.953 You didn't really choose the right font for the Cloud Code. 01:34:54.953 --> 01:35:00.034 And yeah, have a new app like have a like a laptop screen pop up. 01:35:00.034 --> 01:35:05.793 Just basically like a computer screen pop up that shows the different canvases of an iPhone mock-up. 01:35:05.793 --> 01:35:07.492 Okay, we're getting there. 01:35:07.492 --> 01:35:09.707 We're almost there, guys. 01:35:09.707 --> 01:35:11.705 Okay, this web app looks done. 01:35:11.705 --> 01:35:13.688 Okay, yep, this is done. 01:35:13.688 --> 01:35:15.831 Deploy to Vercel. 01:35:15.831 --> 01:35:17.470 Give me link. 01:35:17.480 --> 01:35:20.242 And we can't mark this as complete until we've tested it. 01:35:20.242 --> 01:35:23.262 So I'm going to go in and try and submit an email on the website. 01:35:23.262 --> 01:35:24.897 Right, I need to go to this link. 01:35:24.897 --> 01:35:28.877 If we open up Arc here, we need to be able to type in the info here. 01:35:28.877 --> 01:35:32.870 And then remember, this last thing is I want to be able to set up X post automation. 01:35:32.880 --> 01:35:34.127 So we're just going to set that up. 01:35:34.127 --> 01:35:36.412 This is one of my favorite skills that I've ever used. 01:35:36.412 --> 01:35:38.454 For this, we're going to use Typefully. 01:35:38.454 --> 01:35:48.870 So Typefully is how I control six different Twitter accounts to and uh combine over like 275,000 followers across all of my accounts. 01:35:48.880 --> 01:35:54.133 And I just need to come in here and what I need to do is I need to grab my API key, right? 01:35:54.133 --> 01:35:57.862 Cuz I can just go here and I can create new posts from Vibe Coding Explained. 01:35:57.862 --> 01:36:04.152 This account has 50,000 followers and we can use AI to draft tweets from Typefully. 01:36:04.152 --> 01:36:11.378 And so here, what we need to do is we need to go to settings, then we need to go to API, and then we need to create a new API key. 01:36:11.378 --> 01:36:13.095 So I'm going to create one and copy it. 01:36:13.095 --> 01:36:13.990 Now we're going to come here. 01:36:13.990 --> 01:36:22.522 I'm going to say, please, can you search Typefully and I want you to create a skill that allows me to fully control it with their new API. 01:36:22.522 --> 01:36:24.628 Their new API is V3. 01:36:24.628 --> 01:36:26.149 It gives me full control. 01:36:26.149 --> 01:36:28.268 When you search it, you might find V2. 01:36:28.268 --> 01:36:29.088 I want V3. 01:36:29.088 --> 01:36:31.983 I want full control over Typefully. 01:36:31.983 --> 01:36:34.550 And I want you to just test it right away. 01:36:34.550 --> 01:36:40.819 Test it with the Riley Brown account and use fruit emojis in your test, so I know which ones are yours. 01:36:40.819 --> 01:36:43.789 In the message below, I'm going to paste my API key. 01:36:43.789 --> 01:36:44.350 Use that. 01:36:44.360 --> 01:36:45.244 Figure this out. 01:36:45.244 --> 01:36:45.687 Test it. 01:36:45.687 --> 01:36:47.029 Let's see if this works. 01:36:47.029 --> 01:36:48.062 Create the skill. 01:36:48.062 --> 01:36:55.749 All right, so we're creating a skill so we can have AI and we can set up automations to automatically use this API to schedule tweets. 01:36:55.749 --> 01:36:57.985 So here, I'm going to enter this. 01:36:57.985 --> 01:37:00.350 Now off camera, I'm going to paste my API key. 01:37:00.350 --> 01:37:02.490 I do not want that out there in the wild. 01:37:02.490 --> 01:37:06.984 Okay, so we just got the web app link and I know this is not centered, right? 01:37:06.984 --> 01:37:09.759 I know we're we're just we made this really quickly. 01:37:09.759 --> 01:37:11.086 We can easily center this. 01:37:11.086 --> 01:37:12.539 It says made with easily center this. 01:37:12.539 --> 01:37:13.270 It says made with Tally. 01:37:13.280 --> 01:37:16.430 I'm just going to put in an email I'm just going to put in an email address. 01:37:16.440 --> 01:37:18.110 All right, so we're going to hit register. 01:37:18.110 --> 01:37:19.356 All right, so done. 01:37:19.356 --> 01:37:21.286 So now let's check to see if that worked. 01:37:21.286 --> 01:37:26.603 We're going to go back to Tally and here we see the registration form template. 01:37:26.603 --> 01:37:27.497 One submission. 01:37:27.497 --> 01:37:31.132 We see the one submission here and we see that it works. 01:37:31.132 --> 01:37:33.928 So this is actually on the internet, right? 01:37:33.928 --> 01:37:37.694 This is Chorus-Beta-2 Vercel app. 01:37:37.694 --> 01:37:39.790 So this is on the internet. 01:37:39.800 --> 01:37:41.568 We can give it a custom domain. 01:37:41.568 --> 01:37:46.831 I just haven't bought a domain yet for this, but you can actually sign up for early access right now. 01:37:46.831 --> 01:37:54.133 So we can go back to our plan and we can say, cool, I finished the web app and landing page waitlist sign up. 01:37:54.133 --> 01:37:55.483 All right, and look at this. 01:37:55.483 --> 01:37:57.698 We actually have our app. 01:37:57.698 --> 01:37:59.247 We can open our app here. 01:37:59.247 --> 01:38:00.828 This is actually in TestFlight. 01:38:00.828 --> 01:38:02.790 You can see that this is a real build. 01:38:02.790 --> 01:38:04.630 This is not the Chorus app. 01:38:04.640 --> 01:38:07.466 This one is the app that we downloaded to our phone, right? 01:38:07.466 --> 01:38:09.120 That we downloaded from Xcode. 01:38:09.120 --> 01:38:13.001 This one This one is actually a TestFlight link. 01:38:13.001 --> 01:38:18.839 Now, I can say Riley at Actually, I forget what email at Okay, there we go. 01:38:18.839 --> 01:38:20.774 We are signed in to our account. 01:38:20.774 --> 01:38:21.800 We have this app. 01:38:21.800 --> 01:38:24.110 It is literally on the App Store. 01:38:24.120 --> 01:38:32.193 It's a pretty bare-bones app, you know, it's if it is a pretty simple app, but we have some good information here that we're going to add to, right? 01:38:32.193 --> 01:38:33.707 We just created the bare-bones. 01:38:33.707 --> 01:38:39.236 We have it set up to a back end, so I can constantly add things to this to make it a really useful app. 01:38:39.236 --> 01:38:44.808 One thing I do want to add is an AI chat, but it has haptics and it feels pretty good. 01:38:44.808 --> 01:38:47.499 So we are done with our app, fully done with our app. 01:38:47.499 --> 01:38:49.231 Let's check on our launch video. 01:38:49.231 --> 01:38:50.778 Let's see if Opus is done. 01:38:50.778 --> 01:38:57.043 Okay, this is actually looking pretty good, but I think the Typefully one is done. 01:38:57.043 --> 01:38:58.026 I was wrong. 01:38:58.026 --> 01:39:02.961 It is V2, but it said that it was able to create a draft autonomously. 01:39:02.961 --> 01:39:07.950 So we did create the skill that controls Typefully, which allows me to draft tweets. 01:39:07.950 --> 01:39:14.621 So if I go back to Typefully here, it said that it created one on Riley Brown. 01:39:14.621 --> 01:39:15.338 Let's see. 01:39:15.338 --> 01:39:16.270 There you go. 01:39:16.280 --> 01:39:19.350 So, it is able to create drafts for me. 01:39:19.360 --> 01:39:31.790 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.800 --> 01:39:43.602 Please create that automation now and use the slash I think it should have use the slash I think it should have created Typefully control skill and we can run it. 01:39:43.602 --> 01:39:46.430 So, we just created the automation. 01:39:46.440 --> 01:39:48.252 So, we are done with this. 01:39:48.252 --> 01:39:51.230 I just finished the X post video automation. 01:39:51.240 --> 01:39:54.594 So, all we have left is the launch video. 01:39:54.594 --> 01:39:58.264 We need to go to the uh Remotion screen here. 01:39:58.264 --> 01:40:00.386 Let's see if Cloud Code is still working. 01:40:00.386 --> 01:40:01.390 It looks like it's done. 01:40:01.400 --> 01:40:02.093 Let's take a look. 01:40:02.093 --> 01:40:05.227 Let's watch the video. 01:40:05.227 --> 01:40:14.990 Let's see if it's good. 01:40:15.000 --> 01:40:16.733 Okay, so we're adding the skill. 01:40:16.733 --> 01:40:17.552 Very good. 01:40:17.552 --> 01:40:20.750 We're going to do it again. 01:40:20.760 --> 01:40:29.190 Boom. 01:40:29.200 --> 01:40:30.968 Yeah, that's a little bit long. 01:40:30.968 --> 01:40:36.994 That's Yeah, that's a little bit long. 01:40:36.994 --> 01:40:39.190 That's okay. 01:40:39.200 --> 01:40:43.510 Okay, we got this app laptop opening up and it created the designs for the app. 01:40:43.520 --> 01:40:46.150 That's pretty sick. 01:40:46.160 --> 01:40:52.486 And then, there you go. 01:40:52.486 --> 01:40:53.990 It's kind of sick. 01:40:54.000 --> 01:40:55.750 Obviously, there's a lot more we can do. 01:40:55.760 --> 01:40:59.428 We were multitasking, but I think this is actually a good first draft. 01:40:59.428 --> 01:41:01.061 We can continue to edit it. 01:41:01.061 --> 01:41:05.084 I will say Cloud Code is significantly better at designing. 01:41:05.084 --> 01:41:08.930 Codex just wants to use these like really clunky design styles. 01:41:08.930 --> 01:41:12.289 I cannot wait for them to get a model specifically for design. 01:41:12.289 --> 01:41:14.337 I think that'll be really great. 01:41:14.337 --> 01:41:15.394 But, we're good. 01:41:15.394 --> 01:41:18.265 And as you can see here, automations just turned to three. 01:41:18.265 --> 01:41:21.598 If we go to we can see that it created these morning drafts here. 01:41:21.598 --> 01:41:24.696 And here is the morning draft that it created. 01:41:24.696 --> 01:41:26.920 And we have three automations ready to go. 01:41:26.920 --> 01:41:29.621 So, that's what we've done today. 01:41:29.621 --> 01:41:30.078 Woo! 01:41:30.078 --> 01:41:32.155 This was a long one. 01:41:32.155 --> 01:41:34.199 Yeah, we covered a lot. 01:41:34.199 --> 01:41:39.175 I'm just going to just so we finished finished the launch video. 01:41:39.175 --> 01:41:39.685 Okay. 01:41:39.685 --> 01:41:40.196 Yeah. 01:41:40.196 --> 01:41:41.849 And so, there you go. 01:41:41.849 --> 01:41:42.707 We are done. 01:41:42.707 --> 01:41:48.150 And all I wanted to illustrate in part two of this video was that you can multitask to create really cool things. 01:41:48.150 --> 01:41:50.605 If you ever get stuck, just ask the agent. 01:41:50.605 --> 01:41:54.112 If you ever want a skill, just ask the agent if you can create a skill. 01:41:54.112 --> 01:41:56.776 Maybe you'll need an API key to a tool you already use. 01:41:56.776 --> 01:42:01.594 Maybe not, but you can just ask the agent to create a skill and you can download it. 01:42:01.594 --> 01:42:03.616 And they have a lot of plugins. 01:42:03.616 --> 01:42:05.903 They're going to continue to add a ton more plugins. 01:42:05.903 --> 01:42:09.705 So, you're going to basically be able to all of the tools that you already use. 01:42:09.705 --> 01:42:12.308 And um it's only going to get easier from here. 01:42:12.308 --> 01:42:19.505 I highly recommend to just take everything that you do in your job or in your business and try and figure out how you can automate as much as you can. 01:42:19.505 --> 01:42:23.414 You know, if you have a software company, try and create a launch video every week. 01:42:23.414 --> 01:42:26.998 You can just launch on Instagram or on Twitter every week. 01:42:26.998 --> 01:42:29.215 Uh you can create Instagram videos. 01:42:29.215 --> 01:42:30.761 You can create graphics. 01:42:30.761 --> 01:42:37.510 There's a ton of things that you can just do and experiment with and figure out how to use Canva with Codex. 01:42:37.520 --> 01:42:42.401 There's so much that you can do on these AI-powered super apps and they're only going to get better. 01:42:42.401 --> 01:42:44.568 Anyway, thank you guys so much for watching. 01:42:44.568 --> 01:42:46.438 Please hit subscribe and like this video. 01:42:46.438 --> 01:42:47.690 It helps me out a ton. 01:42:47.690 --> 01:42:50.518 I will put the app that we created, right? 01:42:50.518 --> 01:42:52.577 We have the app that we created. 01:42:52.577 --> 01:42:55.552 By the time you see this video, it should be on the App Store. 01:42:55.552 --> 01:42:56.873 You'll be able to use it for free. 01:42:56.873 --> 01:42:57.809 I'm going to load it up. 01:42:57.809 --> 01:43:01.929 I'm just going to keep this as my notes for all of the useful tools that I use. 01:43:01.929 --> 01:43:10.336 So, I'm actually going to put all of the useful skills and all of the platforms that I'm testing out on this mobile app and it'll be on the App Store. 01:43:10.336 --> 01:43:12.070 So, check that out if you want. 01:43:12.080 --> 01:43:15.480 Anyway, thank you guys for watching.