1 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 2 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. 3 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. 4 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. 5 00:00:43,623 --> 00:00:45,806 So, this video is going to be divided into two parts. 6 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. 7 00:00:54,695 --> 00:00:57,904 In part one, we're going to talk about the basics of prompting. 8 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. 9 00:01:03,520 --> 00:01:06,023 We're also going to talk about the main features in the app. 10 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. 11 00:01:11,383 --> 00:01:13,289 We're going to talk about how to stay organized. 12 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. 13 00:01:19,473 --> 00:01:24,445 You can even comment directly on the preview to give additional information to the AI agent. 14 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. 15 00:01:30,780 --> 00:01:33,015 We're going to talk about skills and plugins. 16 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. 17 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. 18 00:01:47,798 --> 00:01:52,670 And the Open AI computer use is best in the world by far. 19 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. 20 00:01:58,597 --> 00:02:01,202 And part two, we're going to start to have a lot more fun. 21 00:02:01,202 --> 00:02:04,910 In part two, we are going to create a design for a mobile app. 22 00:02:04,920 --> 00:02:06,550 We're going to create a mobile app. 23 00:02:06,560 --> 00:02:07,585 We're going to build a web app. 24 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. 25 00:02:11,760 --> 00:02:14,086 And we're going to do these all at the same time. 26 00:02:14,086 --> 00:02:18,604 And so, we are going to dive into multitasking with Codex. 27 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. 28 00:02:28,834 --> 00:02:33,750 So, in order to become effective at using AI, you need to learn how to multitask. 29 00:02:33,760 --> 00:02:38,709 And in this part, I want to talk about how I multitask with Codex. 30 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. 31 00:02:53,043 --> 00:02:54,670 Let's dive into the video. 32 00:02:54,680 --> 00:02:59,006 Okay, so let's first start off by downloading the Codex app. 33 00:02:59,006 --> 00:03:03,477 So, you can go to any browser and type in Codex app download. 34 00:03:03,477 --> 00:03:08,045 And here we see chat.gpt .com Codex desktop app. 35 00:03:08,045 --> 00:03:09,636 We're going to click on this. 36 00:03:09,636 --> 00:03:11,069 The page should look like this. 37 00:03:11,069 --> 00:03:15,139 And here is where you can download this for Mac OS. 38 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. 39 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. 40 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. 41 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. 42 00:03:38,880 --> 00:03:41,756 And we can actually open up Arc here real quick. 43 00:03:41,756 --> 00:03:42,800 Here is chat.gpt. 44 00:03:42,800 --> 00:03:44,527 This is what chat.gpt looks like. 45 00:03:44,527 --> 00:03:45,436 It's very similar. 46 00:03:45,436 --> 00:03:49,114 You type a chat, and you get a response from chat.gpt. 47 00:03:49,114 --> 00:03:50,314 It's very similar. 48 00:03:50,314 --> 00:03:55,166 So, it looks similar from this perspective, but there's so much more in this application. 49 00:03:55,166 --> 00:03:56,470 It is unbelievable. 50 00:03:56,480 --> 00:03:59,710 So, if I were to type something here, let's say I type something like this. 51 00:03:59,720 --> 00:04:03,034 Hello, please search and tell me the latest news on Open AI's new desktop app. 52 00:04:03,034 --> 00:04:04,590 List all the different features. 53 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. 54 00:04:10,466 --> 00:04:13,773 I can also type that into Codex and press enter. 55 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. 56 00:04:22,654 --> 00:04:24,607 This is actually brand new to Codex. 57 00:04:24,607 --> 00:04:26,295 They added this chats column. 58 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. 59 00:04:32,792 --> 00:04:35,008 And I'll explain that right now. 60 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. 61 00:04:43,062 --> 00:04:44,038 It can create files. 62 00:04:44,038 --> 00:04:45,113 It can edit files. 63 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. 64 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. 65 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? 66 00:05:06,554 --> 00:05:08,073 It's going to open up Finder. 67 00:05:08,073 --> 00:05:13,453 And so, I create a project called Codex projects, and you can create anything you want. 68 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. 69 00:05:16,956 --> 00:05:18,011 It doesn't matter. 70 00:05:18,011 --> 00:05:20,866 I keep it organized, and I'll I'll even create a new folder. 71 00:05:20,866 --> 00:05:24,401 So, I'll just say like Riley's Codex projects. 72 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. 73 00:05:31,080 --> 00:05:34,105 So, I just created this Riley's Codex projects. 74 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. 75 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. 76 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. 77 00:05:52,075 --> 00:05:53,717 And we're going to hit create. 78 00:05:53,717 --> 00:05:57,550 We're going to select this folder, and we're going to hit open. 79 00:05:57,560 --> 00:06:00,510 Notice here that a project was created. 80 00:06:00,520 --> 00:06:05,352 We have one project created, and it's called Codex desktop research. 81 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. 82 00:06:12,301 --> 00:06:14,110 It's also listed right here. 83 00:06:14,120 --> 00:06:16,116 Codex desktop research. 84 00:06:16,116 --> 00:06:19,975 So, when we create a chat, it'll show up here. 85 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. 86 00:06:28,770 --> 00:06:31,630 And again, this can search the internet by default. 87 00:06:31,640 --> 00:06:33,631 It can go off and do research. 88 00:06:33,631 --> 00:06:38,565 And notice here, if we were to expand this, this chat shows up right here. 89 00:06:38,565 --> 00:06:40,750 And it will automatically use AI to name it. 90 00:06:40,760 --> 00:06:42,721 So, find new Codex app features. 91 00:06:42,721 --> 00:06:46,281 Now, we can press this button again, and we can actually create a new chat. 92 00:06:46,281 --> 00:06:51,274 I can say, what are people saying about the new Codex app? 93 00:06:51,274 --> 00:06:56,590 Figure out a way to look at blogs and x.com. 94 00:06:56,590 --> 00:07:02,543 And what are people saying what are they excited about? 95 00:07:02,543 --> 00:07:07,391 So, these are chats under the same project, and they work at the same time. 96 00:07:07,391 --> 00:07:12,633 And you can tell that it's in progress because of this right here, right? 97 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. 98 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. 99 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. 100 00:07:31,744 --> 00:07:33,590 So, this blue dot popped up here. 101 00:07:33,600 --> 00:07:36,091 Now, we know that we have like an unread message. 102 00:07:36,091 --> 00:07:37,251 So, we can click on this. 103 00:07:37,251 --> 00:07:40,230 And so, here we can find the new feature. 104 00:07:40,240 --> 00:07:42,111 And let's say I don't want to read it like this. 105 00:07:42,111 --> 00:07:47,996 I can say, please create a spreadsheet of the new features that you just told me. 106 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. 107 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. 108 00:08:05,400 --> 00:08:07,755 And you can see that it opens up right here. 109 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. 110 00:08:12,389 --> 00:08:17,093 No files have been created so far, and these chats don't actually get stored here. 111 00:08:17,093 --> 00:08:19,536 It's just the files that they create. 112 00:08:19,536 --> 00:08:20,646 Oh, and here we go. 113 00:08:20,646 --> 00:08:22,634 It just created this outputs folder. 114 00:08:22,634 --> 00:08:25,360 We click in this, and so it's created the folder. 115 00:08:25,360 --> 00:08:27,230 It hasn't yet created the document yet. 116 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. 117 00:08:35,039 --> 00:08:38,303 If we go ahead and we just click open, look at this. 118 00:08:38,303 --> 00:08:40,743 It opens right here in the side view. 119 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. 120 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. 121 00:08:56,769 --> 00:09:00,714 Yeah, I can view the whole thing, and I can create a follow-up. 122 00:09:00,714 --> 00:09:06,182 And I could say something like, please remove the source page column. 123 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. 124 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. 125 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. 126 00:09:31,869 --> 00:09:33,656 And look, here it's done. 127 00:09:33,656 --> 00:09:38,495 You will notice here that the source column is no longer here. 128 00:09:38,495 --> 00:09:43,287 It removed it, and so, we can just use AI to edit this document pretty perfectly. 129 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 130 00:09:59,440 --> 00:10:00,374 right now. 131 00:10:00,374 --> 00:10:03,364 So all of it is stored in this file. 132 00:10:03,364 --> 00:10:07,747 And so this makes it easy for me to create chats and reference that file. 133 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. 134 00:10:22,125 --> 00:10:25,466 And so we can go @Codex desktop features. 135 00:10:25,466 --> 00:10:29,657 And so we can @ mention that file and say, "Do research. 136 00:10:29,657 --> 00:10:34,830 Let me know if I missed anything for new features for Codex." 137 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. 138 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. 139 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. 140 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. 141 00:11:03,977 --> 00:11:06,070 The permissions are right here. 142 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. 143 00:11:10,923 --> 00:11:13,917 I prefer using full access, so just let it let it cook. 144 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. 145 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. 146 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. 147 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. 148 00:11:44,776 --> 00:11:49,059 And if we go down here, your agent can also create files, right? 149 00:11:49,059 --> 00:11:53,724 So it can create this .xlsx document on your computer. 150 00:11:53,724 --> 00:11:56,588 And so this is just an agent created file. 151 00:11:56,588 --> 00:12:01,814 And this agent created file gets added to this folder that you created, right? 152 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. 153 00:12:15,335 --> 00:12:19,464 So you can see they all get organized in this clean file layout. 154 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. 155 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. 156 00:12:31,835 --> 00:12:36,212 So you can actually have multiple files open, which we'll get to a lot later. 157 00:12:36,212 --> 00:12:40,138 We haven't done this yet, but you can see the file name right here. 158 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. 159 00:12:43,888 --> 00:12:47,926 Now let's dig into some more fun workflows and more fun projects. 160 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. 161 00:12:54,920 --> 00:12:56,587 And don't worry, we'll get to plugins in a second. 162 00:12:56,587 --> 00:12:57,889 This is when it gets really fun. 163 00:12:57,889 --> 00:13:00,513 But you know how we have two projects over here? 164 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. 165 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. 166 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. 167 00:13:15,534 --> 00:13:17,370 You just remove them from the side panel. 168 00:13:17,370 --> 00:13:20,349 But this search feature, what I can do is I can search anything. 169 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. 170 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. 171 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. 172 00:13:42,102 --> 00:13:44,741 So remember, this is just the project folder. 173 00:13:44,741 --> 00:13:47,155 So this Codex desktop research, right? 174 00:13:47,155 --> 00:13:48,695 That is the project folder. 175 00:13:48,695 --> 00:13:53,064 This is the general agent tasks folder that I removed from the side panel. 176 00:13:53,064 --> 00:13:56,385 But if I click on this, it'll actually open up the location. 177 00:13:56,385 --> 00:13:59,736 And then all I need to do is just drag this in here and boom. 178 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? 179 00:14:06,360 --> 00:14:07,288 That's pretty cool. 180 00:14:07,288 --> 00:14:11,786 And again, I can remove it and I can bring it back whenever I want. 181 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. 182 00:14:22,613 --> 00:14:26,274 Here is application that I was working on earlier that goes through all the features. 183 00:14:26,274 --> 00:14:29,307 But we're going to get to more advanced applications in just a second. 184 00:14:29,307 --> 00:14:31,494 First, I want to talk about plugin. 185 00:14:31,494 --> 00:14:35,510 And so yeah, many people get these confused, plugins versus skills. 186 00:14:35,520 --> 00:14:39,483 And I will say the line between plugins and skills is a little blurry. 187 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. 188 00:14:51,263 --> 00:14:54,436 So fun fact, I generated this with my Excalidraw skill. 189 00:14:54,436 --> 00:14:57,073 But let's talk about the difference between skills and plugins. 190 00:14:57,073 --> 00:15:02,144 So skills are basically a reusable workflow package for a specific kind of task. 191 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. 192 00:15:10,560 --> 00:15:13,656 And so you can see here, if we click on plugins, right? 193 00:15:13,656 --> 00:15:15,155 It's kind of weird, right? 194 00:15:15,155 --> 00:15:19,345 In the Claude app, we can see that they call it the customize tab. 195 00:15:19,345 --> 00:15:22,156 And then here they have skills and connectors. 196 00:15:22,156 --> 00:15:24,182 OpenAI has plugins and skills. 197 00:15:24,182 --> 00:15:27,990 If you use different tools, they have different vocabulary for each one. 198 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. 199 00:15:32,989 --> 00:15:37,282 And so skills are just ways to extend the capability of the model, right? 200 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. 201 00:15:47,618 --> 00:15:50,083 You need to give it the skill of email. 202 00:15:50,083 --> 00:15:51,970 And so I've done that already, right? 203 00:15:51,970 --> 00:15:53,200 I've given it the email skill. 204 00:15:53,200 --> 00:15:56,374 Uh one thing that I can give it is my Google Calendar skill. 205 00:15:56,374 --> 00:15:58,007 I haven't done that yet in Codex. 206 00:15:58,007 --> 00:15:59,067 So let me show you this. 207 00:15:59,067 --> 00:16:01,025 So this is actually a plugin, sorry. 208 00:16:01,025 --> 00:16:02,710 Google Calendar plugin. 209 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. 210 00:16:17,301 --> 00:16:23,110 And now once we get the verification Google Calendar is ready, Google Calendar is now connected. 211 00:16:23,120 --> 00:16:25,466 That means the calendar is now plugged in. 212 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. 213 00:16:32,388 --> 00:16:34,716 And we're just going to press this button right here. 214 00:16:34,716 --> 00:16:41,030 Now we can say, "Please list out the events for this week for me." 215 00:16:41,040 --> 00:16:42,768 And I can press slash. 216 00:16:42,768 --> 00:16:44,791 You actually wouldn't have to do this. 217 00:16:44,791 --> 00:16:46,791 You don't have to type in everything. 218 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. 219 00:16:52,989 --> 00:16:56,043 And so I can say, "Please list out the events for me. 220 00:16:56,043 --> 00:16:59,837 List them out here in the chat." And we can run this. 221 00:16:59,837 --> 00:17:01,052 And look at this. 222 00:17:01,052 --> 00:17:04,551 So all of my events are listed out right here. 223 00:17:04,551 --> 00:17:08,214 So this is my entire calendar listed out right here. 224 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? 225 00:17:15,630 --> 00:17:18,270 Just email it to myself." 226 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. 227 00:17:29,167 --> 00:17:33,816 And so that's all we're doing is we are sending this to my email. 228 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. 229 00:17:38,233 --> 00:17:41,475 I found the email address is my email right here. 230 00:17:41,475 --> 00:17:45,045 Sending the recap there with the week and conflict note included. 231 00:17:45,045 --> 00:17:45,886 And so it's done. 232 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. 233 00:17:54,888 --> 00:17:58,128 Here is the email that I got and I use Superhuman for email. 234 00:17:58,128 --> 00:18:03,127 And here it says weekly, it was sent from me and here's this weekly recap. 235 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. 236 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. 237 00:18:22,744 --> 00:18:26,833 Here it says created weekly calendar recap Fridays at 4:00 p.m. 238 00:18:26,833 --> 00:18:31,978 And so if I click on this right here, I can see this weekly calendar recap. 239 00:18:31,978 --> 00:18:34,622 We can see that the status is active. 240 00:18:34,622 --> 00:18:36,766 The next run is tomorrow at 4:00 p.m. 241 00:18:36,766 --> 00:18:39,146 Right now it's currently Thursday at 4:00 p.m. 242 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. 243 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. 244 00:18:49,490 --> 00:18:52,552 We can click on this and here we see the automations. 245 00:18:52,552 --> 00:18:53,216 Look at this. 246 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 247 00:19:08,840 --> 00:19:11,531 skill." If you want to, you actually don't need to do that. 248 00:19:11,531 --> 00:19:12,756 It's basically implied. 249 00:19:12,756 --> 00:19:15,912 And it's that easy to create an automation. 250 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. 251 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. 252 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. 253 00:19:35,562 --> 00:19:37,632 I've never used it. 254 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. 255 00:19:46,333 --> 00:19:50,461 List all." So now Figma, we will learn about the Figma plugin. 256 00:19:50,461 --> 00:19:53,384 And here it listed all of the things that it can do. 257 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. 258 00:20:01,822 --> 00:20:05,520 Figma plugins gives me three broad kinds of abilities. 259 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. 260 00:20:12,389 --> 00:20:14,296 And so, we can just test this out right now. 261 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. 262 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. 263 00:20:33,475 --> 00:20:40,625 Can you please put hello world on that design to see if that works? 264 00:20:40,625 --> 00:20:43,677 So, now we're going to test out this Figma integration. 265 00:20:43,677 --> 00:20:45,969 And so, look at this, it says, Figma's running locally. 266 00:20:45,969 --> 00:20:50,257 I'm switching to the text tool and placing a simple hello world on the canvas. 267 00:20:50,257 --> 00:20:53,472 And so, now it says, hello world is now on the Riley new design canvas. 268 00:20:53,472 --> 00:20:57,407 Let's go ahead and go over there, and look at this, we have hello world. 269 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. 270 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. 271 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. 272 00:21:15,198 --> 00:21:17,753 So, now I want you to go to Figma. 273 00:21:17,753 --> 00:21:21,380 Actually, I don't want you to ignore the hello world, that was just a test. 274 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. 275 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. 276 00:21:35,353 --> 00:21:36,983 So, do that on Figma. 277 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. 278 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. 279 00:21:49,167 --> 00:21:52,923 As you can see here, and now it says, looked at Codex. 280 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. 281 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. 282 00:22:06,224 --> 00:22:08,470 And so, it generated this without a background. 283 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. 284 00:22:15,508 --> 00:22:16,576 This is a pretty cool shoe. 285 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. 286 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. 287 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. 288 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. 289 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. 290 00:22:58,414 --> 00:23:03,129 And here we have MCPs, and here we have this paper MCP. 291 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. 292 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. 293 00:23:22,047 --> 00:23:25,195 Can you please create a skill that wraps this MCP? 294 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. 295 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. 296 00:23:45,821 --> 00:23:51,164 And remember, we've created those files for new shoe. see if they're in here. 297 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. 298 00:24:06,400 --> 00:24:10,030 Use the paper tool that we've created. 299 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. 300 00:24:17,175 --> 00:24:18,110 Check this out. 301 00:24:18,120 --> 00:24:19,669 So, we can open up paper. 302 00:24:19,669 --> 00:24:21,349 Oh, this is really cool as well. 303 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. 304 00:24:34,494 --> 00:24:39,169 So, now we can have whatever application we want to have open here on the side. 305 00:24:39,169 --> 00:24:41,511 And here it says, okay, the board is empty. 306 00:24:41,511 --> 00:24:44,684 So, I'm going to build a fresh desktop artboard. 307 00:24:44,684 --> 00:24:47,150 I'm checking both the hero files locally. 308 00:24:47,160 --> 00:24:48,692 Okay, design is set. 309 00:24:48,692 --> 00:24:50,070 I'm building this. 310 00:24:50,080 --> 00:24:51,076 Look at this. 311 00:24:51,076 --> 00:24:56,187 So, it'll just generate a landing page design, and we can just have this open. 312 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. 313 00:25:02,695 --> 00:25:08,985 Okay, you see here, it created this top board or top bar, technology performance launch. 314 00:25:08,985 --> 00:25:13,092 You can see Oh, move like the roads has been written. 315 00:25:13,092 --> 00:25:14,766 New shoe blends featherweight written. 316 00:25:14,766 --> 00:25:17,692 New shoe blends featherweight knit All right, so, these buttons are a little overlapping. 317 00:25:17,692 --> 00:25:19,270 Remember, the AI might fix this. 318 00:25:19,270 --> 00:25:22,625 It might just realize it messes up, and then it'll actually just fix this. 319 00:25:22,625 --> 00:25:26,070 Oh, this is a great opportunity to talk about a new feature. 320 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 321 00:25:40,120 --> 00:25:43,372 the AI to be done before entering the prompt. 322 00:25:43,372 --> 00:25:48,863 But, Codex has steering built in, like steer like like your steering wheel. 323 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. 324 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. 325 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. 326 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. 327 00:26:15,585 --> 00:26:20,253 And so, now, in the middle of your conversation, it says that I saw the overlap. 328 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. 329 00:26:28,810 --> 00:26:29,639 And look at this. 330 00:26:29,639 --> 00:26:32,536 So, it's already starting to fix it, and here we go. 331 00:26:32,536 --> 00:26:37,316 And I could say something like, create four more variations. 332 00:26:37,316 --> 00:26:42,202 I want you to make slight modifications on each. 333 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 334 00:26:55,800 --> 00:26:56,243 like this. 335 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. 336 00:27:07,394 --> 00:27:09,112 Paper's just way more fun. 337 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. 338 00:27:16,679 --> 00:27:18,787 You just get AI to create multiple variations. 339 00:27:18,787 --> 00:27:21,830 Look at this, number two, number three, and number four, right? 340 00:27:21,840 --> 00:27:23,803 Making them with different background colors. 341 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. 342 00:27:32,379 --> 00:27:34,920 And this is going to be a massive trend going forward. 343 00:27:34,920 --> 00:27:38,475 And so, plugins are kind of pre-made for you a lot of the time. 344 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. 345 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. 346 00:27:50,893 --> 00:27:52,934 So, you show up at the top of the list. 347 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. 348 00:28:04,880 --> 00:28:07,803 And so, there's going to be more and more of these integrations. 349 00:28:07,803 --> 00:28:10,601 But, it's important to realize how to create your own skill. 350 00:28:10,601 --> 00:28:13,219 So, let's go ahead and create our own skill. 351 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 352 00:28:28,120 --> 00:28:30,878 easily like pull a transcript from a video. 353 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. 354 00:28:40,810 --> 00:28:42,839 And so, I I looked it up. 355 00:28:42,839 --> 00:28:47,275 I said, hey, I want to be able to use an API. 356 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. 357 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. 358 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. 359 00:29:11,236 --> 00:29:17,495 And this would basically grant you access to add the OpenAI technology into your app. 360 00:29:17,495 --> 00:29:19,526 And so, this is what I'll do all the time. 361 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. 362 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. 363 00:29:30,872 --> 00:29:34,315 Can you suggest the top five for me? 364 00:29:34,315 --> 00:29:39,471 And look at this, it just created a list of different ones that we can use. 365 00:29:39,471 --> 00:29:46,304 Here the top five, super data, transcript API, youtube transcript.io, and scrape creators. 366 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. 367 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. 368 00:29:56,840 --> 00:29:58,930 I think I might even be on the free plan. 369 00:29:58,930 --> 00:30:02,612 And so, I get a certain amount of transcripts per month. 370 00:30:02,612 --> 00:30:05,070 I think you get 100 free per month. 371 00:30:05,070 --> 00:30:07,696 So, I'm not on my personal Super Data account. 372 00:30:07,696 --> 00:30:09,322 I don't think I'm using that many of them. 373 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 374 00:30:27,360 --> 00:30:27,769 pull them. 375 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. 376 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. 377 00:30:45,400 --> 00:30:47,032 Here is my API key. 378 00:30:47,032 --> 00:30:49,242 I'm going to include my API key. 379 00:30:49,242 --> 00:30:50,673 I'm going to paste it at the end. 380 00:30:50,673 --> 00:30:52,310 I don't want to show it on camera. 381 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. 382 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. 383 00:31:04,237 --> 00:31:06,009 And so, here is the key. 384 00:31:06,009 --> 00:31:08,156 I'm going to paste it, but I'm going to do it off camera. 385 00:31:08,156 --> 00:31:09,812 Okay, so I entered my prompt. 386 00:31:09,812 --> 00:31:10,910 It's now running. 387 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. 388 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. 389 00:31:25,897 --> 00:31:28,557 And so, it created the skill called YouTube Researcher. 390 00:31:28,557 --> 00:31:32,052 And so, in order to use a skill, you actually need to create a new session. 391 00:31:32,052 --> 00:31:34,750 So, this is the session that we created the skill in. 392 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. 393 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 394 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. 395 00:32:05,595 --> 00:32:08,798 That's what I want you to look in and then also do a hook analysis. 396 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. 397 00:32:15,584 --> 00:32:19,550 And in this report, I want the YouTube thumbnails in there as well. 398 00:32:19,560 --> 00:32:23,335 So, Super Data can also pull the YouTube thumbnail, which is really cool. 399 00:32:23,335 --> 00:32:27,239 Okay, so it is done and you can see here we see this report. 400 00:32:27,239 --> 00:32:31,310 If I click open, we now have this Riley Brown YouTube report. 401 00:32:31,320 --> 00:32:32,309 And look at this. 402 00:32:32,309 --> 00:32:37,624 So, this is using this skill right here, which is the {slash} docs word docs skill. 403 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. 404 00:32:46,081 --> 00:32:49,476 So, Claude is taking over, big market shift, high urgency. 405 00:32:49,476 --> 00:32:50,981 These intros did best. 406 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. 407 00:32:57,805 --> 00:32:58,745 That's pretty good. 408 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. 409 00:33:02,721 --> 00:33:04,460 That video did not do as well. 410 00:33:04,460 --> 00:33:06,788 The 35 fundamentals you need to vibe code your first app. 411 00:33:06,788 --> 00:33:08,858 So, it looks like vibe coding did not do as well. 412 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. 413 00:33:13,640 --> 00:33:14,536 Very interesting. 414 00:33:14,536 --> 00:33:17,279 And so, it even told me what to double down on. 415 00:33:17,279 --> 00:33:18,641 So, this is pretty cool. 416 00:33:18,641 --> 00:33:22,168 So, it took all of that YouTube data and turned it into a document. 417 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. 418 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 419 00:33:50,080 --> 00:33:51,575 for that month. 420 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. 421 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. 422 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. 423 00:34:15,897 --> 00:34:19,790 And then what we did is we got an API key. 424 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. 425 00:34:31,461 --> 00:34:34,939 So, this process created this skill and then we said to use it. 426 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? 427 00:34:42,337 --> 00:34:45,869 And so, we created a doc and then we kind of paired these together, right? 428 00:34:45,879 --> 00:34:48,637 We used these in tandem with one another. 429 00:34:48,637 --> 00:34:51,407 We used this and we created this automation, right? 430 00:34:51,407 --> 00:34:53,272 So, we created an automation. 431 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. 432 00:35:01,659 --> 00:35:03,239 And that's exactly what we did. 433 00:35:03,239 --> 00:35:06,030 And so, if we go back to Codex, let's see if it's done. 434 00:35:06,040 --> 00:35:06,852 Yes, it's done. 435 00:35:06,852 --> 00:35:10,045 And you see here it says created monthly YouTube report. 436 00:35:10,045 --> 00:35:13,661 So, I can click on this and here, okay, I didn't realize this. 437 00:35:13,661 --> 00:35:17,101 You can reference skills in the monthly report. 438 00:35:17,101 --> 00:35:18,799 So, that's useful to know. 439 00:35:18,799 --> 00:35:21,977 And you'll notice here in the automations tab, we now have a two. 440 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. 441 00:35:27,320 --> 00:35:30,229 Okay, so we've covered a lot here in part one. 442 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. 443 00:35:35,080 --> 00:35:37,270 We've talked about plugins, automations. 444 00:35:37,280 --> 00:35:41,263 We've created a couple and we're kind of moving slowly through this process. 445 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. 446 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. 447 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. 448 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. 449 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. 450 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 451 00:36:31,960 --> 00:36:33,633 that task and move to a new one. 452 00:36:33,633 --> 00:36:36,834 So, it's not even like multitasking, you're like serial tasking. 453 00:36:36,834 --> 00:36:40,029 Each prompt that you type in is the task. 454 00:36:40,029 --> 00:36:43,991 And so, we're going to create six different things in this role play. 455 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. 456 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? 457 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. 458 00:37:00,037 --> 00:37:02,050 We also need a high quality launch video. 459 00:37:02,050 --> 00:37:03,419 We're going to do a launch video. 460 00:37:03,419 --> 00:37:04,779 I want to raise a little bit of money. 461 00:37:04,779 --> 00:37:06,300 I want to raise a million bucks for this app. 462 00:37:06,300 --> 00:37:08,130 So, we're going to create an investor deck. 463 00:37:08,130 --> 00:37:13,294 We're also going to release this launch video before this app is out, right? 464 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. 465 00:37:24,239 --> 00:37:25,770 You want to be able to collect data. 466 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. 467 00:37:32,731 --> 00:37:35,017 So, we're going to kind of move through these together. 468 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. 469 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. 470 00:37:54,751 --> 00:37:57,239 So, this new project, we're going to go into Riley Brown. 471 00:37:57,239 --> 00:37:58,873 We're going to go into Codex projects. 472 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. 473 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. 474 00:38:08,387 --> 00:38:10,875 I'm going to say, "I have a plan. 475 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. 476 00:38:20,440 --> 00:38:21,286 Put this image. 477 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. 478 00:38:26,542 --> 00:38:28,108 I want to create a design for this. 479 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. 480 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. 481 00:38:35,377 --> 00:38:37,271 I'm going to make What else am I doing? 482 00:38:37,271 --> 00:38:38,209 Oh, an investor deck. 483 00:38:38,209 --> 00:38:39,967 I also want to make an investor deck. 484 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. 485 00:38:46,000 --> 00:38:47,225 So, there should be six. 486 00:38:47,225 --> 00:38:49,338 Each one of the ones that are listed here. 487 00:38:49,338 --> 00:38:51,809 And then please at the top put my app idea. 488 00:38:51,809 --> 00:38:54,808 So, my app idea is as follows and I put a little info here. 489 00:38:54,808 --> 00:38:56,434 The app is going to be called Chorus. 490 00:38:56,434 --> 00:38:59,870 It's going to be a place where people can learn about AI agents. 491 00:38:59,880 --> 00:39:01,890 People can learn about the best agent platforms. 492 00:39:01,890 --> 00:39:04,263 People can learn about how agents work. 493 00:39:04,263 --> 00:39:04,672 Oops. 494 00:39:04,672 --> 00:39:06,310 We can stop it here. 495 00:39:06,320 --> 00:39:09,597 People People can also learn about the best skills. 496 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. 497 00:39:15,991 --> 00:39:18,581 So, basically just put this in a very simple one-pager doc. 498 00:39:18,581 --> 00:39:19,694 Don't add anything. 499 00:39:19,694 --> 00:39:23,447 So, we're kind of just creating a plan here in this my new business. 500 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 501 00:39:38,480 --> 00:39:40,942 from Anthropic's new design tool. 502 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. 503 00:39:48,880 --> 00:39:52,453 And all I did, I had it create a mobile app design. 504 00:39:52,453 --> 00:39:55,061 As you can see here, there's this like design. 505 00:39:55,061 --> 00:39:58,177 And I want to be able to use a skill just like this. 506 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. 507 00:40:05,697 --> 00:40:07,885 Like I it just outputted everything. 508 00:40:07,885 --> 00:40:10,961 So, I just copied all of these documents here. 509 00:40:10,961 --> 00:40:15,838 And then I copied the files that this new Claude design skill gives you. 510 00:40:15,838 --> 00:40:17,410 And then I gave it to Codex. 511 00:40:17,410 --> 00:40:19,679 And I literally said the following here. 512 00:40:19,679 --> 00:40:21,086 I literally said this. 513 00:40:21,086 --> 00:40:23,323 I said, "I want you to create a mobile design skill. 514 00:40:23,323 --> 00:40:24,522 This is how Claude does it. 515 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. 516 00:40:30,413 --> 00:40:32,380 And it just created this mobile design skill. 517 00:40:32,380 --> 00:40:33,630 And it works really well. 518 00:40:33,630 --> 00:40:34,227 I'll show you. 519 00:40:34,227 --> 00:40:35,387 So, we can go back to this. 520 00:40:35,387 --> 00:40:37,070 I want you to use a mobile design skill. 521 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. 522 00:40:47,469 --> 00:40:51,742 We will add some flare in a little bit. 523 00:40:51,742 --> 00:40:57,049 I just want to get all the screens functionally correct. 524 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. 525 00:41:01,682 --> 00:41:04,425 I'm going to go back to this Chorus app plan. 526 00:41:04,425 --> 00:41:06,236 We can open this here in the side view. 527 00:41:06,236 --> 00:41:09,510 So, you can see here we have this right here. 528 00:41:09,520 --> 00:41:11,316 So, this app is going to be called Chorus. 529 00:41:11,316 --> 00:41:12,731 So, I can just copy this. 530 00:41:12,731 --> 00:41:15,199 And we can just paste this app idea. 531 00:41:15,199 --> 00:41:17,710 And now we're creating the mobile app design. 532 00:41:17,720 --> 00:41:21,550 And so, what we need to do is we're going to create the design first. 533 00:41:21,560 --> 00:41:23,372 Then we're going to create an iPhone app. 534 00:41:23,372 --> 00:41:28,277 We're going to create a web app, investor deck, launch video, and expose automation. 535 00:41:28,277 --> 00:41:29,894 So, we're working on this right now. 536 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. 537 00:41:35,290 --> 00:41:36,747 I'm going to put this on TestFlight. 538 00:41:36,747 --> 00:41:39,460 And I'll put I'll put it on a website somewhere below the video. 539 00:41:39,460 --> 00:41:41,705 So, you'll be able to get this mobile app design skill. 540 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. 541 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. 542 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. 543 00:41:58,174 --> 00:42:03,630 So, I'm going to say, "I want you to create a new project called Chorus. 544 00:42:03,640 --> 00:42:05,870 This is going to be a Swift mobile app. 545 00:42:05,880 --> 00:42:09,295 And what I want you to do right now is just make it say, 'Hello world. 546 00:42:09,295 --> 00:42:11,910 This is Chorus.' In simple text in the middle. 547 00:42:11,920 --> 00:42:14,421 Basically, what we're doing is we're just getting our project set up. 548 00:42:14,421 --> 00:42:15,832 We're not going to do anything else. 549 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. 550 00:42:25,580 --> 00:42:28,883 In order to use this, you're going to need two things. 551 00:42:28,883 --> 00:42:30,990 And you can search on Codex how to do this. 552 00:42:31,000 --> 00:42:32,540 You're going to need Xcode. 553 00:42:32,540 --> 00:42:33,810 And I will pull it up here. 554 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. 555 00:42:40,703 --> 00:42:43,518 And Codex can actually connect to Xcode. 556 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. 557 00:42:52,145 --> 00:42:54,885 So, that's Those are the two things that I have downloaded. 558 00:42:54,885 --> 00:42:57,458 And you're going to need the iOS simulator for this. 559 00:42:57,458 --> 00:43:00,029 And you can figure out how to download this. 560 00:43:00,029 --> 00:43:00,739 Just ask AI. 561 00:43:00,739 --> 00:43:02,379 You do need a Mac for this. 562 00:43:02,379 --> 00:43:07,872 And you will probably need like 20 GB of spare storage on your computer. 563 00:43:07,872 --> 00:43:10,352 So, the Chorus screens are still being built. 564 00:43:10,352 --> 00:43:13,014 But the create Chorus hello app is done. 565 00:43:13,014 --> 00:43:16,894 And so, it actually opened up Xcode on my computer. 566 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. 567 00:43:20,880 --> 00:43:23,577 We're going to use an iPhone 17. 568 00:43:23,577 --> 00:43:26,190 And we're going to hit this play button. 569 00:43:26,200 --> 00:43:27,771 This should open a simulator. 570 00:43:27,771 --> 00:43:28,356 Here it is. 571 00:43:28,356 --> 00:43:31,288 And here is the app that we're going to be working on. 572 00:43:31,288 --> 00:43:33,309 So, I'm going to move this right here. 573 00:43:33,309 --> 00:43:37,837 Here is going to be the mobile app that we are working on. 574 00:43:37,837 --> 00:43:39,675 And this is really cool. 575 00:43:39,675 --> 00:43:41,918 And as you can see here, "Hello. 576 00:43:41,918 --> 00:43:43,882 This is Chorus." This is the app. 577 00:43:43,882 --> 00:43:45,269 It is completely white. 578 00:43:45,269 --> 00:43:47,430 Just have this black text here in the middle. 579 00:43:47,440 --> 00:43:48,914 There's no app functionality. 580 00:43:48,914 --> 00:43:50,544 We just now have the project open. 581 00:43:50,544 --> 00:43:52,008 And now we can talk to Codex. 582 00:43:52,008 --> 00:43:54,498 And we can actually edit this app however we want. 583 00:43:54,498 --> 00:43:56,293 We can build any features we want. 584 00:43:56,293 --> 00:43:59,148 Literally any features simply by five coding. 585 00:43:59,148 --> 00:44:01,723 And you'll see we'll add some more features later. 586 00:44:01,723 --> 00:44:06,710 Now, here is an app where we see that the build Chorus screens is done. 587 00:44:06,720 --> 00:44:07,933 We can click on this. 588 00:44:07,933 --> 00:44:11,136 Okay, so I actually just went to have lunch for about 25 minutes. 589 00:44:11,136 --> 00:44:12,314 And we're back. 590 00:44:12,314 --> 00:44:13,639 And all my agents are done. 591 00:44:13,639 --> 00:44:15,939 So, obviously we have the Xcode project set up. 592 00:44:15,939 --> 00:44:18,294 And here we have the build Chorus screens. 593 00:44:18,294 --> 00:44:20,987 So, now that it's done and it gave us this prototype link. 594 00:44:20,987 --> 00:44:23,100 So, my skill gives you a prototype link. 595 00:44:23,100 --> 00:44:24,349 And take a look at that. 596 00:44:24,359 --> 00:44:25,654 So, we have this app screen. 597 00:44:25,654 --> 00:44:26,552 It's very basic. 598 00:44:26,552 --> 00:44:28,990 But we can switch screens here. 599 00:44:29,000 --> 00:44:30,015 We can switch tabs. 600 00:44:30,015 --> 00:44:31,904 So, we have this like learn tab. 601 00:44:31,904 --> 00:44:34,514 And maybe you can do like agents 101. 602 00:44:34,514 --> 00:44:37,452 I think this is actually a decent start. 603 00:44:37,452 --> 00:44:38,734 I like the hierarchy. 604 00:44:38,734 --> 00:44:41,166 So, like the learn the different platforms. 605 00:44:41,166 --> 00:44:45,980 This is like a good We can organize this or actually create real categories later. 606 00:44:45,980 --> 00:44:48,959 But this is ultimately what I want the app to look like. 607 00:44:48,959 --> 00:44:50,105 And saved is good. 608 00:44:50,105 --> 00:44:54,535 It separates the learning and the platforms and the skills here. 609 00:44:54,535 --> 00:44:56,955 As you can see here, we have multiple save. 610 00:44:56,955 --> 00:44:58,110 I like this design. 611 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. 612 00:45:03,850 --> 00:45:08,305 And what you can do is you can actually click on this toggle files. 613 00:45:08,305 --> 00:45:10,321 So, here we have the output. 614 00:45:10,321 --> 00:45:11,574 Oh, this is cool. 615 00:45:11,574 --> 00:45:15,525 Yeah, so now we can see we have this mobile design. 616 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. 617 00:45:25,520 --> 00:45:30,726 And just make this app have all of these screens. 618 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. 619 00:45:40,874 --> 00:45:46,069 So, implement it now." So, we've created these screens right here. 620 00:45:46,069 --> 00:45:48,173 And this just give us kind of a like a nice little outline. 621 00:45:48,173 --> 00:45:50,470 I like, "Okay, we can make some edits to this." 622 00:45:50,480 --> 00:45:52,256 But I think this is good enough to just implement. 623 00:45:52,256 --> 00:45:53,808 And so, we can go to our plan. 624 00:45:53,808 --> 00:45:58,807 And we can say, "Okay, mark the iPhone iPhone app as done. 625 00:45:58,807 --> 00:46:03,885 And then make the building the iPhone app as working in the works. 626 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. 627 00:46:09,640 --> 00:46:11,159 Okay, so that just sent through. 628 00:46:11,159 --> 00:46:12,853 Now, what we can do is we're going to create a new chat. 629 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. 630 00:46:24,421 --> 00:46:26,112 I just want to create the shell. 631 00:46:26,112 --> 00:46:29,832 And basically just have a page with a title that says Chorus app. 632 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." 633 00:46:37,720 --> 00:46:39,799 Except we're going to use an external tool for this. 634 00:46:39,799 --> 00:46:42,346 And so, what I'm going to do is I'm going to go to Arc. 635 00:46:42,346 --> 00:46:44,939 And what I'm going to do is I'm going to go to tally.so. 636 00:46:44,939 --> 00:46:48,734 So, Tally is a tool that I use to collect form submissions. 637 00:46:48,734 --> 00:46:51,441 So, here are all the form submissions that I've created in the past. 638 00:46:51,441 --> 00:46:53,585 Here's a brand new form that we're going to create. 639 00:46:53,585 --> 00:46:56,846 And so, I'm just going to say I'm going to say waitlist Chorus. 640 00:46:56,846 --> 00:46:58,939 And we're going to use a template. 641 00:46:58,939 --> 00:47:00,590 Let's just use a template. 642 00:47:00,600 --> 00:47:02,838 And we can just do this right here. 643 00:47:02,838 --> 00:47:05,505 And we can do last name, first name, email address. 644 00:47:05,505 --> 00:47:08,150 Yeah, let's use this template. 645 00:47:08,160 --> 00:47:09,263 And we'll keep this really basic. 646 00:47:09,263 --> 00:47:11,804 We'll just say sign up for Chorus. 647 00:47:11,804 --> 00:47:13,352 We can always edit this later. 648 00:47:13,352 --> 00:47:14,652 But I think this is good. 649 00:47:14,652 --> 00:47:17,114 How do we Yeah, I think this is good. 650 00:47:17,114 --> 00:47:19,353 Let's How do we make this not Okay, there we go. 651 00:47:19,353 --> 00:47:19,596 Done. 652 00:47:19,596 --> 00:47:21,530 Your registration is complete. 653 00:47:21,530 --> 00:47:23,975 We will reach out in a few days. 654 00:47:23,975 --> 00:47:25,510 Okay, that's good. 655 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. 656 00:47:28,757 --> 00:47:32,456 Now, we're going to go to I believe it is share. 657 00:47:32,456 --> 00:47:36,266 And we can do this standard embed right here. 658 00:47:36,266 --> 00:47:39,140 And so, we can click embed the code link. 659 00:47:39,140 --> 00:47:40,636 And so, we can copy this code. 660 00:47:40,636 --> 00:47:44,510 As you can see here, it's saved to my clipboard. 661 00:47:44,520 --> 00:47:46,132 Or we can say get the code. 662 00:47:46,132 --> 00:47:49,056 Yeah, I think we can just copy all of this. 663 00:47:49,056 --> 00:47:50,939 And we can go back to Codex. 664 00:47:50,939 --> 00:47:52,769 I am using we can go back to Codex. 665 00:47:52,769 --> 00:47:53,710 I am using tally.so. 666 00:47:53,720 --> 00:47:57,536 Can you please put this form in the site? 667 00:47:57,536 --> 00:48:00,491 We will design it after. 668 00:48:00,491 --> 00:48:01,230 Right? 669 00:48:01,240 --> 00:48:05,601 Because right now, we are using Tally to collect people's email addresses. 670 00:48:05,601 --> 00:48:05,950 Right? 671 00:48:05,960 --> 00:48:08,688 So, then we can reach out to them once we actually launch the app. 672 00:48:08,688 --> 00:48:11,757 So, like right after this video, in theory, I could put this up on the internet. 673 00:48:11,757 --> 00:48:13,430 And I'll show you exactly how to do that. 674 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. 675 00:48:19,130 --> 00:48:22,270 Then we're going to design out the rest of the website. 676 00:48:22,270 --> 00:48:25,447 And here, we actually have this app is done. 677 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. 678 00:48:30,112 --> 00:48:32,886 React is just like a good framework for design. 679 00:48:32,886 --> 00:48:35,339 I actually really don't even know what it is. 680 00:48:35,339 --> 00:48:38,808 I just know that every app I've created has been a React app. 681 00:48:38,808 --> 00:48:40,365 And here we can see that it's done. 682 00:48:40,365 --> 00:48:43,907 So, if we click on this, it should open up the app here on the side. 683 00:48:43,907 --> 00:48:45,296 Let's see if this works. 684 00:48:45,296 --> 00:48:45,966 Okay, wait. 685 00:48:45,966 --> 00:48:48,769 While this finishes up, what we can do is we can go to Xcode. 686 00:48:48,769 --> 00:48:50,345 This does appear that it is done. 687 00:48:50,345 --> 00:48:52,943 And we can run this again on the simulator. 688 00:48:52,943 --> 00:48:54,990 And here it succeeded. 689 00:48:55,000 --> 00:48:58,292 And here we have the app running on Swift. 690 00:48:58,292 --> 00:49:01,736 Learn, platform, skills, and saved. 691 00:49:01,736 --> 00:49:05,054 So, this is indeed a Swift application. 692 00:49:05,054 --> 00:49:06,682 And we have these pages. 693 00:49:06,682 --> 00:49:09,310 I wonder, do we want these fixed at the top? 694 00:49:09,310 --> 00:49:12,006 We will need to make some decisions here. 695 00:49:12,006 --> 00:49:12,592 Oh, okay. 696 00:49:12,592 --> 00:49:14,303 So, this is running locally. 697 00:49:14,303 --> 00:49:16,851 This just opened up in my computer right here. 698 00:49:16,851 --> 00:49:19,337 We can see that this is working really well. 699 00:49:19,337 --> 00:49:20,764 And so, I like this style. 700 00:49:20,764 --> 00:49:24,209 For whatever reason, Codex likes to use this style by default. 701 00:49:24,209 --> 00:49:27,550 I'm going to have it use a style that looks a lot more like this. 702 00:49:27,560 --> 00:49:29,021 We're going to keep it very basic. 703 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. 704 00:49:32,352 --> 00:49:32,710 Right? 705 00:49:32,720 --> 00:49:34,405 Cuz here we're working on the Chorus app. 706 00:49:34,405 --> 00:49:38,123 And again, And can rename these chats to keep them more organized. 707 00:49:38,123 --> 00:49:39,650 So, in fact, I'm going to show you. 708 00:49:39,650 --> 00:49:43,478 You can just right-click and I'm just going to say mobile mobile app. 709 00:49:43,478 --> 00:49:46,556 We can rename this to web app. 710 00:49:46,556 --> 00:49:50,300 We can create Chorus project plan. 711 00:49:50,300 --> 00:49:53,450 Um yeah, we can rename this to plan. 712 00:49:53,450 --> 00:49:58,852 And we can even pin the plan to the top right now, build Chorus screens. 713 00:49:58,852 --> 00:50:01,718 And so, we can rename this screen design. 714 00:50:01,718 --> 00:50:05,180 So, that way we can stay fully organized while we work. 715 00:50:05,180 --> 00:50:07,033 Hi, I want to make some changes. 716 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. 717 00:50:12,605 --> 00:50:14,925 And when I scroll, that should not scroll down. 718 00:50:14,925 --> 00:50:16,593 And so, that should be pinned to the top. 719 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. 720 00:50:21,480 --> 00:50:26,815 And then, as I scroll up, the the tags at the top, those should scroll. 721 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. 722 00:50:32,006 --> 00:50:34,310 And this should be consistent on every page. 723 00:50:34,320 --> 00:50:37,630 Right now, when I scroll down on platforms, it'll just look a lot better. 724 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. 725 00:50:44,334 --> 00:50:45,110 Keep it everything. 726 00:50:45,120 --> 00:50:46,570 Just move it down a little bit. 727 00:50:46,570 --> 00:50:51,043 And then, have as you scroll down, have the items fade out. 728 00:50:51,043 --> 00:50:56,260 So, the list, as I scroll down, should not appear to be beneath the bottom bar. 729 00:50:56,260 --> 00:50:59,602 It should fade out as it gets like halfway through the bar. 730 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. 731 00:51:05,442 --> 00:51:08,348 Similar to the how you're going to do the top, as well. 732 00:51:08,348 --> 00:51:10,254 And yeah, we're going to run it. 733 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. 734 00:51:18,368 --> 00:51:19,492 So, now we want to test it. 735 00:51:19,492 --> 00:51:20,438 Let's see how this looks. 736 00:51:20,438 --> 00:51:22,727 We have this nice blur here at the bottom. 737 00:51:22,727 --> 00:51:24,636 We have a blur here at the top. 738 00:51:24,636 --> 00:51:25,532 Look at this. 739 00:51:25,532 --> 00:51:26,910 This is pretty cool. 740 00:51:26,920 --> 00:51:28,046 We can switch platforms. 741 00:51:28,046 --> 00:51:31,605 And we're going to replace this with all the different platforms up here. 742 00:51:31,605 --> 00:51:33,688 This is going to be pretty cool. 743 00:51:33,688 --> 00:51:36,646 This is looking really good, actually. 744 00:51:36,646 --> 00:51:38,796 I'm actually enjoying good, actually. 745 00:51:38,796 --> 00:51:39,510 I'm actually enjoying this. 746 00:51:39,520 --> 00:51:40,528 Um research, build. 747 00:51:40,528 --> 00:51:44,838 Here are going to be the skills for different avatars. 748 00:51:44,838 --> 00:51:46,626 Ooh, this is nice, actually. 749 00:51:46,626 --> 00:51:49,390 And then, saved, we can save them. 750 00:51:49,400 --> 00:51:51,134 And that's pretty cool. 751 00:51:51,134 --> 00:51:53,352 These actually do get saved. 752 00:51:53,352 --> 00:51:55,390 This is very very cool. 753 00:51:55,400 --> 00:51:56,980 Okay, so we're working on this app. 754 00:51:56,980 --> 00:51:57,943 It looks pretty good. 755 00:51:57,943 --> 00:51:59,823 We need to figure out a database, right? 756 00:51:59,823 --> 00:52:02,723 We want to figure out how users are going to be able to sign in. 757 00:52:02,723 --> 00:52:04,619 Actually, we don't even need to worry about that. 758 00:52:04,619 --> 00:52:08,576 It's like, how do I update this with the right app icons, etc., etc.? 759 00:52:08,576 --> 00:52:10,586 And ideally, how do I do it from here? 760 00:52:10,586 --> 00:52:12,110 So, we can just ask Codex. 761 00:52:12,120 --> 00:52:13,728 So, I'm just going to ask it a long prompt here. 762 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. 763 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? 764 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. 765 00:52:38,257 --> 00:52:40,945 And um like what database should we use? 766 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 767 00:52:51,760 --> 00:52:52,330 something. 768 00:52:52,330 --> 00:52:54,645 And uh we're going to allow users to sign in. 769 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 770 00:53:06,720 --> 00:53:08,001 use for my company right now. 771 00:53:08,001 --> 00:53:10,776 And so, this is just another thing to learn when using agents, right? 772 00:53:10,776 --> 00:53:12,990 If you don't know what to do, you can just ask it, right? 773 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. 774 00:53:16,761 --> 00:53:17,334 Let's solve it. 775 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. 776 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. 777 00:53:36,718 --> 00:53:41,378 Now, I want 10 icons, no background, that fits this same style of this app. 778 00:53:41,378 --> 00:53:45,190 Ideally, something close to like the those icons at the top row. 779 00:53:45,200 --> 00:53:48,065 Generate 10 images, all without a background. 780 00:53:48,065 --> 00:53:51,272 I want 10 options for app icons to choose from. 781 00:53:51,272 --> 00:53:52,733 These are iOS app icons. 782 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. 783 00:53:58,815 --> 00:54:03,750 So, it will actually decide what prompts to use and it'll generate 10 images. 784 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. 785 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. 786 00:54:14,624 --> 00:54:17,750 This is how you can create motion graphics from prompts. 787 00:54:17,760 --> 00:54:18,687 We're going to use this. 788 00:54:18,687 --> 00:54:19,763 I've already installed it. 789 00:54:19,763 --> 00:54:21,802 Um you see here it says remove from Codex. 790 00:54:21,802 --> 00:54:24,310 If you haven't installed it, you'll see add to Codex. 791 00:54:24,320 --> 00:54:27,522 And then, you can basically give it full access to do its thing. 792 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 793 00:54:42,960 --> 00:54:46,710 productive and make more money with AI agents, I want to create a launch video. 794 00:54:46,720 --> 00:54:49,722 So, please just come up with a list of considerations for this. 795 00:54:49,722 --> 00:54:51,325 Like, what should we consider? 796 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}. 797 00:54:56,760 --> 00:55:00,664 Actually, when it's a plugin, you go at Remotion skill. 798 00:55:00,664 --> 00:55:02,191 Don't make the video yet. 799 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. 800 00:55:07,182 --> 00:55:08,388 So, now we can run that. 801 00:55:08,388 --> 00:55:09,859 Let's go back to the mobile app. 802 00:55:09,859 --> 00:55:10,989 Here is what it says. 803 00:55:10,989 --> 00:55:16,656 So, as of April 17th, the best fit for this would be Clerk Supabase Postgres. 804 00:55:16,656 --> 00:55:17,071 Why? 805 00:55:17,071 --> 00:55:23,441 Clerk already covers your off and Clerk Okay, Postgres is the right shape for this. 806 00:55:23,441 --> 00:55:25,550 Okay, so we should use Postgres. 807 00:55:25,550 --> 00:55:32,148 Okay, so give me the link to get started with Supabase. 808 00:55:32,148 --> 00:55:40,897 And is there a Supabase skill I could download that many people use? 809 00:55:40,897 --> 00:55:44,137 If so, download that skill. 810 00:55:44,137 --> 00:55:45,813 Let's use it. 811 00:55:45,813 --> 00:55:49,750 Let me know where I need to sign in. 812 00:55:49,750 --> 00:55:53,877 So, I noticed that in plugins, they didn't have a Supabase plugin. 813 00:55:53,877 --> 00:55:58,983 But Supabase are what most of the Vibe coding platforms use for a database. 814 00:55:58,983 --> 00:56:04,128 In fact, Lovable uses Supabase and Supabase is actually a more valuable company than Lovable. 815 00:56:04,128 --> 00:56:06,214 It's like any incredibly valuable company. 816 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. 817 00:56:11,338 --> 00:56:12,830 And so, we're going to use it. 818 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. 819 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. 820 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. 821 00:56:31,686 --> 00:56:33,153 And it gave us this plan. 822 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. 823 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. 824 00:56:43,645 --> 00:56:47,465 And remember, Remotion is what we're using to create a motion graphics video. 825 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. 826 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 827 00:57:09,720 --> 00:57:12,127 additional context so it knows what screens to use. 828 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. 829 00:57:19,652 --> 00:57:21,867 The purpose of the And keep it as a white background. 830 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. 831 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. 832 00:57:37,283 --> 00:57:41,397 Um and I can see the video along with the different tracks and sequences. 833 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. 834 00:57:46,957 --> 00:57:50,550 I actually have a good deal of experience using the Remotion skill. 835 00:57:50,560 --> 00:57:52,116 I used to use it in Claude code. 836 00:57:52,116 --> 00:57:53,473 I've used it in the Vibe code app. 837 00:57:53,473 --> 00:57:55,079 And it's a pretty easy skill to use. 838 00:57:55,079 --> 00:57:55,750 I'll show you. 839 00:57:55,760 --> 00:57:57,329 So, here it gave me this link. 840 00:57:57,329 --> 00:57:59,038 We're back to creating a mobile app. 841 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. 842 00:58:04,476 --> 00:58:06,110 So, we want able to multitask. 843 00:58:06,120 --> 00:58:07,272 So, again, we're back. 844 00:58:07,272 --> 00:58:09,600 We're looking at how to use Supabase. 845 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. 846 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. 847 00:58:18,554 --> 00:58:20,440 That is part of the fun of using AI. 848 00:58:20,440 --> 00:58:22,828 It will just tell you how to do things. 849 00:58:22,828 --> 00:58:24,018 You can just figure it out. 850 00:58:24,018 --> 00:58:25,950 So, I'm just going to create a new project. 851 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. 852 00:58:34,788 --> 00:58:39,064 I'm going to say, "Okay, I created a new project. 853 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. 854 00:58:45,422 --> 00:58:48,546 I need to give it a URL region. 855 00:58:48,546 --> 00:58:50,665 It's It's loading up. 856 00:58:50,665 --> 00:58:52,710 That's pretty cool. 857 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. 858 00:58:59,412 --> 00:59:02,070 We can choose Codex. 859 00:59:02,080 --> 00:59:09,310 And we can give it a feature groups only enable the subset of the features. 860 00:59:09,320 --> 00:59:11,334 All right, so we can just copy this prompt. 861 00:59:11,334 --> 00:59:15,440 So, this should allow you to connect. 862 00:59:15,440 --> 00:59:21,574 If you can connect, create the full DB and add everything. 863 00:59:21,574 --> 00:59:25,747 If not, let me know what else you need. 864 00:59:25,747 --> 00:59:28,606 Okay, so the Remotion launch video is done. 865 00:59:28,606 --> 00:59:32,470 And so, notice here it gives us this notice here it gives us this localhost:3031. 866 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. 867 00:59:37,492 --> 00:59:38,332 Take a look at this. 868 00:59:38,332 --> 00:59:39,910 You could just see a video. 869 00:59:39,910 --> 00:59:41,030 We have our app. 870 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. 871 00:59:48,114 --> 00:59:49,478 I didn't do anything crazy. 872 00:59:49,478 --> 00:59:55,139 You just enable the Remotion plugin, you type @remotion and boom, you're using it. 873 00:59:55,139 --> 00:59:56,204 Now, check this out. 874 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. 875 01:00:01,171 --> 01:00:03,019 And so, by the way, this is how this works. 876 01:00:03,019 --> 01:00:07,590 So, you have like each second each second has 30 frames. 877 01:00:07,600 --> 01:00:11,548 So, this is 30 frames per second and so, you can always reference the frames. 878 01:00:11,548 --> 01:00:14,671 So, that's how I kind of talk to AI as I'm going through this. 879 01:00:14,671 --> 01:00:18,237 So, this would be on 2 seconds 20 frame or 2.20. 880 01:00:18,237 --> 01:00:21,432 You can mention the exact time that you want to make a change. 881 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. 882 01:00:30,272 --> 01:00:30,860 And it does work. 883 01:00:30,860 --> 01:00:34,621 And so, I'm just going to say, "Make an outline for the phones like black. 884 01:00:34,621 --> 01:00:36,182 Make it look a a little bit like black. 885 01:00:36,182 --> 01:00:36,910 Make it look a a little bit better." 886 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. 887 01:00:44,129 --> 01:00:48,041 Now, before the first screen comes on the phone, I want text on the screen. 888 01:00:48,041 --> 01:00:52,590 The text on the screen should read It should read "Agents are taking over the world." 889 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. 890 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. 891 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. 892 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. 893 01:01:34,042 --> 01:01:36,190 And then, we'll build the next scene after that. 894 01:01:36,200 --> 01:01:40,110 So, that is what I want first here. 895 01:01:40,120 --> 01:01:40,339 Right? 896 01:01:40,339 --> 01:01:43,703 I'm going to add something that comes up before it says Welcome to Chorus. 897 01:01:43,703 --> 01:01:45,909 I actually don't want the Welcome to Chorus. 898 01:01:45,909 --> 01:01:47,406 And remember, we can use steer. 899 01:01:47,406 --> 01:01:51,091 So, like we should never see the Welcome to Chorus phone screen. 900 01:01:51,091 --> 01:01:52,135 I I don't want to see that. 901 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. 902 01:01:58,761 --> 01:02:03,270 So, remember, while it's loading, we can press it's loading, we can press enter. 903 01:02:03,280 --> 01:02:05,976 And you can see that this actually steered the conversation. 904 01:02:05,976 --> 01:02:07,506 Let's go back to our mobile app. 905 01:02:07,506 --> 01:02:10,270 Let's take a look and see what the database what we're doing. 906 01:02:10,280 --> 01:02:13,279 Okay, the the Superbase MCP is set up, placed locally. 907 01:02:13,279 --> 01:02:16,855 I added the Superbase server, enabled remote MCP client support. 908 01:02:16,855 --> 01:02:18,999 Okay, then blah blah blah blah blah. 909 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. 910 01:02:28,555 --> 01:02:32,550 So, um what we need to do is we actually need to create a new chat. 911 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. 912 01:02:39,224 --> 01:02:40,260 So, we're going to come down here. 913 01:02:40,260 --> 01:02:41,609 We're just going to quit Codex. 914 01:02:41,609 --> 01:02:42,669 We are going to quit. 915 01:02:42,669 --> 01:02:46,470 I believe Yeah, we're going to quit Codex and we're going to reopen it. 916 01:02:46,480 --> 01:02:49,389 And then, I'm going to just say, "Okay, I restarted it. 917 01:02:49,389 --> 01:02:52,869 Please do it." Okay, so it looks like the Xcode is done. 918 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. 919 01:02:59,271 --> 01:03:01,731 So, it says it should be stored in Superbase. 920 01:03:01,731 --> 01:03:05,944 So, if we open our simulator, we do see that the there is data in here. 921 01:03:05,944 --> 01:03:09,830 So, let's hope that this is actually stored in Superbase. 922 01:03:09,840 --> 01:03:10,857 So, we can go to Arc. 923 01:03:10,857 --> 01:03:13,359 Okay, so we definitely see some requests here. 924 01:03:13,359 --> 01:03:16,528 What we can do, let's go ahead and go to table editor. 925 01:03:16,528 --> 01:03:16,869 Nice. 926 01:03:16,869 --> 01:03:18,358 Look at all these tables. 927 01:03:18,358 --> 01:03:22,632 So, if we were to go to like skill categories, for example, very cool. 928 01:03:22,632 --> 01:03:25,051 So, we have different icons. 929 01:03:25,051 --> 01:03:27,734 So, we can set the icon here. 930 01:03:27,734 --> 01:03:28,990 This is cool. 931 01:03:29,000 --> 01:03:36,110 So, we have the different skill So, we have the different skill platforms, saved items, skills. 932 01:03:36,120 --> 01:03:39,099 So, we have category, research, GTM, build, ops. 933 01:03:39,099 --> 01:03:42,050 Okay, we have competitor scan, landing critic. 934 01:03:42,050 --> 01:03:44,338 Let's see if these are in here. 935 01:03:44,338 --> 01:03:46,425 Let's go to simulator. 936 01:03:46,425 --> 01:03:48,534 So, if we go to platform. 937 01:03:48,534 --> 01:03:50,357 So, we can edit those. 938 01:03:50,357 --> 01:03:50,961 Skills. 939 01:03:50,961 --> 01:03:55,134 Yeah, we have competitor scan, landing critic. 940 01:03:55,134 --> 01:03:56,830 We can copy this. 941 01:03:56,840 --> 01:03:58,907 Let's see if that actually copied. 942 01:03:58,907 --> 01:04:01,095 Yep, this copied to my clipboard. 943 01:04:01,095 --> 01:04:02,130 That's pretty cool. 944 01:04:02,130 --> 01:04:04,118 This is starting to look pretty good. 945 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. 946 01:04:13,669 --> 01:04:14,710 So, that's pretty cool. 947 01:04:14,720 --> 01:04:16,781 So, we have database set up. 948 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. 949 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. 950 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. 951 01:04:44,907 --> 01:04:46,128 And these should be more general. 952 01:04:46,128 --> 01:04:49,399 I should not be specifically talking about specific agent tools. 953 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. 954 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. 955 01:05:06,378 --> 01:05:08,852 So, let's go back to the Remotion launch video. 956 01:05:08,852 --> 01:05:10,767 Let's see how this did. 957 01:05:10,767 --> 01:05:18,105 If we refresh the page here and we hit play, Agents are taking over the world. 958 01:05:18,105 --> 01:05:20,990 Notice here that the mouse missed it. 959 01:05:21,000 --> 01:05:23,670 Right here, I believe. 960 01:05:23,680 --> 01:05:26,724 View, show guides. 961 01:05:26,724 --> 01:05:29,430 No, show rulers. 962 01:05:29,440 --> 01:05:32,327 Okay, so this is a little hack with the Remotion skill. 963 01:05:32,327 --> 01:05:37,737 So, notice here that this mouse goes We want this mouse to go here. 964 01:05:37,737 --> 01:05:46,510 So, this would be like 1,000 on the x-axis and 6 1,610. 965 01:05:46,520 --> 01:05:52,430 So, 1,000 x-axis 610 y-axis. 966 01:05:52,440 --> 01:05:56,550 And it's currently at uh like 1,040. 967 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. 968 01:06:02,805 --> 01:06:08,790 And so, 1,040 x-axis and it is on 540. 969 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. 970 01:06:17,210 --> 01:06:22,006 The arrow ended up like the mouse when clicking ended up at this location. 971 01:06:22,006 --> 01:06:23,674 So, I don't want it here. 972 01:06:23,674 --> 01:06:25,870 I wanted at the location above. 973 01:06:25,880 --> 01:06:26,974 And so, let's see. 974 01:06:26,974 --> 01:06:28,829 So, this is actually looking pretty good. 975 01:06:28,829 --> 01:06:31,428 So, Agents are taking over the world. 976 01:06:31,428 --> 01:06:32,990 You click learn. 977 01:06:33,000 --> 01:06:35,263 And now this screen pops up. 978 01:06:35,263 --> 01:06:38,550 So, let's go right at the 3-second mark. 979 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. 980 01:06:51,650 --> 01:06:53,859 It should not be a phone screen. 981 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. 982 01:07:01,642 --> 01:07:02,612 Do some research. 983 01:07:02,612 --> 01:07:05,554 Show 10 popular skills and each one should have some information. 984 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. 985 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. 986 01:07:15,925 --> 01:07:17,830 Okay, we're going to run that. 987 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. 988 01:07:21,301 --> 01:07:24,689 And notice here if we actually open this in a separate browser, right? 989 01:07:24,689 --> 01:07:26,701 If we were to open this up in Arc. 990 01:07:26,701 --> 01:07:28,323 Let's just paste this in Arc. 991 01:07:28,323 --> 01:07:30,482 You can see that the tally is indeed working. 992 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. 993 01:07:39,928 --> 01:07:44,678 Keep the design very simple and make the design have the same exact font. 994 01:07:44,678 --> 01:07:49,103 Uh have like no components, very little like subtext. 995 01:07:49,103 --> 01:07:51,157 I just want this to be very, very simple. 996 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. 997 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. 998 01:08:03,872 --> 01:08:05,180 And like keep it simple. 999 01:08:05,180 --> 01:08:06,613 It should look like the app. 1000 01:08:06,613 --> 01:08:08,363 Get rid of this background gradient. 1001 01:08:08,363 --> 01:08:10,603 Change the font to match the application. 1002 01:08:10,603 --> 01:08:10,912 Okay. 1003 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. 1004 01:08:15,397 --> 01:08:17,859 So, here I'm just going to refresh this. 1005 01:08:17,859 --> 01:08:19,112 The Remotion is done. 1006 01:08:19,112 --> 01:08:19,813 Let's go this. 1007 01:08:19,813 --> 01:08:20,709 The Remotion is done. 1008 01:08:20,709 --> 01:08:21,349 Let's go ahead. 1009 01:08:21,359 --> 01:08:22,799 So, we can click learn. 1010 01:08:22,799 --> 01:08:23,550 There we go. 1011 01:08:23,560 --> 01:08:27,590 That's not bad. 1012 01:08:27,600 --> 01:08:31,690 Okay, so this zoom When it zooms, I want it to zoom even more. 1013 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. 1014 01:08:35,242 --> 01:08:38,561 And then, notice here the transitions are like kind of like fade out. 1015 01:08:38,561 --> 01:08:40,383 It looks This is kind of like fade out. 1016 01:08:40,383 --> 01:08:41,430 It looks This is disgusting. 1017 01:08:41,440 --> 01:08:41,675 Okay. 1018 01:08:41,675 --> 01:08:45,550 So, what we're going to do here is I'm going to screenshot this. 1019 01:08:45,560 --> 01:08:47,670 I'm just going to paste this here. 1020 01:08:47,680 --> 01:08:48,438 I'm just going to paste this here. 1021 01:08:48,438 --> 01:08:48,550 Okay. 1022 01:08:48,560 --> 01:08:51,155 Um and then, the transition should be like harsher cuts. 1023 01:08:51,155 --> 01:08:53,337 I do not like this fade out transition. 1024 01:08:53,337 --> 01:08:57,115 Like, make it a faster transition and just make it more professional. 1025 01:08:57,115 --> 01:09:00,270 And then, also the the screenshot I gave you, this is hideous. 1026 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. 1027 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. 1028 01:09:10,466 --> 01:09:10,976 Amazing. 1029 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. 1030 01:09:19,608 --> 01:09:21,939 I'll draw something out for you real quick. 1031 01:09:21,939 --> 01:09:24,337 I'll kind of share what I I want you to create. 1032 01:09:24,337 --> 01:09:26,186 I want this to be amazing. 1033 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. 1034 01:09:33,896 --> 01:09:36,614 So, we'll give it kind of this sketch right here. 1035 01:09:36,614 --> 01:09:41,150 I want it to look something like this. 1036 01:09:41,160 --> 01:09:46,249 Okay, so it turns out I forgot Codex is just not the best at web design. 1037 01:09:46,249 --> 01:09:49,238 So, what we're going to do is we're actually just going to use Opus. 1038 01:09:49,238 --> 01:09:52,792 So, I'm just going to type in Claude here in the terminal. 1039 01:09:52,792 --> 01:09:55,268 This is a good a good use case in my opinion. 1040 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. 1041 01:10:02,197 --> 01:10:05,614 So, you can use Claude directly in here and you notice here. 1042 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. 1043 01:10:13,858 --> 01:10:16,281 And so, when we go into the terminal, right? 1044 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. 1045 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. 1046 01:10:23,680 --> 01:10:24,827 It'll take you 5 minutes. 1047 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. 1048 01:10:30,880 --> 01:10:40,190 And if you don't want to have to approve anything, you can go like this. 1049 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. 1050 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. 1051 01:10:55,558 --> 01:11:01,084 But anyway, we are working on the landing page here. 1052 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. 1053 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. 1054 01:11:13,372 --> 01:11:15,750 It's just in this folder. 1055 01:11:15,760 --> 01:11:19,248 It doesn't know if it's working on the Chorus plan or the Chorus video. 1056 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. 1057 01:11:24,064 --> 01:11:28,230 I want you to completely forget the styling of this page that you have here. 1058 01:11:28,240 --> 01:11:33,146 I want you to make this a landing page for the following application. 1059 01:11:33,146 --> 01:11:34,373 It is the Chorus app. 1060 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. 1061 01:11:42,891 --> 01:11:43,857 It's very simple. 1062 01:11:43,857 --> 01:11:44,387 It's white. 1063 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. 1064 01:11:49,748 --> 01:11:50,930 That's all I want. 1065 01:11:50,930 --> 01:11:51,696 Minimal text. 1066 01:11:51,696 --> 01:11:53,056 Really make it convert. 1067 01:11:53,056 --> 01:11:53,825 Make it great. 1068 01:11:53,825 --> 01:11:54,975 Hey, we'll run that. 1069 01:11:54,975 --> 01:11:58,554 And we can actually see Claude code working on this in real time. 1070 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. 1071 01:12:04,433 --> 01:12:06,071 Okay, so the mobile app is done. 1072 01:12:06,071 --> 01:12:08,390 Let's go ahead and open up Xcode. 1073 01:12:08,400 --> 01:12:12,525 And what we need to do is it analyzed my YouTube, right? 1074 01:12:12,525 --> 01:12:13,923 Remember what we asked it to do. 1075 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. 1076 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. 1077 01:12:26,653 --> 01:12:28,452 So, I've made videos on this before. 1078 01:12:28,452 --> 01:12:31,029 So, it did research and it created these lessons. 1079 01:12:31,029 --> 01:12:33,482 So, what is an agent? 1080 01:12:33,482 --> 01:12:34,950 Okay. 1081 01:12:34,960 --> 01:12:38,706 Okay, these are way too short. 1082 01:12:38,706 --> 01:12:41,156 Make them longer, please. 1083 01:12:41,156 --> 01:12:46,981 Okay, so Claude code just went to town on the web app. 1084 01:12:46,981 --> 01:12:47,612 Oh, wow. 1085 01:12:47,612 --> 01:12:49,121 This looks a lot better. 1086 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. 1087 01:12:55,228 --> 01:12:58,862 And you'll notice here you can press get early access. 1088 01:12:58,862 --> 01:13:02,558 Oh, and it goes down here and this is where you put your information. 1089 01:13:02,558 --> 01:13:07,744 For whatever reason this in-app browser is not showing the Tally form. 1090 01:13:07,744 --> 01:13:10,011 Let's see if it shows up here. 1091 01:13:10,011 --> 01:13:11,387 Wait, so we can refresh shows up here. 1092 01:13:11,387 --> 01:13:12,270 Wait, so we can refresh this. 1093 01:13:12,280 --> 01:13:13,617 Get early access. 1094 01:13:13,617 --> 01:13:14,010 Boom. 1095 01:13:14,010 --> 01:13:15,626 We can put this here. 1096 01:13:15,626 --> 01:13:21,384 For whatever reason, these icons are a little bit different, but learn agents in one place. 1097 01:13:21,384 --> 01:13:26,963 A simple iPhone app for learning agent fundamentals, comparing the right platforms, and sharing reusable skills. 1098 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. 1099 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. 1100 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. 1101 01:13:51,634 --> 01:13:53,305 Okay, so that's pretty good. 1102 01:13:53,305 --> 01:13:55,134 Let's go ahead and check on the mobile app. 1103 01:13:55,134 --> 01:13:57,042 So, if we go to Xcode, we hit play. 1104 01:13:57,042 --> 01:13:59,016 Let's see what this looks like. 1105 01:13:59,016 --> 01:14:00,669 Where is my simulator? 1106 01:14:00,669 --> 01:14:01,484 There it is. 1107 01:14:01,484 --> 01:14:03,934 Okay, so this is looking pretty good. 1108 01:14:03,934 --> 01:14:05,069 What is an agent? 1109 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. 1110 01:14:09,601 --> 01:14:11,163 We do have the database set up. 1111 01:14:11,163 --> 01:14:14,581 Now, what I want to do is I want to have platforms. 1112 01:14:14,581 --> 01:14:24,358 So, for the platforms I want to have it be just a list of platforms. 1113 01:14:24,358 --> 01:14:27,440 No tags or categories going horizontally across. 1114 01:14:27,440 --> 01:14:29,270 I just want a list of platforms. 1115 01:14:29,280 --> 01:14:31,433 This will be my curated list of 10 to 20. 1116 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. 1117 01:14:46,880 --> 01:14:50,392 For the icons, see if you can grab the icon for each of these. 1118 01:14:50,392 --> 01:14:52,371 Like figure out how to do that. 1119 01:14:52,371 --> 01:14:54,276 If you can't do it, that's okay. 1120 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. 1121 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. 1122 01:15:05,256 --> 01:15:07,185 Okay, we fired off that prompt. 1123 01:15:07,185 --> 01:15:09,283 Let's go check on our remotion. 1124 01:15:09,283 --> 01:15:11,613 So, remember, we can full screen this. 1125 01:15:11,613 --> 01:15:12,981 This is looking pretty screen this. 1126 01:15:12,981 --> 01:15:13,870 This is looking pretty cool. 1127 01:15:13,880 --> 01:15:14,816 cool. 1128 01:15:14,816 --> 01:15:23,590 Um let's go ahead and try to play this. 1129 01:15:23,600 --> 01:15:25,810 Okay, this is looking good. 1130 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. 1131 01:15:31,712 --> 01:15:32,784 So, it goes here. 1132 01:15:32,784 --> 01:15:34,790 We click learn. 1133 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. 1134 01:15:39,840 --> 01:15:42,586 The skills are rotating still slightly too fast. 1135 01:15:42,586 --> 01:15:46,230 I just want them to be a little bit slower so I can read them. 1136 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. 1137 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. 1138 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. 1139 01:16:18,075 --> 01:16:19,590 So, I'm going to paste this in. 1140 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 1141 01:16:37,000 --> 01:16:40,512 text input area and it should show up above where you're typing. 1142 01:16:40,512 --> 01:16:43,390 So, this should look like a computer basically. 1143 01:16:43,400 --> 01:16:44,870 Okay, so this is going to be a hard one. 1144 01:16:44,880 --> 01:16:47,985 We're going to have to edit this a little bit more, but that's okay. 1145 01:16:47,985 --> 01:16:50,758 Okay, so we are kind of working through all of these. 1146 01:16:50,758 --> 01:16:52,534 We're making our way through our iPhone app. 1147 01:16:52,534 --> 01:16:53,790 This will take a little bit. 1148 01:16:53,800 --> 01:16:56,502 One thing I want to cover is forking a chat. 1149 01:16:56,502 --> 01:16:59,344 So, we can actually come to mobile app here. 1150 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. 1151 01:17:03,081 --> 01:17:03,635 So, one sec. 1152 01:17:03,635 --> 01:17:05,407 I'm going to wait for this to finish. 1153 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. 1154 01:17:13,588 --> 01:17:18,310 So, please mark investor deck as working. 1155 01:17:18,320 --> 01:17:20,330 And so, I'm going to wait for the mobile app to finish. 1156 01:17:20,330 --> 01:17:22,368 Okay, so the mobile app is done. 1157 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. 1158 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. 1159 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. 1160 01:17:34,764 --> 01:17:38,509 If you're not technical, don't worry about fork into new work tree. 1161 01:17:38,509 --> 01:17:41,386 That doesn't matter for the sake of this video. 1162 01:17:41,386 --> 01:17:45,510 Just do fork into local and this is going to create a new chat. 1163 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. 1164 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 1165 01:18:07,520 --> 01:18:11,082 Codex, Cursor, OpenClaude, etc. that are in the app right now. 1166 01:18:11,082 --> 01:18:15,163 So, include those like all the styling stuff in this new investor deck. 1167 01:18:15,163 --> 01:18:17,392 And I believe we have a skill that's built in. 1168 01:18:17,392 --> 01:18:19,274 I think it's just called PowerPoint. 1169 01:18:19,274 --> 01:18:20,870 And so, we can reference that. 1170 01:18:20,870 --> 01:18:23,000 I want you to search the internet for a bit. 1171 01:18:23,000 --> 01:18:28,430 Find out what investors are currently looking for in April of 2026. 1172 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? 1173 01:18:32,563 --> 01:18:35,180 And please create it like that in that style. 1174 01:18:35,180 --> 01:18:38,114 So, find some examples online and copy the style. 1175 01:18:38,114 --> 01:18:40,350 Do not rely on your own styling ability. 1176 01:18:40,360 --> 01:18:42,950 Okay, so we're going to send this off. 1177 01:18:42,960 --> 01:18:45,396 Now, we are working on this investor deck. 1178 01:18:45,396 --> 01:18:49,102 So, remember, so we created the iOS app design. 1179 01:18:49,102 --> 01:18:51,196 We're still working on the iPhone app. 1180 01:18:51,196 --> 01:18:55,190 We're working on the web app landing page, which is almost done. 1181 01:18:55,200 --> 01:18:58,610 We are working on the investor deck and launch video. 1182 01:18:58,610 --> 01:19:03,127 Okay, so the investor deck is done and I love the way it looks in Codex. 1183 01:19:03,127 --> 01:19:03,747 Like look at this. 1184 01:19:03,747 --> 01:19:06,219 You can create an investor deck just like this. 1185 01:19:06,219 --> 01:19:09,526 I will say it's not the best at designing PowerPoints yet. 1186 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. 1187 01:19:18,898 --> 01:19:22,102 And we're going to say, "Hey there, Claude. 1188 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. 1189 01:19:26,943 --> 01:19:27,975 I want you to refine it. 1190 01:19:27,975 --> 01:19:30,712 I want there to be less text, some more graphics. 1191 01:19:30,712 --> 01:19:34,376 Check and see how what are best practices for you to do it. 1192 01:19:34,376 --> 01:19:36,890 I want you to just really make this like a refined deck. 1193 01:19:36,890 --> 01:19:39,350 There just seems to be too much text on this deck. 1194 01:19:39,360 --> 01:19:40,988 It's not super readable. 1195 01:19:40,988 --> 01:19:44,208 It's just not my favorite deck right now. 1196 01:19:44,208 --> 01:19:46,556 So, please make it so much better. 1197 01:19:46,556 --> 01:19:48,962 Don't add any slides or change the material. 1198 01:19:48,962 --> 01:19:50,048 Just make it better. 1199 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. 1200 01:19:59,280 --> 01:20:00,830 Make it better. 1201 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. 1202 01:20:07,360 --> 01:20:10,908 All this chat knows is we're in this my new business folder. 1203 01:20:10,908 --> 01:20:12,190 It's always good. 1204 01:20:12,200 --> 01:20:15,737 Actually, don't even know where this is located. 1205 01:20:15,737 --> 01:20:19,294 I guess we could just click on this. 1206 01:20:19,294 --> 01:20:21,090 Oh, you can open it in click on this. 1207 01:20:21,090 --> 01:20:22,270 Oh, you can open it in Canva. 1208 01:20:22,280 --> 01:20:23,833 Canva. 1209 01:20:23,833 --> 01:20:26,910 Um I'm just going to give it this file path right here. 1210 01:20:26,920 --> 01:20:30,710 Um what happens if we click Canva? 1211 01:20:30,720 --> 01:20:32,510 Here it is on Canva. 1212 01:20:32,520 --> 01:20:32,963 Wow. 1213 01:20:32,963 --> 01:20:33,407 Wow. 1214 01:20:33,407 --> 01:20:36,399 This is actually very cool. 1215 01:20:36,399 --> 01:20:38,913 I did not realize you can do that that easily. 1216 01:20:38,913 --> 01:20:40,860 Just open it up straight in Canva. 1217 01:20:40,860 --> 01:20:42,190 That's pretty cool. 1218 01:20:42,190 --> 01:20:47,248 Okay, so Claude Code, we just had Claude Code go to town on this slide deck. 1219 01:20:47,248 --> 01:20:48,766 It does look a little bit better. 1220 01:20:48,766 --> 01:20:50,079 It doesn't look a ton better. 1221 01:20:50,079 --> 01:20:55,443 I don't think it's that much better design than Code X models. 1222 01:20:55,443 --> 01:20:57,438 It's just a little bit more refined. 1223 01:20:57,438 --> 01:20:59,735 We have some more visuals. 1224 01:20:59,735 --> 01:21:00,595 Um Here. 1225 01:21:00,595 --> 01:21:03,146 Yeah, like this is a really good slide. 1226 01:21:03,146 --> 01:21:04,896 Like value compounds over time. 1227 01:21:04,896 --> 01:21:10,670 We have a learning graph, a saved workspace, execution graph, a saved workspace, execution memory. 1228 01:21:10,680 --> 01:21:12,915 Um This is pretty cool. 1229 01:21:12,915 --> 01:21:15,007 So, we have this slide deck. 1230 01:21:15,007 --> 01:21:16,975 I didn't really give it enough information. 1231 01:21:16,975 --> 01:21:18,253 So, I'm going to do that now. 1232 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. 1233 01:21:30,043 --> 01:21:33,497 We're going to build a lightweight agent through iMessage. 1234 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. 1235 01:21:39,141 --> 01:21:42,495 Uh less of a commitment than say Code X or Claude Code. 1236 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. 1237 01:21:47,564 --> 01:21:48,835 Like I need to mention that. 1238 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. 1239 01:21:58,431 --> 01:22:00,726 Like focus more on the story, less on the tech. 1240 01:22:00,726 --> 01:22:02,167 So, we fired off that prompt. 1241 01:22:02,167 --> 01:22:04,536 Let's check on our mobile app here. 1242 01:22:04,536 --> 01:22:05,263 Oh, yeah. 1243 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. 1244 01:22:09,371 --> 01:22:12,735 If you remember, we generated a ton of these app icons earlier. 1245 01:22:12,735 --> 01:22:16,392 I forgot about it and so I uploaded it here to the mobile app. 1246 01:22:16,392 --> 01:22:18,002 So, it added an app icon. 1247 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. 1248 01:22:22,410 --> 01:22:25,030 I'm going to show you real quick how to run. 1249 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. 1250 01:22:34,013 --> 01:22:38,015 So, on X Code, you see here we have the device. 1251 01:22:38,015 --> 01:22:39,864 We we chose iPhone 17. 1252 01:22:39,864 --> 01:22:41,628 This These are simulators. 1253 01:22:41,628 --> 01:22:45,812 You can see that this says iOS simulators, but I can also select my phone. 1254 01:22:45,812 --> 01:22:47,616 And so, I'm going to select my phone. 1255 01:22:47,616 --> 01:22:48,846 I'm going to hit play. 1256 01:22:48,846 --> 01:22:51,065 I have my phone open right here. 1257 01:22:51,065 --> 01:22:54,552 It should open the latest version of the app. 1258 01:22:54,552 --> 01:22:55,030 It is. 1259 01:22:55,040 --> 01:22:57,669 And so now I'm just screen sharing my phone to the computer. 1260 01:22:57,669 --> 01:22:59,493 This is on my actual phone right now. 1261 01:22:59,493 --> 01:23:02,125 And we're going to take a look at the app. 1262 01:23:02,125 --> 01:23:04,555 This page looks pretty good. 1263 01:23:04,555 --> 01:23:06,051 We have basics. 1264 01:23:06,051 --> 01:23:07,901 Oh, there's haptics in the app now. 1265 01:23:07,901 --> 01:23:09,891 I can actually feel the app. 1266 01:23:09,891 --> 01:23:11,150 There's haptics. 1267 01:23:11,160 --> 01:23:12,763 Here we can select platforms. 1268 01:23:12,763 --> 01:23:14,936 Here we see Claude Code, Code X. 1269 01:23:14,936 --> 01:23:18,790 And here we have the about platforms page. 1270 01:23:18,800 --> 01:23:25,110 We have this kind of nice overview where we can learn about the platform. 1271 01:23:25,120 --> 01:23:27,110 Anthropic's Claude. 1272 01:23:27,120 --> 01:23:28,575 This is very cool. 1273 01:23:28,575 --> 01:23:29,141 Skills. 1274 01:23:29,141 --> 01:23:32,155 So, we have this YouTube researcher skill. 1275 01:23:32,155 --> 01:23:34,644 I believe I can copy this to my clipboard. 1276 01:23:34,644 --> 01:23:36,639 It has a pretty cool animation. 1277 01:23:36,639 --> 01:23:37,620 We can save this. 1278 01:23:37,620 --> 01:23:41,030 This is actually coming out to be pretty cool. 1279 01:23:41,040 --> 01:23:44,470 Um yeah, this is looking really good. 1280 01:23:44,480 --> 01:23:45,551 This is my favorite page. 1281 01:23:45,551 --> 01:23:48,150 I love the the actual icons. 1282 01:23:48,160 --> 01:23:50,070 Um I'm actually going to make this app. 1283 01:23:50,080 --> 01:23:51,150 I'm going to put this on the App Store. 1284 01:23:51,160 --> 01:23:52,104 I'm going to make it really good. 1285 01:23:52,104 --> 01:23:53,397 But this is looking very good. 1286 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. 1287 01:24:00,175 --> 01:24:00,961 Oh, okay. 1288 01:24:00,961 --> 01:24:03,830 So, this is not real data. 1289 01:24:03,840 --> 01:24:04,332 real data. 1290 01:24:04,332 --> 01:24:08,480 Um and I want the user to actually be able to sign in with Google. 1291 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? 1292 01:24:14,139 --> 01:24:14,817 Ignore Clerk. 1293 01:24:14,817 --> 01:24:16,152 We don't need to use Clerk. 1294 01:24:16,152 --> 01:24:17,255 What is the easiest way? 1295 01:24:17,255 --> 01:24:19,640 Are you able to add authentication right now? 1296 01:24:19,640 --> 01:24:21,988 Um using the MCP with Google sign-in. 1297 01:24:21,988 --> 01:24:26,079 And then this will log all the users that sign in into the actual app. 1298 01:24:26,079 --> 01:24:29,894 And I want their actual data to show up in the profile. 1299 01:24:29,894 --> 01:24:32,206 And I basically want this app fully ready to go. 1300 01:24:32,206 --> 01:24:34,134 Obviously, there's no payments in the app. 1301 01:24:34,134 --> 01:24:37,412 I want you to add authentication so users can sign in. 1302 01:24:37,412 --> 01:24:38,484 So, we can run that. 1303 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. 1304 01:24:42,642 --> 01:24:45,835 I'm going to go ahead and close out of my iPhone real quick. 1305 01:24:45,835 --> 01:24:50,364 If we hit play here, Okay, that's pretty cool. 1306 01:24:50,364 --> 01:24:53,580 It misses a little bit on the learn. 1307 01:24:53,580 --> 01:24:54,830 That's okay. 1308 01:24:54,840 --> 01:24:56,390 What is this? 1309 01:24:56,400 --> 01:24:59,687 Gradient. 1310 01:24:59,687 --> 01:25:04,070 That's okay. 1311 01:25:04,080 --> 01:25:04,533 Ooh. 1312 01:25:04,533 --> 01:25:04,986 Ooh. 1313 01:25:04,986 --> 01:25:08,877 Okay, I forgot I made a massive edit last time. 1314 01:25:08,877 --> 01:25:10,185 Ooh, that looks pretty good. 1315 01:25:10,185 --> 01:25:12,068 So, you can please use this skill. 1316 01:25:12,068 --> 01:25:16,070 You can paste it into Code X. 1317 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. 1318 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. 1319 01:25:32,516 --> 01:25:35,828 Show a different skill and show copying a different skill. 1320 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. 1321 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. 1322 01:25:51,280 --> 01:25:52,049 this. 1323 01:25:52,049 --> 01:25:55,637 And um I'm just going to copy this just like this. 1324 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. 1325 01:26:01,261 --> 01:26:05,313 Claude {dash} {dash} dangerously get permissions. 1326 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. 1327 01:26:09,664 --> 01:26:12,486 We are working on the remotion video. 1328 01:26:12,486 --> 01:26:14,150 Use the remotion skill. 1329 01:26:14,160 --> 01:26:15,065 Really think deep. 1330 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. 1331 01:26:21,879 --> 01:26:26,277 And so now we're focusing on Claude Code instead of the subtitle above. 1332 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. 1333 01:26:32,612 --> 01:26:34,409 And it should show the same thing. 1334 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. 1335 01:26:39,989 --> 01:26:42,590 So, like we've already done this once with Code X. 1336 01:26:42,600 --> 01:26:43,224 We're doing it again. 1337 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. 1338 01:26:47,803 --> 01:26:48,790 So, please think deep. 1339 01:26:48,800 --> 01:26:49,738 Make this look good. 1340 01:26:49,738 --> 01:26:50,832 Hey, this is really fun. 1341 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. 1342 01:26:57,343 --> 01:26:58,908 It ends up looking a lot better. 1343 01:26:58,908 --> 01:27:01,279 And obviously, these can take a lot longer, right? 1344 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. 1345 01:27:07,202 --> 01:27:10,940 If you spend a few hours on this, you could actually make this pretty good. 1346 01:27:10,940 --> 01:27:12,509 This is not terrible. 1347 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. 1348 01:27:20,477 --> 01:27:22,448 I was like, "Curation is the wedge. 1349 01:27:22,448 --> 01:27:24,078 Agents are the business. 1350 01:27:24,078 --> 01:27:26,323 Most startups pray for distribution. 1351 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. 1352 01:27:35,306 --> 01:27:37,188 Curate, test, monetize. 1353 01:27:37,188 --> 01:27:39,216 I don't like this like top bar. 1354 01:27:39,216 --> 01:27:40,980 In fact, I'm just going to do that. 1355 01:27:40,980 --> 01:27:42,805 Oh, yeah, one really useful thing. 1356 01:27:42,805 --> 01:27:44,967 I use a tool called CleanShot Pro. 1357 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. 1358 01:27:51,604 --> 01:27:54,698 I can very easily just select which part that I want. 1359 01:27:54,698 --> 01:27:56,870 Like I actually don't want any of this up here. 1360 01:27:56,880 --> 01:27:58,270 So, I'm going to give this to Claude. 1361 01:27:58,280 --> 01:28:01,554 I'm going to say, "Please don't have the top bar. 1362 01:28:01,554 --> 01:28:03,070 We don't need it. 1363 01:28:03,070 --> 01:28:06,870 The big black thing that says 1.5 million followers. 1364 01:28:06,880 --> 01:28:07,490 Simplify that. 1365 01:28:07,490 --> 01:28:08,761 I don't like that component. 1366 01:28:08,761 --> 01:28:12,950 Just change that." Let's just go through and make some changes here. 1367 01:28:12,960 --> 01:28:16,060 Yeah, the top bar on all the pages, by the way, not just that one. 1368 01:28:16,060 --> 01:28:17,503 I don't want the top bar. 1369 01:28:17,503 --> 01:28:18,809 This one looks good. 1370 01:28:18,809 --> 01:28:19,892 This one looks good. 1371 01:28:19,892 --> 01:28:23,319 Yeah, this is looking pretty pretty solid here. 1372 01:28:23,319 --> 01:28:24,855 Oh, I like this one. 1373 01:28:24,855 --> 01:28:28,494 Every consumer is about to decide which agents to trust. 1374 01:28:28,494 --> 01:28:29,952 Nobody is guiding them. 1375 01:28:29,952 --> 01:28:31,429 Yeah, I'm I like this. 1376 01:28:31,429 --> 01:28:33,618 I'm going to just going to copy this right here. 1377 01:28:33,618 --> 01:28:35,638 We're going to go back to Claude Code. 1378 01:28:35,638 --> 01:28:40,318 On this first slide, make the text the main text at the top, every consumer. 1379 01:28:40,318 --> 01:28:44,476 And then just change what's going on in the on the bottom part. 1380 01:28:44,476 --> 01:28:47,310 Like it says fragmented, technical, and unbranded. 1381 01:28:47,320 --> 01:28:48,310 Please come up with something else. 1382 01:28:48,320 --> 01:28:53,641 Maybe show the phone on the the right with the the the app design. 1383 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. 1384 01:28:58,119 --> 01:28:59,334 That's pretty good. 1385 01:28:59,334 --> 01:29:00,988 Where are we on the mobile app? 1386 01:29:00,988 --> 01:29:01,445 Oh, yeah. 1387 01:29:01,445 --> 01:29:02,099 Let me see here. 1388 01:29:02,099 --> 01:29:04,144 Oh, yeah, we just tried to add authentication. 1389 01:29:04,144 --> 01:29:05,915 Let's go ahead and go to X Code. 1390 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. 1391 01:29:09,194 --> 01:29:12,670 So, I'm going to go ahead and open up Riley's iPhone here. 1392 01:29:12,680 --> 01:29:13,916 This is going to open up. 1393 01:29:13,916 --> 01:29:15,165 Let's take a This is going to open up. 1394 01:29:15,165 --> 01:29:15,630 Let's take a look. 1395 01:29:15,640 --> 01:29:20,929 We tried to add authentication, add your Superbase publishable keys. 1396 01:29:20,929 --> 01:29:24,967 Okay, so we're not quite ready for adding authentication. 1397 01:29:24,967 --> 01:29:28,432 The easiest path is Superbase native Google OAuth flow. 1398 01:29:28,432 --> 01:29:30,959 It's asking it, what do I need to do to make this work? 1399 01:29:30,959 --> 01:29:33,156 I'm not signed in yet or I can't sign in. 1400 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. 1401 01:29:36,823 --> 01:29:39,157 Actually, we're not going to do Google. 1402 01:29:39,157 --> 01:29:43,363 I want to just set up What were some of the providers? 1403 01:29:43,363 --> 01:29:44,997 Was Apple one of them? 1404 01:29:44,997 --> 01:29:46,342 Let's do Apple. 1405 01:29:46,342 --> 01:29:48,693 Actually, let's just do email. 1406 01:29:48,693 --> 01:29:50,968 We don't need to do Google. 1407 01:29:50,968 --> 01:29:53,507 Just do email for now. 1408 01:29:53,507 --> 01:29:55,748 Okay, so the mobile app is done. 1409 01:29:55,748 --> 01:29:57,194 Let's see if this works here. 1410 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. 1411 01:30:02,815 --> 01:30:04,322 Build succeeded. 1412 01:30:04,322 --> 01:30:08,430 So it decided that doing email and password was actually the easiest way to do it. 1413 01:30:08,440 --> 01:30:09,641 So that's what we're going to do. 1414 01:30:09,641 --> 01:30:11,910 I'm going to put in my email and password. 1415 01:30:11,920 --> 01:30:13,710 I'm going to pause the video for this. 1416 01:30:13,720 --> 01:30:15,990 And here we are just going to sign in. 1417 01:30:16,000 --> 01:30:17,990 Ah, I have to do create account first. 1418 01:30:18,000 --> 01:30:18,984 Create an account. 1419 01:30:18,984 --> 01:30:20,222 Okay, wait, it worked. 1420 01:30:20,222 --> 01:30:20,882 It worked. 1421 01:30:20,882 --> 01:30:21,542 It worked. 1422 01:30:21,542 --> 01:30:26,252 I had to go into Superbase and I had to turn off confirm email. 1423 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. 1424 01:30:34,920 --> 01:30:37,883 I can see that it Let's see if I hit save. 1425 01:30:37,883 --> 01:30:41,362 Let's save a few things here on platforms. 1426 01:30:41,362 --> 01:30:42,949 We'll save Cloud Code. 1427 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. 1428 01:30:49,623 --> 01:30:51,910 So I can save some skills. 1429 01:30:51,920 --> 01:30:57,054 1 2 3 1 2 3 Now let's go back to my profile. 1430 01:30:57,054 --> 01:31:00,429 All of these things are now saved in the app. 1431 01:31:00,429 --> 01:31:01,942 So I am signed in. 1432 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. 1433 01:31:06,320 --> 01:31:07,743 That's one thing we'll ask. 1434 01:31:07,743 --> 01:31:08,920 Okay, so I am signed in. 1435 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. 1436 01:31:14,188 --> 01:31:15,665 Um, but this is pretty cool. 1437 01:31:15,665 --> 01:31:18,393 We are signed in and this is working. 1438 01:31:18,393 --> 01:31:22,371 We have a full working authentication set up. 1439 01:31:22,371 --> 01:31:25,150 We can go to the tables. 1440 01:31:25,160 --> 01:31:28,086 And yeah, this is pretty cool. 1441 01:31:28,086 --> 01:31:31,243 So I think this app is ready for TestFlight. 1442 01:31:31,243 --> 01:31:34,990 So I'm actually going to add this later. 1443 01:31:34,990 --> 01:31:39,265 I want to get this ready for TestFlight. 1444 01:31:39,265 --> 01:31:43,905 Please do everything to prep for this. 1445 01:31:43,905 --> 01:31:49,573 I'm going to do it on the not number account. 1446 01:31:49,573 --> 01:31:52,209 So yeah, we're going to be sending this app to the App Store. 1447 01:31:52,209 --> 01:31:53,528 Here, let's take a look. 1448 01:31:53,528 --> 01:31:56,363 A trusted curator for the AI agent era. 1449 01:31:56,363 --> 01:31:57,899 That's pretty good. 1450 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. 1451 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. 1452 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. 1453 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. 1454 01:32:23,164 --> 01:32:24,384 Ooh, nice animation. 1455 01:32:24,384 --> 01:32:25,589 That's kind of sick. 1456 01:32:25,589 --> 01:32:27,029 It looks a lot better in Canva. 1457 01:32:27,029 --> 01:32:30,550 And so yeah, like we can get rid of these here. 1458 01:32:30,560 --> 01:32:34,310 Then we can also add some like offset. 1459 01:32:34,320 --> 01:32:35,704 Get like background. 1460 01:32:35,704 --> 01:32:37,325 We can put it over here. 1461 01:32:37,325 --> 01:32:40,193 So this is looking a little bit better. 1462 01:32:40,193 --> 01:32:44,351 We can make some Yeah, you know, this slide is fine. 1463 01:32:44,351 --> 01:32:47,070 We could add some icons, but you know what? 1464 01:32:47,080 --> 01:32:51,367 This is a decent start to an investor deck. 1465 01:32:51,367 --> 01:32:54,219 So I'm going to go ahead and go back to the plan. 1466 01:32:54,219 --> 01:32:55,745 I finished the investor deck. 1467 01:32:55,745 --> 01:33:01,103 I also finished the iOS app because this mobile app I think is looking pretty good. 1468 01:33:01,103 --> 01:33:03,585 You know, we still need to send it to the App Store. 1469 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. 1470 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. 1471 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. 1472 01:33:24,293 --> 01:33:28,654 So we are actually putting this website on the internet, right? 1473 01:33:28,654 --> 01:33:30,847 So this is how people will can get early access. 1474 01:33:30,847 --> 01:33:35,838 They can come to the website and we can actually grab this link right here. 1475 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. 1476 01:33:42,081 --> 01:33:44,513 So I'm just going to drag this song that I have. 1477 01:33:44,513 --> 01:33:46,888 It's called Chasing Horizons in my folder. 1478 01:33:46,888 --> 01:33:55,571 I'm going to say, please add this song at 50% volume in the launch video. 1479 01:33:55,571 --> 01:33:58,843 Keep everything else the same. 1480 01:33:58,843 --> 01:34:03,313 Okay, so we've created a build here on App Store Connect. 1481 01:34:03,313 --> 01:34:06,054 Now, please put it on Connect. 1482 01:34:06,054 --> 01:34:07,430 Now, please put it on TestFlight. 1483 01:34:07,440 --> 01:34:07,997 I'm done. 1484 01:34:07,997 --> 01:34:11,987 Okay, while that's loading, I'm running one final prompt on Cloud Code. 1485 01:34:11,987 --> 01:34:23,070 I want to add Oh yeah, here's the music, by the way. 1486 01:34:23,080 --> 01:34:24,910 So it shows copying. 1487 01:34:24,920 --> 01:34:27,430 I can paste it here. 1488 01:34:27,440 --> 01:34:31,790 It's pretty good. 1489 01:34:31,800 --> 01:34:36,030 Some repetition shows me copying this. 1490 01:34:36,040 --> 01:34:36,402 Boom. 1491 01:34:36,402 --> 01:34:39,926 Now after this, I want it to actually use the skill. 1492 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. 1493 01:34:52,100 --> 01:34:54,953 You didn't really choose the right font for the Cloud Code. 1494 01:34:54,953 --> 01:35:00,034 And yeah, have a new app like have a like a laptop screen pop up. 1495 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. 1496 01:35:05,793 --> 01:35:07,492 Okay, we're getting there. 1497 01:35:07,492 --> 01:35:09,707 We're almost there, guys. 1498 01:35:09,707 --> 01:35:11,705 Okay, this web app looks done. 1499 01:35:11,705 --> 01:35:13,688 Okay, yep, this is done. 1500 01:35:13,688 --> 01:35:15,831 Deploy to Vercel. 1501 01:35:15,831 --> 01:35:17,470 Give me link. 1502 01:35:17,480 --> 01:35:20,242 And we can't mark this as complete until we've tested it. 1503 01:35:20,242 --> 01:35:23,262 So I'm going to go in and try and submit an email on the website. 1504 01:35:23,262 --> 01:35:24,897 Right, I need to go to this link. 1505 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. 1506 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. 1507 01:35:32,880 --> 01:35:34,127 So we're just going to set that up. 1508 01:35:34,127 --> 01:35:36,412 This is one of my favorite skills that I've ever used. 1509 01:35:36,412 --> 01:35:38,454 For this, we're going to use Typefully. 1510 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. 1511 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? 1512 01:35:54,133 --> 01:35:57,862 Cuz I can just go here and I can create new posts from Vibe Coding Explained. 1513 01:35:57,862 --> 01:36:04,152 This account has 50,000 followers and we can use AI to draft tweets from Typefully. 1514 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. 1515 01:36:11,378 --> 01:36:13,095 So I'm going to create one and copy it. 1516 01:36:13,095 --> 01:36:13,990 Now we're going to come here. 1517 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. 1518 01:36:22,522 --> 01:36:24,628 Their new API is V3. 1519 01:36:24,628 --> 01:36:26,149 It gives me full control. 1520 01:36:26,149 --> 01:36:28,268 When you search it, you might find V2. 1521 01:36:28,268 --> 01:36:29,088 I want V3. 1522 01:36:29,088 --> 01:36:31,983 I want full control over Typefully. 1523 01:36:31,983 --> 01:36:34,550 And I want you to just test it right away. 1524 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. 1525 01:36:40,819 --> 01:36:43,789 In the message below, I'm going to paste my API key. 1526 01:36:43,789 --> 01:36:44,350 Use that. 1527 01:36:44,360 --> 01:36:45,244 Figure this out. 1528 01:36:45,244 --> 01:36:45,687 Test it. 1529 01:36:45,687 --> 01:36:47,029 Let's see if this works. 1530 01:36:47,029 --> 01:36:48,062 Create the skill. 1531 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. 1532 01:36:55,749 --> 01:36:57,985 So here, I'm going to enter this. 1533 01:36:57,985 --> 01:37:00,350 Now off camera, I'm going to paste my API key. 1534 01:37:00,350 --> 01:37:02,490 I do not want that out there in the wild. 1535 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? 1536 01:37:06,984 --> 01:37:09,759 I know we're we're just we made this really quickly. 1537 01:37:09,759 --> 01:37:11,086 We can easily center this. 1538 01:37:11,086 --> 01:37:12,539 It says made with easily center this. 1539 01:37:12,539 --> 01:37:13,270 It says made with Tally. 1540 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. 1541 01:37:16,440 --> 01:37:18,110 All right, so we're going to hit register. 1542 01:37:18,110 --> 01:37:19,356 All right, so done. 1543 01:37:19,356 --> 01:37:21,286 So now let's check to see if that worked. 1544 01:37:21,286 --> 01:37:26,603 We're going to go back to Tally and here we see the registration form template. 1545 01:37:26,603 --> 01:37:27,497 One submission. 1546 01:37:27,497 --> 01:37:31,132 We see the one submission here and we see that it works. 1547 01:37:31,132 --> 01:37:33,928 So this is actually on the internet, right? 1548 01:37:33,928 --> 01:37:37,694 This is Chorus-Beta-2 Vercel app. 1549 01:37:37,694 --> 01:37:39,790 So this is on the internet. 1550 01:37:39,800 --> 01:37:41,568 We can give it a custom domain. 1551 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. 1552 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. 1553 01:37:54,133 --> 01:37:55,483 All right, and look at this. 1554 01:37:55,483 --> 01:37:57,698 We actually have our app. 1555 01:37:57,698 --> 01:37:59,247 We can open our app here. 1556 01:37:59,247 --> 01:38:00,828 This is actually in TestFlight. 1557 01:38:00,828 --> 01:38:02,790 You can see that this is a real build. 1558 01:38:02,790 --> 01:38:04,630 This is not the Chorus app. 1559 01:38:04,640 --> 01:38:07,466 This one is the app that we downloaded to our phone, right? 1560 01:38:07,466 --> 01:38:09,120 That we downloaded from Xcode. 1561 01:38:09,120 --> 01:38:13,001 This one This one is actually a TestFlight link. 1562 01:38:13,001 --> 01:38:18,839 Now, I can say Riley at Actually, I forget what email at Okay, there we go. 1563 01:38:18,839 --> 01:38:20,774 We are signed in to our account. 1564 01:38:20,774 --> 01:38:21,800 We have this app. 1565 01:38:21,800 --> 01:38:24,110 It is literally on the App Store. 1566 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? 1567 01:38:32,193 --> 01:38:33,707 We just created the bare-bones. 1568 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. 1569 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. 1570 01:38:44,808 --> 01:38:47,499 So we are done with our app, fully done with our app. 1571 01:38:47,499 --> 01:38:49,231 Let's check on our launch video. 1572 01:38:49,231 --> 01:38:50,778 Let's see if Opus is done. 1573 01:38:50,778 --> 01:38:57,043 Okay, this is actually looking pretty good, but I think the Typefully one is done. 1574 01:38:57,043 --> 01:38:58,026 I was wrong. 1575 01:38:58,026 --> 01:39:02,961 It is V2, but it said that it was able to create a draft autonomously. 1576 01:39:02,961 --> 01:39:07,950 So we did create the skill that controls Typefully, which allows me to draft tweets. 1577 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. 1578 01:39:14,621 --> 01:39:15,338 Let's see. 1579 01:39:15,338 --> 01:39:16,270 There you go. 1580 01:39:16,280 --> 01:39:19,350 So, it is able to create drafts for me. 1581 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. 1582 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. 1583 01:39:43,602 --> 01:39:46,430 So, we just created the automation. 1584 01:39:46,440 --> 01:39:48,252 So, we are done with this. 1585 01:39:48,252 --> 01:39:51,230 I just finished the X post video automation. 1586 01:39:51,240 --> 01:39:54,594 So, all we have left is the launch video. 1587 01:39:54,594 --> 01:39:58,264 We need to go to the uh Remotion screen here. 1588 01:39:58,264 --> 01:40:00,386 Let's see if Cloud Code is still working. 1589 01:40:00,386 --> 01:40:01,390 It looks like it's done. 1590 01:40:01,400 --> 01:40:02,093 Let's take a look. 1591 01:40:02,093 --> 01:40:05,227 Let's watch the video. 1592 01:40:05,227 --> 01:40:14,990 Let's see if it's good. 1593 01:40:15,000 --> 01:40:16,733 Okay, so we're adding the skill. 1594 01:40:16,733 --> 01:40:17,552 Very good. 1595 01:40:17,552 --> 01:40:20,750 We're going to do it again. 1596 01:40:20,760 --> 01:40:29,190 Boom. 1597 01:40:29,200 --> 01:40:30,968 Yeah, that's a little bit long. 1598 01:40:30,968 --> 01:40:36,994 That's Yeah, that's a little bit long. 1599 01:40:36,994 --> 01:40:39,190 That's okay. 1600 01:40:39,200 --> 01:40:43,510 Okay, we got this app laptop opening up and it created the designs for the app. 1601 01:40:43,520 --> 01:40:46,150 That's pretty sick. 1602 01:40:46,160 --> 01:40:52,486 And then, there you go. 1603 01:40:52,486 --> 01:40:53,990 It's kind of sick. 1604 01:40:54,000 --> 01:40:55,750 Obviously, there's a lot more we can do. 1605 01:40:55,760 --> 01:40:59,428 We were multitasking, but I think this is actually a good first draft. 1606 01:40:59,428 --> 01:41:01,061 We can continue to edit it. 1607 01:41:01,061 --> 01:41:05,084 I will say Cloud Code is significantly better at designing. 1608 01:41:05,084 --> 01:41:08,930 Codex just wants to use these like really clunky design styles. 1609 01:41:08,930 --> 01:41:12,289 I cannot wait for them to get a model specifically for design. 1610 01:41:12,289 --> 01:41:14,337 I think that'll be really great. 1611 01:41:14,337 --> 01:41:15,394 But, we're good. 1612 01:41:15,394 --> 01:41:18,265 And as you can see here, automations just turned to three. 1613 01:41:18,265 --> 01:41:21,598 If we go to we can see that it created these morning drafts here. 1614 01:41:21,598 --> 01:41:24,696 And here is the morning draft that it created. 1615 01:41:24,696 --> 01:41:26,920 And we have three automations ready to go. 1616 01:41:26,920 --> 01:41:29,621 So, that's what we've done today. 1617 01:41:29,621 --> 01:41:30,078 Woo! 1618 01:41:30,078 --> 01:41:32,155 This was a long one. 1619 01:41:32,155 --> 01:41:34,199 Yeah, we covered a lot. 1620 01:41:34,199 --> 01:41:39,175 I'm just going to just so we finished finished the launch video. 1621 01:41:39,175 --> 01:41:39,685 Okay. 1622 01:41:39,685 --> 01:41:40,196 Yeah. 1623 01:41:40,196 --> 01:41:41,849 And so, there you go. 1624 01:41:41,849 --> 01:41:42,707 We are done. 1625 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. 1626 01:41:48,150 --> 01:41:50,605 If you ever get stuck, just ask the agent. 1627 01:41:50,605 --> 01:41:54,112 If you ever want a skill, just ask the agent if you can create a skill. 1628 01:41:54,112 --> 01:41:56,776 Maybe you'll need an API key to a tool you already use. 1629 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. 1630 01:42:01,594 --> 01:42:03,616 And they have a lot of plugins. 1631 01:42:03,616 --> 01:42:05,903 They're going to continue to add a ton more plugins. 1632 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. 1633 01:42:09,705 --> 01:42:12,308 And um it's only going to get easier from here. 1634 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. 1635 01:42:19,505 --> 01:42:23,414 You know, if you have a software company, try and create a launch video every week. 1636 01:42:23,414 --> 01:42:26,998 You can just launch on Instagram or on Twitter every week. 1637 01:42:26,998 --> 01:42:29,215 Uh you can create Instagram videos. 1638 01:42:29,215 --> 01:42:30,761 You can create graphics. 1639 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. 1640 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. 1641 01:42:42,401 --> 01:42:44,568 Anyway, thank you guys so much for watching. 1642 01:42:44,568 --> 01:42:46,438 Please hit subscribe and like this video. 1643 01:42:46,438 --> 01:42:47,690 It helps me out a ton. 1644 01:42:47,690 --> 01:42:50,518 I will put the app that we created, right? 1645 01:42:50,518 --> 01:42:52,577 We have the app that we created. 1646 01:42:52,577 --> 01:42:55,552 By the time you see this video, it should be on the App Store. 1647 01:42:55,552 --> 01:42:56,873 You'll be able to use it for free. 1648 01:42:56,873 --> 01:42:57,809 I'm going to load it up. 1649 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. 1650 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. 1651 01:43:10,336 --> 01:43:12,070 So, check that out if you want. 1652 01:43:12,080 --> 01:43:15,480 Anyway, thank you guys for watching.