1 00:00:00,000 --> 00:00:05,760 Welcome to the OpenAI Codex Complete Guide, where we will be learning how to use OpenAI's 2 00:00:05,760 --> 00:00:13,660 new super app to create and edit designs, do research and create documents, create and deploy 3 00:00:13,660 --> 00:00:21,060 full web apps, create motion graphic launch videos, create high quality investor decks that you can 4 00:00:21,060 --> 00:00:28,640 export to Canva, and even create high quality iOS apps in Swift. What you'll realize in this video 5 00:00:28,640 --> 00:00:33,680 is Codex is the only unified all-purpose AI agent tool. 6 00:00:33,840 --> 00:00:38,500 One that combines coding, co-work, browser, and computer use cases 7 00:00:38,500 --> 00:00:43,580 all into one single interface that we are going to cover in great detail. 8 00:00:43,720 --> 00:00:46,080 So this video is going to be divided into two parts. 9 00:00:46,260 --> 00:00:47,980 We're going to first start with the basics, 10 00:00:47,980 --> 00:00:51,380 and then we are going to move on to multitasking 11 00:00:51,380 --> 00:00:54,480 and creating many different things in parallel. 12 00:00:54,720 --> 00:00:58,300 In part one, we're going to talk about the basics of prompting. 13 00:00:58,300 --> 00:01:02,780 We're going to talk about permissions, the different AI models you can use, and the effort. 14 00:01:03,340 --> 00:01:09,020 We're also going to talk about the main features in the app. We're going to do a detailed dive into 15 00:01:09,020 --> 00:01:12,780 all of the different things that you can do on Codex. We're going to talk about how to stay 16 00:01:12,780 --> 00:01:19,100 organized. We're going to talk about this preview, which makes Codex so useful for basically any use 17 00:01:19,100 --> 00:01:24,940 case. You can even comment directly on the preview to give additional information to the AI agent. 18 00:01:24,940 --> 00:01:30,940 We're also going to talk about how to create PowerPoints, how to create Excel sheets, and how to create documents. 19 00:01:31,180 --> 00:01:33,080 We're going to talk about skills and plugins. 20 00:01:33,460 --> 00:01:34,980 We're also going to create automations. 21 00:01:35,360 --> 00:01:41,220 So you can simply chat with Codex to create automations that allow you to just save so much time. 22 00:01:41,720 --> 00:01:47,640 And then we're also going to talk about computer use, which allows your agent to literally control your computer. 23 00:01:47,640 --> 00:01:52,100 And the OpenAI computer use is best in the world by far. 24 00:01:52,100 --> 00:01:57,280 And so part one is going to feel very linear and somewhat slow, but we're really going 25 00:01:57,280 --> 00:01:58,780 to dig into the basics. 26 00:01:58,780 --> 00:02:01,620 And part two, we're going to start to have a lot more fun. 27 00:02:01,620 --> 00:02:05,120 In part two, we are going to create a design for a mobile app. 28 00:02:05,120 --> 00:02:06,780 We're going to create a mobile app. 29 00:02:06,780 --> 00:02:07,860 We're going to build a web app. 30 00:02:07,860 --> 00:02:12,140 We're going to build an investor deck and we're going to create a launch video and we're going 31 00:02:12,140 --> 00:02:14,760 to do these all at the same time. 32 00:02:14,760 --> 00:02:20,720 And so we are going to dive into multitasking with Codex because every month that goes by 33 00:02:20,720 --> 00:02:24,040 AI agents are working for longer and longer 34 00:02:24,040 --> 00:02:26,480 to the point where AI agents can take up to an hour 35 00:02:26,480 --> 00:02:28,980 or two hours on any given task. 36 00:02:28,980 --> 00:02:31,940 So in order to become effective at using AI, 37 00:02:31,940 --> 00:02:33,840 you need to learn how to multitask. 38 00:02:33,840 --> 00:02:36,480 And in this part, I wanna talk about 39 00:02:36,480 --> 00:02:39,260 how I multitask with codecs. 40 00:02:39,260 --> 00:02:40,520 And so by the end of this video, 41 00:02:40,520 --> 00:02:43,260 you are going to be ahead of 99% of people 42 00:02:43,260 --> 00:02:47,700 in terms of practically using AI agents to get work done, 43 00:02:47,700 --> 00:02:50,320 whether it's coding or general use cases 44 00:02:50,320 --> 00:02:53,300 and creating documents and things for work. 45 00:02:53,300 --> 00:02:54,780 Let's dive into the video. 46 00:02:54,780 --> 00:02:59,380 Okay, so let's first start off by downloading the Codex app. 47 00:02:59,380 --> 00:03:00,640 So you can go to any browser 48 00:03:00,640 --> 00:03:03,240 and type in Codex app download. 49 00:03:03,240 --> 00:03:08,240 And here we see chatgpt.com Codex desktop app. 50 00:03:08,920 --> 00:03:09,920 We're gonna click on this. 51 00:03:09,920 --> 00:03:11,360 The page should look like this. 52 00:03:11,360 --> 00:03:15,820 And here is where you can download this for Mac OS. 53 00:03:15,820 --> 00:03:17,100 I already have it downloaded, 54 00:03:17,100 --> 00:03:19,160 but just click this and go through the process 55 00:03:19,160 --> 00:03:20,900 of getting it on your computer. 56 00:03:20,900 --> 00:03:24,420 Okay, so when you download the Codex app for the first time, 57 00:03:24,420 --> 00:03:25,600 it'll look a lot like this. 58 00:03:25,600 --> 00:03:27,280 You're gonna see this left side panel 59 00:03:27,280 --> 00:03:29,200 with these five options over here, 60 00:03:29,200 --> 00:03:31,300 which we're gonna dive deep into later. 61 00:03:31,300 --> 00:03:33,540 You're not gonna see any conversations over here. 62 00:03:33,540 --> 00:03:36,140 And then you're gonna see this kind of chat interface 63 00:03:36,140 --> 00:03:38,960 that looks oddly similar to ChatGPT. 64 00:03:38,960 --> 00:03:41,720 And we can actually open up Arc here real quick. 65 00:03:41,720 --> 00:03:43,120 Here is ChatGPT. 66 00:03:43,120 --> 00:03:44,760 This is what ChatGPT looks like. 67 00:03:44,760 --> 00:03:45,700 It's very similar. 68 00:03:45,700 --> 00:03:49,260 you type a chat and you get a response from ChatGPT. 69 00:03:49,400 --> 00:03:50,360 It's very similar. 70 00:03:50,500 --> 00:03:52,340 So it looks similar from this perspective, 71 00:03:52,580 --> 00:03:54,800 but there's so much more in this application. 72 00:03:55,100 --> 00:03:56,220 It is unbelievable. 73 00:03:56,580 --> 00:03:58,340 So if I were to type something here, 74 00:03:58,440 --> 00:03:59,800 let's say I type something like this. 75 00:03:59,860 --> 00:04:01,720 Hello, please search and tell me the latest news 76 00:04:01,720 --> 00:04:03,140 on OpenAI's new desktop app, 77 00:04:03,280 --> 00:04:04,460 list all the different features. 78 00:04:04,680 --> 00:04:07,360 Just like ChatGPT, it has built-in web search. 79 00:04:07,440 --> 00:04:08,860 So it'll automatically search the web 80 00:04:08,860 --> 00:04:10,560 and it will give me a nice response. 81 00:04:10,760 --> 00:04:13,480 I can also type that into Codex and press enter. 82 00:04:13,480 --> 00:04:22,600 Now, notice here that the chat, find OpenAI desktop features, showed up here in the side panel under this chats column. 83 00:04:23,000 --> 00:04:24,720 This is actually brand new to Codex. 84 00:04:24,820 --> 00:04:26,120 They added this chats column. 85 00:04:26,680 --> 00:04:33,040 This is because we didn't actually select which location we wanted this chat to be in. 86 00:04:33,260 --> 00:04:34,660 And I'll explain that right now. 87 00:04:34,900 --> 00:04:43,060 What makes Claude Code and Codex so powerful is that it is an AI agent that can basically control your entire computer. 88 00:04:43,060 --> 00:04:48,740 It can create files, it can edit files, and as we'll get to later, it can even use computer use, 89 00:04:48,840 --> 00:04:52,960 which means fully controlling the mouse and keyboard on your computer. 90 00:04:53,200 --> 00:05:00,820 And so when you do this, the most useful way to do it is to give it a specific location in which it starts out in. 91 00:05:01,100 --> 00:05:06,540 And when you create a project, it's going to open up your folders on your computer, right? 92 00:05:06,560 --> 00:05:07,940 It's going to open up Finder. 93 00:05:07,940 --> 00:05:11,580 And so I create a project called Codex Projects, 94 00:05:11,620 --> 00:05:13,480 and you can create anything you want. 95 00:05:13,580 --> 00:05:14,880 You can call it Riley's Codex, 96 00:05:14,900 --> 00:05:16,880 or you can just put them in your documents folder. 97 00:05:17,020 --> 00:05:17,620 It doesn't matter. 98 00:05:18,000 --> 00:05:20,760 I keep it organized, and I'll even create a new folder. 99 00:05:21,020 --> 00:05:24,380 So I'll just say like Riley's Codex Projects. 100 00:05:24,420 --> 00:05:26,740 So this is the folder that I'll create 101 00:05:26,740 --> 00:05:30,980 where I will put all of my other projects beneath it. 102 00:05:31,120 --> 00:05:34,220 So I just created this Riley's Codex Projects. 103 00:05:34,460 --> 00:05:36,680 Now, let's say I wanted to do some research 104 00:05:36,680 --> 00:05:40,480 on all the cool things about Codex and the new desktop app. 105 00:05:40,780 --> 00:05:43,720 And I can create a project where all the documents 106 00:05:43,720 --> 00:05:46,560 that I create about this will be stored in that location. 107 00:05:46,800 --> 00:05:48,960 And so what I'm gonna do is I'm gonna hit new folder 108 00:05:48,960 --> 00:05:52,440 and I'm gonna call this Codex Desktop Research. 109 00:05:52,760 --> 00:05:53,820 And we're gonna hit create. 110 00:05:54,000 --> 00:05:55,640 We're gonna select this folder 111 00:05:55,640 --> 00:05:57,280 and we're going to hit open. 112 00:05:57,620 --> 00:06:00,520 Notice here that a project was created. 113 00:06:00,640 --> 00:06:02,020 We have one project created 114 00:06:02,020 --> 00:06:05,020 and it's called Codex Desktop Research. 115 00:06:05,020 --> 00:06:12,140 Now, if we click on this button, we are now creating a new chat at Codex Desktop Research. 116 00:06:12,500 --> 00:06:16,200 It's also listed right here, Codex Desktop Research. 117 00:06:16,560 --> 00:06:19,580 So when we create a chat, it'll show up here. 118 00:06:19,860 --> 00:06:28,920 So I'm just going to say, please tell me about the new Codex Desktop app features that they released today. 119 00:06:29,040 --> 00:06:31,560 And again, this can search the internet by default. 120 00:06:31,720 --> 00:06:33,580 It can go off and do research. 121 00:06:33,580 --> 00:06:38,440 And notice here, if we were to expand this, this chat shows up right here. 122 00:06:38,560 --> 00:06:40,860 And it will automatically use AI to name it. 123 00:06:40,920 --> 00:06:42,520 So find new codex app features. 124 00:06:42,880 --> 00:06:46,000 Now we can press this button again and we can actually create a new chat. 125 00:06:46,120 --> 00:06:51,380 I can say, what are people saying about the new codex app? 126 00:06:51,520 --> 00:06:57,120 Figure out a way to look at blogs and x.com. 127 00:06:57,380 --> 00:06:59,880 And what are people saying? 128 00:07:00,160 --> 00:07:02,700 What are they excited about? 129 00:07:02,700 --> 00:07:09,420 So these are chats under the same project and they work at the same time and you can tell that it's in progress 130 00:07:10,060 --> 00:07:16,300 because of this right here, right? You can see that we have this spinny circle right here 131 00:07:16,300 --> 00:07:24,220 So we know that we're waiting and one of the coolest features of the codex app and other similar apps like it is it makes it pretty easy 132 00:07:24,940 --> 00:07:26,060 to 133 00:07:26,060 --> 00:07:31,820 Multitask and so we'll know when it's done because a blue little dot there we go right on cue 134 00:07:31,820 --> 00:08:00,000 So this blue dot popped up here. Now we know that we have like an unread message. So we can click on this. And so here we can find the new feature. And let's say I don't want to read it like this. I can say please create a spreadsheet of the new features that you just told me. And so now what it's going to do is it is going to create a spreadsheet, which is a document and it's actually going to store this spreadsheet in this folder right here. And remember, you can always get back. 135 00:08:02,400 --> 00:08:08,220 clicking these three dots and hit open in Finder. And you can see that it opens up right here and 136 00:08:08,220 --> 00:08:13,340 we can click into it and we're going to be able to see all of the files that get created. No files 137 00:08:13,340 --> 00:08:18,500 have been created so far and these chats don't actually get stored here it's just the files that 138 00:08:18,500 --> 00:08:24,820 they create oh and here we go it just created this outputs folder we click in this and so it's created 139 00:08:24,820 --> 00:08:29,940 the folder it hasn't yet created the document yet and if you'll notice here it's done and you'll 140 00:08:29,940 --> 00:08:36,680 see at the bottom we have this codex desktop features dot xlsx if we go ahead and we just click 141 00:08:36,680 --> 00:08:43,320 open look at this it opens right here in the side view notice here if we don't want this side by 142 00:08:43,320 --> 00:08:48,280 side view we can come up and we can press this button right here which will allow us to full 143 00:08:48,280 --> 00:08:55,000 screen it and i could even remove the side panel and now we're operating in this spreadsheet view 144 00:08:55,000 --> 00:09:00,920 and it is literally full screen yeah i can view the whole thing and i can create a follow-up and 145 00:09:00,920 --> 00:09:08,040 i could say something like please remove the source page column and so now we can just see 146 00:09:08,040 --> 00:09:13,320 that it is working and you can tell it's working because it says stop and we can leave this full 147 00:09:13,320 --> 00:09:18,360 screen view and we can see that this was entered in the chat so this is a fun way to toggle between 148 00:09:18,360 --> 00:09:24,200 like here you can see all of your agents in the chat and what your agent is working on and if you 149 00:09:24,200 --> 00:09:29,000 want to just focus on the thing that you're working on again you can full screen this and you can 150 00:09:29,000 --> 00:09:34,760 remove the side panel to kind of toggle between the views and look here it's done you will notice 151 00:09:34,760 --> 00:09:38,600 here that the source column is no longer here. 152 00:09:38,600 --> 00:09:41,220 It removed it and so we can just use AI 153 00:09:41,220 --> 00:09:43,520 to edit this document pretty perfectly. 154 00:09:43,520 --> 00:09:47,280 And remember, remember when I said that all of the files 155 00:09:47,280 --> 00:09:50,040 that your agent creates will show up in this folder 156 00:09:50,040 --> 00:09:53,860 and you can open in Finder at this location 157 00:09:53,860 --> 00:09:57,720 and we can open this and here we can see that this XLS, 158 00:09:57,720 --> 00:10:00,060 this is the file that we're working on right now. 159 00:10:00,060 --> 00:10:04,200 So all of it is stored in this file. 160 00:10:04,200 --> 00:10:06,520 And so this makes it easy for me to create chats 161 00:10:06,520 --> 00:10:07,780 and reference that file. 162 00:10:07,880 --> 00:10:10,140 I can very easily hit create new chat 163 00:10:10,140 --> 00:10:16,100 and I can say, please add anything that I missed to at, 164 00:10:16,260 --> 00:10:17,740 and we should be able to see the file. 165 00:10:17,820 --> 00:10:18,740 If we go back to finder, 166 00:10:18,780 --> 00:10:22,240 we can see that this file is called codex desktop features. 167 00:10:22,240 --> 00:10:25,700 And so we can go at codex desktop features. 168 00:10:25,920 --> 00:10:29,460 And so we can at mention that file and say, do research. 169 00:10:29,460 --> 00:10:34,860 Let me know if I missed anything for new features for Codex. 170 00:10:34,960 --> 00:10:40,560 And so within this chat, like within this folder, we can at mention anything that we create, 171 00:10:40,840 --> 00:10:42,300 which is really, really fun. 172 00:10:42,480 --> 00:10:46,560 Okay, I wanted to take a brief moment to just recap everything that we've talked about before 173 00:10:46,560 --> 00:10:48,440 we dive into more advanced topics. 174 00:10:48,680 --> 00:10:53,820 Codex, in its simplest form, this Codex application allows you to chat with an AI agent that can 175 00:10:53,820 --> 00:10:57,440 create, edit, and delete files on your computer. 176 00:10:57,440 --> 00:11:00,400 And the specific parts of the app that we've talked about, 177 00:11:00,600 --> 00:11:04,040 the project location or file path is right here. 178 00:11:04,220 --> 00:11:06,020 The permissions are right here. 179 00:11:06,180 --> 00:11:08,620 It's basically what your agent is allowed to do 180 00:11:08,620 --> 00:11:10,940 and do you need to approve its actions? 181 00:11:11,120 --> 00:11:14,000 I prefer using full access, so just let it cook. 182 00:11:14,180 --> 00:11:18,080 And then we also have the model, GPT 5.4, 183 00:11:18,220 --> 00:11:21,120 and the effort level, which is extra high 184 00:11:21,120 --> 00:11:22,400 that I use by default. 185 00:11:22,540 --> 00:11:24,360 And you can type your question 186 00:11:24,360 --> 00:11:27,080 or answer or whatever you want to create. 187 00:11:27,080 --> 00:11:32,760 you can type it in. When you type it in, when you choose a file location, it'll also show up in the 188 00:11:32,760 --> 00:11:39,560 side panel right here. And again, your project location, codexdesk.research, codexdesk.research, 189 00:11:39,860 --> 00:11:45,260 this chat, whatever you type in will be named and will be placed here in the side panel. And 190 00:11:45,260 --> 00:11:51,800 if we go down here, your agent can also create files, right? So it can create this .xlsx 191 00:11:51,800 --> 00:11:58,420 document on your computer. And so this is just an agent created file. And this agent created file 192 00:11:58,420 --> 00:12:05,560 gets added to this folder that you created, right? The same project location, your file created by an 193 00:12:05,560 --> 00:12:12,320 agent. If the chat is within this project location, that file will actually show up in this outputs 194 00:12:12,320 --> 00:12:19,500 folder within the Codex Desktop Research. So you can see they all get organized in this clean file 195 00:12:19,500 --> 00:12:26,240 layout. And then if you press this open button right here, then it opens up the file in this 196 00:12:26,240 --> 00:12:31,380 clean view. And remember, you can full screen this view if you want to, and you can see all of your 197 00:12:31,380 --> 00:12:36,860 files here. So you can actually have multiple files open, which we'll get to a lot later. We haven't 198 00:12:36,860 --> 00:12:42,860 done this yet, but you can see the file name right here. And so that's kind of a basic overview of 199 00:12:42,860 --> 00:12:47,820 what we've talked about so far. Now let's dig into some more fun workflows and more fun projects. 200 00:12:47,820 --> 00:12:52,700 So now I want to go over the other options up here on the top left. 201 00:12:52,800 --> 00:12:54,760 The first one being search. 202 00:12:55,040 --> 00:12:56,640 And don't worry, we'll get to plugins in a second. 203 00:12:56,740 --> 00:12:58,020 This is when it gets really fun. 204 00:12:58,220 --> 00:13:00,660 But you know how we have two projects over here? 205 00:13:00,780 --> 00:13:05,240 I've actually created over 30 different projects in the time that I've been using codecs. 206 00:13:05,320 --> 00:13:09,440 But one thing that you can do is you can very easily remove them from the side panel. 207 00:13:09,500 --> 00:13:11,040 And that doesn't mean you delete anything. 208 00:13:11,200 --> 00:13:14,160 Because remember, these are all just folders on your computer. 209 00:13:14,200 --> 00:13:15,460 And those don't actually get deleted. 210 00:13:15,660 --> 00:13:17,420 You just remove them from the side panel. 211 00:13:17,420 --> 00:13:20,060 But this search feature, what I can do is I can search anything. 212 00:13:20,200 --> 00:13:26,200 So I remember I looked for, I said to do research and create a report in the style of Karpathy, 213 00:13:26,400 --> 00:13:28,000 but I removed the project. 214 00:13:28,100 --> 00:13:33,360 But if I just type in Karpathy, it can actually, it searches all the chats for the name Karpathy 215 00:13:33,360 --> 00:13:34,560 and I can click on it. 216 00:13:34,680 --> 00:13:38,960 And now this chat opens up and you can see here that the name of the chat is Analyze 217 00:13:38,960 --> 00:13:42,100 Karpathy Voice and it's in this general agent task. 218 00:13:42,260 --> 00:13:44,540 So remember, this is just the project folder. 219 00:13:44,540 --> 00:13:47,340 So this codex desktop research, right? 220 00:13:47,420 --> 00:13:48,520 That is the project folder. 221 00:13:48,760 --> 00:13:51,020 This is a general agent tasks folder 222 00:13:51,020 --> 00:13:52,960 that I removed from the side panel. 223 00:13:53,020 --> 00:13:54,280 But if I click on this, 224 00:13:54,540 --> 00:13:56,340 it'll actually open up the location. 225 00:13:56,520 --> 00:13:58,680 And then all I need to do is just drag this in here 226 00:13:58,680 --> 00:14:01,540 and boom, now all of the chats 227 00:14:01,540 --> 00:14:04,020 for this general agent tasks here 228 00:14:04,020 --> 00:14:06,380 shows up here on the left side panel, right? 229 00:14:06,420 --> 00:14:07,200 That's pretty cool. 230 00:14:07,340 --> 00:14:08,660 And again, I can remove it 231 00:14:08,660 --> 00:14:11,820 and I can bring it back whenever I want. 232 00:14:11,940 --> 00:14:14,040 And so in order to access this search menu, 233 00:14:14,040 --> 00:14:21,180 you can just press command G and we can just type in codex outline and you can open it without even 234 00:14:21,180 --> 00:14:25,380 clicking on it which is kind of fun. Here is application that I was working on earlier that 235 00:14:25,380 --> 00:14:29,260 goes through all the features but we're going to get to more advanced applications in just a second. 236 00:14:29,440 --> 00:14:35,360 First I want to talk about plugin and so yeah many people get these confused plugins versus skills 237 00:14:35,360 --> 00:14:41,060 and I will say the line between plugins and skills is a little blurry and so I actually just asked 238 00:14:41,060 --> 00:14:48,660 codecs to create a little graphic using my Excalibraw skill that I created. And I had it 239 00:14:48,660 --> 00:14:53,640 create this image and then I exported it and here it is. So fun fact, I generated this with my 240 00:14:53,640 --> 00:14:57,680 Excalibraw skill. But let's talk about the difference between skills and plugins. So skills 241 00:14:57,680 --> 00:15:03,380 are basically a reusable workflow package for a specific kind of task. And so you can think of a 242 00:15:03,380 --> 00:15:09,740 skill as a reusable recipe, whereas a plugin is the installable unit that extends codecs with more 243 00:15:09,740 --> 00:15:15,220 capabilities. And so you can see here, if we click on plugins, right, it's kind of weird, right? In 244 00:15:15,220 --> 00:15:21,380 the Claude app, we can see that they call it the customize tab. And then here they have skills and 245 00:15:21,380 --> 00:15:26,920 connectors. OpenAI has plugins and skills. If you use different tools, they have different vocabulary 246 00:15:26,920 --> 00:15:32,580 for each one. So I kind of just clump these together. And I personally think of them as 247 00:15:32,580 --> 00:15:38,340 skills. And so skills are just ways to extend the capability of the model, right? So if I wanted to 248 00:15:38,340 --> 00:15:40,120 to say something to Codex and be like, 249 00:15:40,120 --> 00:15:43,360 hey, check my email and tell me all of the urgent messages 250 00:15:43,360 --> 00:15:45,060 that they've sent me today, right? 251 00:15:45,060 --> 00:15:47,800 It couldn't do that right as you downloaded Codex. 252 00:15:47,800 --> 00:15:50,760 You need to give it the skill of email. 253 00:15:50,760 --> 00:15:52,120 And so I've done that already, right? 254 00:15:52,120 --> 00:15:53,640 I've given it the email skill. 255 00:15:53,640 --> 00:15:56,500 One thing that I can give it is my Google Calendar skill. 256 00:15:56,500 --> 00:15:58,120 I haven't done that yet in Codex. 257 00:15:58,120 --> 00:15:59,100 So let me show you this. 258 00:15:59,100 --> 00:16:00,000 So this is actually. 259 00:16:00,000 --> 00:16:02,400 So this is actually a plugin, sorry, Google Calendar plugin. 260 00:16:02,780 --> 00:16:04,540 And so I can give it the plugin. 261 00:16:04,540 --> 00:16:07,080 And so we can hit install Google Calendar. 262 00:16:07,620 --> 00:16:10,560 And this will automatically take me to my browser 263 00:16:10,560 --> 00:16:14,320 where I can sign into my email and I can hit continue. 264 00:16:14,320 --> 00:16:17,060 and we can hit select all, continue. 265 00:16:17,420 --> 00:16:19,580 And now once we get the verification, 266 00:16:19,800 --> 00:16:22,760 Google Calendar is ready, Google Calendar is now connected. 267 00:16:23,000 --> 00:16:25,500 That means the calendar is now plugged in. 268 00:16:25,500 --> 00:16:28,480 Now, if I go, let's say we go to, 269 00:16:28,640 --> 00:16:30,700 let's go to general agent task 270 00:16:30,700 --> 00:16:32,320 because that's what I wanna do right now. 271 00:16:32,500 --> 00:16:34,320 And we're just gonna press this button right here. 272 00:16:34,600 --> 00:16:38,700 Now we can say, please list out the events 273 00:16:38,700 --> 00:16:41,020 for this week for me. 274 00:16:41,100 --> 00:16:43,020 And I can press slash. 275 00:16:43,020 --> 00:16:44,780 you actually wouldn't have to do this. 276 00:16:44,860 --> 00:16:46,720 You don't have to type in everything. 277 00:16:47,020 --> 00:16:48,800 The agent is smart enough to just do it. 278 00:16:48,900 --> 00:16:52,980 And you'll see here that Google Calendar shows up right here. 279 00:16:53,120 --> 00:16:55,840 And so I can say, please list out the events for me, 280 00:16:56,080 --> 00:16:59,880 list them out here in the chat, and we can run this. 281 00:17:00,000 --> 00:17:00,660 And look at this. 282 00:17:00,760 --> 00:17:04,640 So all of my events are listed out right here. 283 00:17:04,720 --> 00:17:08,120 So this is my entire calendar listed out right here. 284 00:17:08,120 --> 00:17:15,500 And so I'm going to say, please, can you send me a weekly recap in email? 285 00:17:15,800 --> 00:17:23,620 Just email it to myself because I've set up my Gmail integration and I can hit slash Gmail. 286 00:17:24,100 --> 00:17:29,280 And please send me this recap to my email. 287 00:17:29,500 --> 00:17:34,000 And so that's all we're doing is we are sending this to my email. 288 00:17:34,000 --> 00:17:38,180 So it's using the Gmail skill connected Gmail address and it's going to send me the email. 289 00:17:38,360 --> 00:17:41,500 I found the email address is my email right here. 290 00:17:41,780 --> 00:17:45,160 Sending the recap there with the week and conflict note included. 291 00:17:45,400 --> 00:17:46,040 And so it's done. 292 00:17:46,120 --> 00:17:50,440 It said I sent the recap to your email with the subject weekly calendar recap. 293 00:17:50,720 --> 00:17:54,280 If I go to my email application, I can see here. 294 00:17:54,380 --> 00:17:55,040 Check this out. 295 00:17:55,160 --> 00:17:57,940 Here's the email that I got and I use superhuman for email. 296 00:17:58,160 --> 00:17:59,400 And here it says weekly. 297 00:17:59,540 --> 00:18:01,080 It was sent from me. 298 00:18:01,220 --> 00:18:02,700 And here's this weekly recap. 299 00:18:02,700 --> 00:18:04,800 Now, one thing that we're gonna talk about, 300 00:18:04,860 --> 00:18:07,140 and I'll talk about more about this later, is automations. 301 00:18:07,340 --> 00:18:11,640 I can just say, please, can you make this task 302 00:18:11,640 --> 00:18:16,820 an automation for every Friday at 4 p.m. 303 00:18:16,840 --> 00:18:18,820 for the previous week? 304 00:18:18,960 --> 00:18:21,240 Okay, look, I'm turning this into a weekly automation, 305 00:18:21,520 --> 00:18:22,640 blah, blah, blah, blah, blah. 306 00:18:22,980 --> 00:18:25,520 Here it says, created weekly calendar recap 307 00:18:25,520 --> 00:18:27,160 Fridays at 4 p.m. 308 00:18:27,200 --> 00:18:29,360 And so if I click on this right here, 309 00:18:29,360 --> 00:18:31,980 I can see this weekly calendar recap. 310 00:18:32,480 --> 00:18:34,680 We can see that the status is active. 311 00:18:34,840 --> 00:18:37,000 The next run is tomorrow at 4 p.m. 312 00:18:37,000 --> 00:18:39,320 Right now it's currently Thursday at 4 p.m. 313 00:18:39,380 --> 00:18:42,380 And it's never run before, so it doesn't list the last run. 314 00:18:42,620 --> 00:18:44,020 And that's what we got. 315 00:18:44,260 --> 00:18:47,280 And what you'll notice here, if we actually go up to automations, 316 00:18:47,440 --> 00:18:49,440 we now see a one by automations. 317 00:18:49,700 --> 00:18:50,740 We can click on this. 318 00:18:50,840 --> 00:18:52,680 And here we see the automations. 319 00:18:52,860 --> 00:18:53,360 Look at this. 320 00:18:53,460 --> 00:18:56,740 And you can actually test this automation just by hitting play, 321 00:18:56,860 --> 00:18:58,340 which will automatically play it. 322 00:18:58,340 --> 00:18:59,780 or we can edit the automation 323 00:18:59,780 --> 00:19:03,200 and it is very easy to just edit it 324 00:19:03,200 --> 00:19:04,500 and we can add to it. 325 00:19:04,640 --> 00:19:09,400 And I can say, make sure to use the Gmail skill 326 00:19:09,400 --> 00:19:10,240 if you want to. 327 00:19:10,300 --> 00:19:11,400 You actually don't need to do that. 328 00:19:11,460 --> 00:19:12,840 It's basically implied. 329 00:19:13,060 --> 00:19:15,580 And it's that easy to create an automation. 330 00:19:15,800 --> 00:19:18,640 You just ask Codex to create an automation. 331 00:19:18,820 --> 00:19:21,320 And so if you're ever confused about what a plugin can do, 332 00:19:21,420 --> 00:19:22,400 just create a new chat. 333 00:19:22,520 --> 00:19:24,680 So what we're gonna do is we're gonna go to general agent tasks. 334 00:19:24,760 --> 00:19:25,700 We're gonna create a new chat 335 00:19:25,700 --> 00:19:27,200 and I'm just gonna type in at Figma. 336 00:19:27,200 --> 00:19:28,240 And this is a plugin. 337 00:19:28,340 --> 00:19:35,300 and I'm going to say, please tell me what actions I can do with this plugin. 338 00:19:35,600 --> 00:19:37,660 I've never used it. 339 00:19:37,920 --> 00:19:47,080 Describe to me what I can do or what you can do, your abilities, with this plugin list all. 340 00:19:47,280 --> 00:19:50,260 So now Figma, we will learn about the Figma plugin. 341 00:19:50,400 --> 00:19:53,200 And here it listed all of the things that it can do. 342 00:19:53,340 --> 00:19:57,580 A very quick side note, you see this carrot here after working for 18 seconds. 343 00:19:57,580 --> 00:20:01,880 You can actually click this and this will show kind of its thinking behind the scenes. 344 00:20:02,180 --> 00:20:05,520 Figma plugins gives me three broad kinds of abilities. 345 00:20:05,700 --> 00:20:08,160 It can inspect existing Figma files. 346 00:20:08,340 --> 00:20:12,560 It can generate new visual artifacts and connect Figma to your code base. 347 00:20:12,800 --> 00:20:14,380 And so we can just test this out right now. 348 00:20:14,460 --> 00:20:18,900 So I have Figma open right here and I guess I'm just going to create a new design. 349 00:20:19,240 --> 00:20:24,160 And let's go ahead and call this because I don't see the ability for it to create a new design. 350 00:20:24,160 --> 00:20:31,980 So I'm going to rename this and I'm just going to say I created this new Figma board called 351 00:20:31,980 --> 00:20:41,340 Riley New Design. Can you please put Hello World on that design to see if that works? So now we're 352 00:20:41,340 --> 00:20:45,940 going to test out this Figma integration. And so look at this. It says Figma is running locally. 353 00:20:46,080 --> 00:20:50,980 I'm switching to the text tool and placing a simple Hello World on the canvas. And so now it 354 00:20:50,980 --> 00:20:55,560 says hello world is now on the Riley new design canvas. Let's go ahead and go over there and look 355 00:20:55,560 --> 00:21:00,880 at this. We have hello world and I've been typing a lot in this video and so I'm going to show you 356 00:21:00,880 --> 00:21:06,440 how I normally interact with AI agents which is just with my voice using a tool called whisper 357 00:21:06,440 --> 00:21:10,960 flow and that's literally you can look it up on Google. You can download it. They have a generous 358 00:21:10,960 --> 00:21:16,860 free plan but all you have to do is hold the FN key and I can speak my idea. So now I want you to 359 00:21:16,860 --> 00:21:21,960 go to Figma. Actually, I don't want you to ignore the hello world. That was just a test. Now that I 360 00:21:21,960 --> 00:21:27,920 know that it works, I want you to make a mock-up design on Figma for my new shoe company called 361 00:21:27,920 --> 00:21:35,200 New Shoe. N-O-O-S-H-O-O. This is a new futuristic shoe and I want you to create a landing page for 362 00:21:35,200 --> 00:21:41,220 it. So do that on Figma. If you need to get an image of this new shoe, generate it using your 363 00:21:41,220 --> 00:21:43,460 built-in image generation tool. 364 00:21:43,460 --> 00:21:46,420 And take a look at this, it just generated new shoe 365 00:21:46,420 --> 00:21:49,500 and it generated an image right here in the chat, 366 00:21:49,500 --> 00:21:50,660 as you can see here. 367 00:21:50,660 --> 00:21:53,180 And now it says looked at codex. 368 00:21:53,180 --> 00:21:56,360 So it's actually seeing the computer use 369 00:21:56,360 --> 00:21:58,380 is actually checking to see if it generated it. 370 00:21:58,380 --> 00:22:02,140 So now I'm using Figma, Figma slash generate design 371 00:22:02,140 --> 00:22:05,380 for Figma landing page workflow and image gen 372 00:22:05,380 --> 00:22:06,480 for the product art. 373 00:22:06,480 --> 00:22:08,560 And so it generated this without a background. 374 00:22:08,560 --> 00:22:10,740 Notice here, if I were to copy this image 375 00:22:10,740 --> 00:22:12,240 and I were to like open it up, 376 00:22:12,240 --> 00:22:14,680 you can see here it's saved to my clipboard 377 00:22:14,680 --> 00:22:15,740 without a background. 378 00:22:15,740 --> 00:22:16,820 And this is a pretty cool shoe. 379 00:22:16,820 --> 00:22:19,820 So I'm not gonna lie, this Figma integration is, 380 00:22:19,820 --> 00:22:22,940 it's pretty much made for you to have a Figma board 381 00:22:22,940 --> 00:22:25,700 and convert the Figma board into code 382 00:22:25,700 --> 00:22:28,240 rather than like telling it to generate code 383 00:22:28,240 --> 00:22:29,960 and then put it onto Figma. 384 00:22:29,960 --> 00:22:32,320 And so there's actually a tool made specifically for that, 385 00:22:32,320 --> 00:22:35,460 which is called Paper, which I've talked to a lot of designers 386 00:22:35,460 --> 00:22:37,240 and a lot of designers are switching to this. 387 00:22:37,240 --> 00:22:39,240 But what this allows you to do 388 00:22:39,240 --> 00:22:41,060 is you can create a new file here. 389 00:22:41,060 --> 00:22:44,540 And I'm just gonna call this a codex test. 390 00:22:44,540 --> 00:22:47,480 And what I'm gonna do is I'm just going to press new, 391 00:22:47,480 --> 00:22:49,440 I can say slash paper. 392 00:22:49,440 --> 00:22:51,860 And I have this skill that I've created previously 393 00:22:51,860 --> 00:22:54,700 called paper deck style. 394 00:22:54,700 --> 00:22:57,180 But what we can do is we can actually go to plugins 395 00:22:57,180 --> 00:22:58,760 and we can hit manage. 396 00:22:58,760 --> 00:23:03,600 And here we have MCPs and here we have this paper MCP. 397 00:23:03,600 --> 00:23:06,620 And so if you are ever using a tool on their website, 398 00:23:06,620 --> 00:23:09,800 They might say like, use the new paper MCP 399 00:23:09,800 --> 00:23:14,300 or use the new Figma MCP or use the new Notion MCP. 400 00:23:14,460 --> 00:23:17,600 You can literally just go to Claude Code, 401 00:23:17,680 --> 00:23:19,880 this works in Claude Code or Codex and say, 402 00:23:20,080 --> 00:23:22,180 hey, I want to be able to use this MCP. 403 00:23:22,300 --> 00:23:25,700 Can you please create a skill that wraps this MCP? 404 00:23:25,820 --> 00:23:27,460 And that'll tell it that it can create a skill 405 00:23:27,460 --> 00:23:30,020 with that MCP so that you can use it really easily. 406 00:23:30,020 --> 00:23:33,900 So what I'm gonna do is I can go to this new chat here 407 00:23:33,900 --> 00:23:35,820 and I can hit slash paper, 408 00:23:35,820 --> 00:23:46,020 or I can say use the paper MCP to create a landing page for my new company, New Shoe. 409 00:23:46,220 --> 00:23:49,960 And remember, we've created those files for New Shoe. 410 00:23:50,100 --> 00:23:51,040 Let's see if they're in here. 411 00:23:51,140 --> 00:23:52,200 Yep, New Shoe Hero. 412 00:23:52,680 --> 00:23:56,640 And we can type at New Shoe PNG. 413 00:23:56,980 --> 00:23:59,920 Use the one without a background. 414 00:24:03,900 --> 00:24:11,840 the open paper board use the paper tool that we've created and since I've already created this 415 00:24:11,840 --> 00:24:17,300 You're going to see, and in my opinion, this is the best way to get AI to make designs for you. 416 00:24:17,440 --> 00:24:18,100 Check this out. 417 00:24:18,220 --> 00:24:19,420 So we can open up paper. 418 00:24:19,620 --> 00:24:21,340 Oh, this is really cool as well. 419 00:24:21,500 --> 00:24:28,860 So if we open up this general tasks here and we right click on this chat and we say open in mini window, 420 00:24:29,380 --> 00:24:34,880 we can actually open this chat in a mini window and we can minimize codecs. 421 00:24:34,960 --> 00:24:39,460 So now we can have whatever application we want to have open here on the side. 422 00:24:39,460 --> 00:24:41,700 And here it says, okay, the board is empty. 423 00:24:41,840 --> 00:24:44,560 So I'm gonna build a fresh desktop artboard. 424 00:24:44,760 --> 00:24:46,960 I'm checking both the hero files locally. 425 00:24:47,340 --> 00:24:49,000 Okay, design is set. 426 00:24:49,200 --> 00:24:50,100 I'm building this. 427 00:24:50,220 --> 00:24:50,800 Look at this. 428 00:24:50,800 --> 00:24:54,280 So it'll just generate a landing page design. 429 00:24:54,500 --> 00:24:56,260 And we can just have this open. 430 00:24:56,360 --> 00:24:57,780 We have the chat open on the side. 431 00:24:57,980 --> 00:25:00,780 And I love this animation when it's editing. 432 00:25:01,140 --> 00:25:02,760 And we'll just let it cook. 433 00:25:02,900 --> 00:25:06,880 Okay, you see here it created this top board or top bar. 434 00:25:07,220 --> 00:25:09,060 Technology performance launch. 435 00:25:09,060 --> 00:25:13,120 You can see, ooh, move like the roads has been written. 436 00:25:13,320 --> 00:25:15,080 New shoe blends featherweight knits. 437 00:25:15,580 --> 00:25:17,640 All right, so these buttons are a little overlapping. 438 00:25:17,800 --> 00:25:19,540 Remember, the AI might fix this. 439 00:25:19,660 --> 00:25:21,100 It might just realize it messes up 440 00:25:21,100 --> 00:25:22,600 and then it'll actually just fix this. 441 00:25:22,920 --> 00:25:25,920 Oh, this is a great opportunity to talk about a new feature. 442 00:25:26,220 --> 00:25:31,000 So one thing that a lot of AI tools have is message queuing, 443 00:25:31,280 --> 00:25:33,640 which basically, like, if I were to type a prompt 444 00:25:33,640 --> 00:25:36,120 while it's working right now and say, like, 445 00:25:36,380 --> 00:25:38,700 please fix it on a lot of AI tools, 446 00:25:38,700 --> 00:25:43,280 what it'll do is it'll wait for the AI to be done before entering the prompt. 447 00:25:43,460 --> 00:25:48,900 But Codex has steering built in, like steer like your steering wheel. 448 00:25:49,100 --> 00:25:52,380 And what you can do is I can paste that screenshot and just say, 449 00:25:52,640 --> 00:25:54,960 oh, by the way, there's some overlap here. 450 00:25:55,020 --> 00:25:56,520 You might want to fix this while you're working. 451 00:25:56,600 --> 00:25:59,980 And so when you press enter, by default, it'll be queued up. 452 00:26:00,140 --> 00:26:04,260 But if you click steer, it'll actually enter it while it's working. 453 00:26:04,400 --> 00:26:06,160 So you don't even have to wait for it to be done. 454 00:26:06,160 --> 00:26:08,640 You can kind of steer it while you work. 455 00:26:08,700 --> 00:26:15,080 And so you can see here, once it's done with its latest activity or tool call, your prompt gets 456 00:26:15,080 --> 00:26:20,300 entered. And so now in the middle of your conversation, it says that I saw the overlap. 457 00:26:20,300 --> 00:26:25,160 I'd already started moving the CTA and stats down, but I'm rechecking the hero and adjusting the copy 458 00:26:25,160 --> 00:26:30,840 and it'll hopefully make the fix on this specific run. And look at this. So it's already starting 459 00:26:30,840 --> 00:26:36,680 to fix it. And here we go. And I could say something like create four more variations. 460 00:26:36,680 --> 00:26:42,900 I want you to make slight modifications on each. 461 00:26:43,020 --> 00:26:44,360 I'm not gonna go through this whole process, 462 00:26:44,520 --> 00:26:45,960 but the point I'm trying to make here 463 00:26:45,960 --> 00:26:47,720 is Paper is a software tool 464 00:26:47,720 --> 00:26:51,520 that was designed specifically to connect to your AI agents 465 00:26:51,520 --> 00:26:53,920 like Codex, like Cloud Code, 466 00:26:53,980 --> 00:26:56,380 and there will be way more tools just like this. 467 00:26:56,540 --> 00:26:58,800 I think there's a massive opportunity to create tools 468 00:26:58,800 --> 00:27:01,380 that connect to other agents that people already use. 469 00:27:01,760 --> 00:27:05,280 And you can see here, Figma has a really bad integration, 470 00:27:05,280 --> 00:27:07,300 in my opinion, compared to paper. 471 00:27:07,480 --> 00:27:08,920 Paper is just way more fun. 472 00:27:09,260 --> 00:27:09,840 And look at this. 473 00:27:09,960 --> 00:27:11,860 It just created this new variation 474 00:27:11,860 --> 00:27:14,460 and it is going to copy over everything. 475 00:27:14,940 --> 00:27:16,700 And that's how easy it is. 476 00:27:16,800 --> 00:27:18,840 You just get AI to create multiple variations. 477 00:27:19,140 --> 00:27:21,320 Look at this, number two, number three, and number four, 478 00:27:21,680 --> 00:27:23,800 right, making them with different background colors. 479 00:27:24,160 --> 00:27:25,960 It's working on them in parallel. 480 00:27:26,520 --> 00:27:29,700 And this tool, paper, was made specifically 481 00:27:29,700 --> 00:27:32,520 to be an integration into your existing tools. 482 00:27:32,840 --> 00:27:34,920 And this is gonna be a massive trend going forward. 483 00:27:34,920 --> 00:27:38,560 And so plugins are kind of pre-made for you a lot of the time. 484 00:27:38,680 --> 00:27:43,640 They're just built into codecs and this list is going to get a thousand times bigger. 485 00:27:43,780 --> 00:27:50,980 This tool is going to become so popular that every software platform in the world is going to be begging OpenAI to create an official plugin for them. 486 00:27:51,200 --> 00:27:52,720 So you show up at the top of the list. 487 00:27:52,840 --> 00:28:01,140 The value of showing up at the top of this list for like GitHub, Linear, all of these tools, even showing up at this part right here like Neon Postgres. 488 00:28:01,140 --> 00:28:04,860 Like this is so valuable to show up here on this list. 489 00:28:04,920 --> 00:28:08,160 And so there's gonna be more and more of these integrations, 490 00:28:08,160 --> 00:28:10,660 but it's important to realize how to create your own skill. 491 00:28:10,880 --> 00:28:12,760 So let's go ahead and create our own skill. 492 00:28:13,040 --> 00:28:15,920 So if we go to our general agent tasks 493 00:28:15,920 --> 00:28:17,140 and we open up a new task, 494 00:28:17,340 --> 00:28:19,700 one of the things that I was constantly doing 495 00:28:19,700 --> 00:28:22,400 over and over again was going to YouTube 496 00:28:22,400 --> 00:28:23,960 and I would go to this site 497 00:28:23,960 --> 00:28:26,380 called like YouTube Transcript Extractor 498 00:28:26,380 --> 00:28:28,580 and I wanted a way to very easily 499 00:28:28,580 --> 00:28:31,100 like pull a transcript from a video. 500 00:28:31,320 --> 00:28:32,480 And then I wanted to be able to do it 501 00:28:32,480 --> 00:28:34,620 for all of the videos of a given channel 502 00:28:34,620 --> 00:28:40,760 or I wanted to be able to search YouTube and pull the transcripts from a certain search term. 503 00:28:41,240 --> 00:28:42,380 And so I looked it up. 504 00:28:42,460 --> 00:28:47,900 I said, hey, I want to be able to use an API. 505 00:28:48,260 --> 00:28:51,100 And so an API, for those of you who are untechnical, 506 00:28:51,240 --> 00:28:57,860 you can think of this as just like a way to use code to access certain information from other people's software. 507 00:28:58,120 --> 00:29:02,860 And so when you're vibe coding, a lot of you guys who follow me have vibe coded before. 508 00:29:02,860 --> 00:29:11,700 And if you wanted to add an AI chat to an application, you needed the OpenAI API, which you also needed an OpenAI API key. 509 00:29:11,920 --> 00:29:17,560 And this would basically grant you access to add the OpenAI technology into your app. 510 00:29:17,660 --> 00:29:19,580 And so this is what I'll do all the time. 511 00:29:19,700 --> 00:29:25,900 Like if I'm running into an annoying process that I'm doing over and over again, I'll just look up and see if there's an API for it. 512 00:29:25,920 --> 00:29:30,660 So it's like I want to be able to use an API to pull YouTube transcripts. 513 00:29:30,660 --> 00:29:35,140 can you suggest the top five for me? 514 00:29:35,140 --> 00:29:37,820 And look at this, it just created a list 515 00:29:37,820 --> 00:29:39,640 of different ones that we can use. 516 00:29:39,640 --> 00:29:43,080 Here are the top five, Supadata, Transcript API, 517 00:29:43,080 --> 00:29:46,160 YouTube Transcript.io, and Scrape Creators. 518 00:29:46,160 --> 00:29:49,400 So I'm gonna go ahead and I'm gonna check out Supadata, 519 00:29:49,400 --> 00:29:51,400 and I have used this before. 520 00:29:51,400 --> 00:29:53,240 And what we can do is we can sign in, 521 00:29:53,240 --> 00:29:55,400 and once you sign in and put in your credit card, 522 00:29:55,400 --> 00:29:57,180 you can get an API key. 523 00:29:57,180 --> 00:29:59,180 I think I might even be on the free plan. 524 00:29:59,180 --> 00:30:03,280 And so I get a certain amount of transcripts per month. 525 00:30:03,340 --> 00:30:05,060 I think you get 100 free per month. 526 00:30:05,180 --> 00:30:07,780 So I'm not on my personal SuperData account. 527 00:30:07,900 --> 00:30:09,360 I don't think I'm using that many of them. 528 00:30:09,400 --> 00:30:12,980 So I can copy this API key and we can go back to Codex 529 00:30:12,980 --> 00:30:17,180 and say, okay, please, can you create a skill 530 00:30:17,180 --> 00:30:23,280 that allows me to ask you to summarize the latest 10 videos 531 00:30:23,280 --> 00:30:24,480 from a certain YouTube channel? 532 00:30:24,560 --> 00:30:26,300 And you can always use this API 533 00:30:26,300 --> 00:30:27,880 to just immediately pull them. 534 00:30:27,880 --> 00:30:29,360 So you can go to their YouTube channel. 535 00:30:29,480 --> 00:30:30,480 You can search your YouTube channel, 536 00:30:30,580 --> 00:30:32,960 get their latest five videos and pull the transcripts 537 00:30:32,960 --> 00:30:33,900 and then summarize them. 538 00:30:34,000 --> 00:30:35,200 I want you to create a skill. 539 00:30:35,340 --> 00:30:37,280 So you're gonna need to look and research 540 00:30:37,280 --> 00:30:41,080 how to use Supa data and figure out how to use it well 541 00:30:41,080 --> 00:30:42,900 and quickly and create a skill 542 00:30:42,900 --> 00:30:45,220 so that I can always ask you for this information. 543 00:30:45,520 --> 00:30:47,940 Here is my API key. 544 00:30:48,060 --> 00:30:49,680 I'm gonna include my API key. 545 00:30:49,740 --> 00:30:50,740 I'm gonna paste it at the end. 546 00:30:50,800 --> 00:30:52,040 I don't wanna show it on camera. 547 00:30:52,400 --> 00:30:53,620 But one thing before I wanna do that 548 00:30:53,620 --> 00:30:55,420 is you can type in skill creator 549 00:30:55,420 --> 00:30:58,840 and this will indicate that it should use the skill creator. 550 00:30:58,960 --> 00:31:01,000 It'll help it understand what it needs to do 551 00:31:01,000 --> 00:31:04,140 and this skill makes it really good at creating skills. 552 00:31:04,280 --> 00:31:06,120 And so here is the key. 553 00:31:06,280 --> 00:31:08,100 I'm gonna paste it but I'm gonna do it off camera. 554 00:31:08,400 --> 00:31:09,780 Okay, so I entered my prompt. 555 00:31:10,100 --> 00:31:10,940 It's now running. 556 00:31:11,100 --> 00:31:13,000 I'm just have this covering up my key 557 00:31:13,000 --> 00:31:15,880 and it's going to use the skill creator 558 00:31:15,880 --> 00:31:17,920 and it is going to create the skill. 559 00:31:18,120 --> 00:31:20,520 And then once your codex is done working 560 00:31:20,520 --> 00:31:21,960 and it's created the skill, 561 00:31:22,160 --> 00:31:24,580 again, you go to plugins, you click on skills 562 00:31:24,580 --> 00:31:26,060 and you'll see it right here. 563 00:31:26,160 --> 00:31:28,760 And so it created this skill called YouTube Researcher. 564 00:31:28,820 --> 00:31:30,200 And so in order to use a skill, 565 00:31:30,300 --> 00:31:31,980 you actually need to create a new session. 566 00:31:32,180 --> 00:31:34,700 So this is the session that we created the skill in. 567 00:31:34,880 --> 00:31:38,540 Once we're done, right, we can just hit this new chat button 568 00:31:38,540 --> 00:31:41,440 and we can just type in YouTube Researcher. 569 00:31:41,440 --> 00:31:46,480 And so please, can you look at Riley Brown 570 00:31:46,480 --> 00:31:51,800 latest 10 YouTube videos, pull the transcripts 571 00:31:51,800 --> 00:31:56,220 and summarize them in a document. 572 00:31:56,220 --> 00:31:58,420 And please, I want you to inform me 573 00:31:58,420 --> 00:32:00,000 which of these videos did well and- 574 00:32:00,000 --> 00:32:04,000 which of these videos did not do as well and this should be kind of an analysis 575 00:32:04,000 --> 00:32:07,560 of what people are interested in that's what I want you to look in and then also 576 00:32:07,560 --> 00:32:12,480 do a hook analysis so based on like the intro of my video I want you to say 577 00:32:12,480 --> 00:32:18,100 which intros did well, which intros did not do well. And in this report, I want the YouTube 578 00:32:18,100 --> 00:32:23,200 thumbnails in there as well. So SuperData can also pull the YouTube thumbnail, which is really cool. 579 00:32:23,300 --> 00:32:29,480 Okay, so it is done. And you can see here, we see this report. If I click open, we now have this 580 00:32:29,480 --> 00:32:35,260 Riley Brown YouTube report. And look at this. So this is using this skill right here, which is the 581 00:32:35,260 --> 00:32:42,020 slash docs, word docs skill. This is, I think this comes built into Codex. And it looked at 582 00:32:42,020 --> 00:32:47,340 all the full transcripts. And here at the bottom, we see the hook winner. So Claude is taking over, 583 00:32:47,460 --> 00:32:53,540 big market shift, high urgency. These intros did the best. Claude code leak, open claw blender 584 00:32:53,540 --> 00:32:59,280 skills. Claude code can design now why specialized agents are superior. That's pretty good. The hooks 585 00:32:59,280 --> 00:33:03,720 that didn't do well is build a sync web app and mobile app in 16 minutes. That video did not do 586 00:33:03,720 --> 00:33:08,280 as well. The 35 fundamentals you need to vibe code your first app. So it looks like vibe coding did 587 00:33:08,280 --> 00:33:13,120 not do as well building a mobile app with open AI codecs and seven open claw skills that can 10x 588 00:33:13,120 --> 00:33:18,660 your output. Very interesting. And so it even told me what to double down on. So this is pretty cool. 589 00:33:18,820 --> 00:33:23,220 So it took all of that YouTube data and turned it into a document. I'm going to say, okay, 590 00:33:23,220 --> 00:33:32,280 on the last day of every month, I want you to do this for the videos for that month. Can you 591 00:33:32,280 --> 00:33:45,860 create this automation that uses the slash YouTube researcher skill and the slash word doc to create 592 00:33:45,860 --> 00:33:55,540 a report just like this for the videos for that month. Make it slightly more brief and in the 593 00:33:55,540 --> 00:34:03,300 table make them ordered by view count. And so now we're running this, we can exit full screen mode. 594 00:34:03,420 --> 00:34:07,520 And that's exactly what we're going to do here. So what we did here is we basically created a 595 00:34:07,520 --> 00:34:13,640 YouTube researcher skill. And this required an external API. And we just did research on Codex 596 00:34:13,640 --> 00:34:23,120 to find the SupaData API. And then what we did is we got an API key, we gave this API key to Codex. 597 00:34:23,120 --> 00:34:26,400 and we said create a skill with the super data API, 598 00:34:26,740 --> 00:34:31,540 use this key, and then this created this skill. 599 00:34:31,760 --> 00:34:33,600 So this process created this skill 600 00:34:33,600 --> 00:34:35,020 and then we said to use it. 601 00:34:35,080 --> 00:34:38,280 I said use the super data API to look up my YouTube, 602 00:34:38,560 --> 00:34:40,200 pull all my latest transcripts 603 00:34:40,200 --> 00:34:42,420 and then create a doc, right? 604 00:34:42,460 --> 00:34:43,600 And so we created a doc 605 00:34:43,600 --> 00:34:45,960 and then we kind of paired these together, right? 606 00:34:45,960 --> 00:34:48,620 We used these in tandem with one another. 607 00:34:48,620 --> 00:34:51,600 We use this and we created this automation, right? 608 00:34:51,660 --> 00:34:52,880 So we created an automation 609 00:34:52,880 --> 00:35:01,760 We said every single end of the month, at the end of every single month, I want you to create a report that searches YouTube and prepares it in a Word doc and send it to me. 610 00:35:01,880 --> 00:35:03,440 And that's exactly what we did. 611 00:35:03,580 --> 00:35:05,940 And so if we go back to Codex, let's see if it's done. 612 00:35:06,200 --> 00:35:07,020 Yes, it's done. 613 00:35:07,140 --> 00:35:10,060 And you see here it says created monthly YouTube report. 614 00:35:10,220 --> 00:35:13,240 So I can click on this and here, okay, I didn't realize this. 615 00:35:13,300 --> 00:35:17,620 You can reference skills in the monthly report. 616 00:35:17,760 --> 00:35:18,800 So that's useful to know. 617 00:35:19,220 --> 00:35:22,120 And you'll notice here in the automations tab, we now have a two. 618 00:35:22,120 --> 00:35:27,280 So we have two automations that are set up, a monthly YouTube report and a weekly calendar recap. 619 00:35:27,580 --> 00:35:30,420 Okay, so we've covered a lot here in part one. 620 00:35:30,520 --> 00:35:34,940 We've talked about a lot of the basics, how the app works, how to create skills. 621 00:35:35,220 --> 00:35:37,200 We've talked about plugins, automations. 622 00:35:37,420 --> 00:35:41,200 We've created a couple and we're kind of moving slowly through this process. 623 00:35:41,320 --> 00:35:47,040 In part two, we're going to be doing a role play and we're going to be creating six different things at once. 624 00:35:47,040 --> 00:35:52,180 and what I really want to show in this section is a how to do like we're actually going to create a 625 00:35:52,180 --> 00:35:55,820 web app we're going to create a mobile app so we're going to learn about vibe coding in this 626 00:35:55,820 --> 00:36:01,280 process but I also want to focus on multitasking as I said earlier in the video these agents are 627 00:36:01,280 --> 00:36:07,180 taking longer and longer to complete tasks so if you want to be efficient in this new AI world you 628 00:36:07,180 --> 00:36:13,320 need to learn how to set is like send instructions to an agent trust the agent to do really good work 629 00:36:13,320 --> 00:36:15,260 and then move to a new agent chat 630 00:36:15,260 --> 00:36:17,220 so that you can start working on something else. 631 00:36:17,460 --> 00:36:20,920 And all of the best engineers and the best operators 632 00:36:20,920 --> 00:36:24,140 who use AI are very effective multitaskers. 633 00:36:24,280 --> 00:36:27,480 And they're able to like just focus on one agent chat, 634 00:36:27,600 --> 00:36:29,220 put all of your effort into a prompt. 635 00:36:29,540 --> 00:36:30,660 And then once you press enter 636 00:36:30,660 --> 00:36:33,740 to just check out of that task and move to a new one. 637 00:36:33,800 --> 00:36:35,360 So it's not even like multitasking, 638 00:36:35,480 --> 00:36:36,680 you're like serial tasking. 639 00:36:36,680 --> 00:36:40,340 Each prompt that you type in is the task. 640 00:36:40,500 --> 00:36:43,200 And so we're gonna create six different things 641 00:36:43,200 --> 00:36:47,820 in this role play. So in this role play, my name is Riley Brown, which is my actual name, 642 00:36:47,940 --> 00:36:53,660 but I want to create an iOS app. So my main priority is to create an iOS app, but creating 643 00:36:53,660 --> 00:36:57,940 the app isn't enough, right? We actually have to do some marketing. And so that's why I'm going to 644 00:36:57,940 --> 00:37:02,960 be creating some ex post automations. We also need a high quality launch video. We're going to do a 645 00:37:02,960 --> 00:37:06,300 launch video. I want to raise a little bit of money. I want to raise a million bucks for this 646 00:37:06,300 --> 00:37:10,760 app. So we're going to create an investor deck. We're also going to release this launch video 647 00:37:10,760 --> 00:37:12,720 before this app is out, right? 648 00:37:12,840 --> 00:37:16,480 So we want to go launch video, then iOS app, 649 00:37:16,540 --> 00:37:20,240 which means that we need to create some sort of website 650 00:37:20,240 --> 00:37:23,180 or landing page that we can allow people 651 00:37:23,180 --> 00:37:24,380 to sign up for a wait list. 652 00:37:24,560 --> 00:37:25,800 You wanna be able to collect data. 653 00:37:26,060 --> 00:37:27,960 And before we create our iOS app, 654 00:37:28,040 --> 00:37:30,680 we are going to create an iOS app design. 655 00:37:30,860 --> 00:37:32,460 And that's what we're gonna do. 656 00:37:32,740 --> 00:37:35,360 So we're gonna kind of move through these together. 657 00:37:35,640 --> 00:37:37,620 You know, we're not gonna work on all six at once, 658 00:37:37,620 --> 00:37:39,780 but we're gonna be working on many things at once 659 00:37:39,780 --> 00:37:47,140 the whole time until we create a system around this app that could be a fully operating business 660 00:37:47,140 --> 00:37:51,200 and we're going to create some automations as well. So in order to get started what I'm going 661 00:37:51,200 --> 00:37:55,860 to do is I'm going to go to Codex and we're going to create a new project. So this new project 662 00:37:55,860 --> 00:38:00,100 we're going to go into Riley Brown we're going to go into Codex projects actually we're going to 663 00:38:00,100 --> 00:38:05,580 create a whole new folder here and I'm just going to call this my new business and what I'm going to 664 00:38:05,580 --> 00:38:09,880 do is I'm just going to open up this folder and I'm going to hit new chat. I'm going to say I have 665 00:38:09,880 --> 00:38:16,400 a plan, create a markdown file of my plan. Then what I'm going to do is I'm going to go to this 666 00:38:16,400 --> 00:38:21,940 little thing here and I'm just going to take a screenshot of this, put this image. I'm creating 667 00:38:21,940 --> 00:38:27,840 a mobile app right now and a landing page as well as some other assets. I want to create a design 668 00:38:27,840 --> 00:38:32,280 for this. I just want you to outline what I've put in this in a simple markdown file. Whatever you 669 00:38:32,280 --> 00:38:36,880 see here. I'm also going to make a launch video with a remotion skill. I'm going to make, what else 670 00:38:36,880 --> 00:38:41,640 am I doing? Oh, an investor deck. I also want to make an investor deck. So please just make a simple 671 00:38:41,640 --> 00:38:47,180 bulleted list that I can check off as I go along of all of these items. So there should be six, 672 00:38:47,460 --> 00:38:52,300 each one of the ones that are listed here. And then please at the top, put my app idea. So my 673 00:38:52,300 --> 00:38:57,060 app idea is as follows. And I put a little info here. The app is going to be called Chorus. It's 674 00:38:57,060 --> 00:39:01,380 going to be a place where people can learn about AI agents. People can learn about the best agent 675 00:39:01,380 --> 00:39:08,360 platforms. People can learn about how agents work. Oops, we can stop it here. People can also learn 676 00:39:08,360 --> 00:39:13,200 about the best skills. So that's going to be a skills library that I'm going to curate that 677 00:39:13,200 --> 00:39:17,220 people can copy and paste into any agent and it will just work. So basically just put this in a 678 00:39:17,220 --> 00:39:22,200 very simple one pager doc, don't add anything. So we're kind of just creating a plan here in this 679 00:39:22,200 --> 00:39:27,040 my new business. Now, while that's going to run, what I'm going to do is I'm going to create a new 680 00:39:27,040 --> 00:39:35,100 chat and I'm going to say I want to use the slash mobile design skill. Now this mobile design skill 681 00:39:35,100 --> 00:39:40,900 is a custom skill that I made and I actually extracted it from Anthropik's new design tool. 682 00:39:41,060 --> 00:39:47,900 So if you go to claw.ai slash design they just released a new design tool that's like supposed 683 00:39:47,900 --> 00:39:54,020 to be like Figma and all I did I had it create a mobile app design. As you can see here there's 684 00:39:54,020 --> 00:39:59,440 this like design and I want to be able to use a skill just like this. So then I just asked the 685 00:39:59,440 --> 00:40:04,940 agent. I said, hey, can you tell me exactly how this design app worked? And it just literally 686 00:40:04,940 --> 00:40:08,460 worked for me. Like I just outputted everything. So I just copied. 687 00:40:10,637 --> 00:40:17,097 And then I copied the files that this new claw design skill gives you. And then I gave it to 688 00:40:17,097 --> 00:40:22,277 Codex. And I literally said the following here. I literally said this. I said, I want you to create 689 00:40:22,277 --> 00:40:26,797 a mobile design skill. This is how Claude does it. I want you to mimic this. And then I just pasted 690 00:40:26,797 --> 00:40:32,137 literally everything it gave me here with all of the files. And it just created this mobile design 691 00:40:32,137 --> 00:40:36,297 skill and it works really well. I'll show you. So we can go back to this. I want you to use a mobile 692 00:40:36,297 --> 00:40:47,297 design skill and I want you to create the screens for this app in very basic Apple style design. 693 00:40:47,297 --> 00:40:51,897 we will add some flare in a little bit. 694 00:40:51,897 --> 00:40:56,897 I just want to get all the screens functionally correct. 695 00:40:57,517 --> 00:40:59,217 And so what I'm gonna do here 696 00:40:59,217 --> 00:41:02,197 is I'm going to go ahead and run this. 697 00:41:02,197 --> 00:41:04,657 I'm going to go back to this chorus app plan. 698 00:41:04,657 --> 00:41:06,517 We can open this here in the side view. 699 00:41:06,517 --> 00:41:09,637 So you can see here we have this right here. 700 00:41:09,637 --> 00:41:11,717 So this app is going to be called chorus. 701 00:41:11,717 --> 00:41:15,417 So I can just copy this and we can just paste this app idea. 702 00:41:15,417 --> 00:41:17,597 And now we're creating the mobile app design. 703 00:41:17,817 --> 00:41:20,637 And so what we need to do is we're going to create the design first. 704 00:41:21,317 --> 00:41:23,497 Then we're going to create an iPhone app. 705 00:41:23,777 --> 00:41:28,337 We're going to create a web app, Investor Deck, Launch Video, and X-Post Automation. 706 00:41:28,457 --> 00:41:29,797 So we're working on this right now. 707 00:41:29,997 --> 00:41:35,417 And by the way, I will post the mobile app design skill on the actual app that we're creating. 708 00:41:35,497 --> 00:41:39,557 I'm going to put this on TestFlight and I'll put it on a website somewhere below the video. 709 00:41:39,677 --> 00:41:41,837 So you'll be able to get this mobile app design skill. 710 00:41:41,837 --> 00:41:47,197 you'll be able to just copy the link and paste it into Codex and use the skill for 100% for free. 711 00:41:47,297 --> 00:41:52,777 And okay, so while these screens are loading, we can actually get our mobile app set up. And so I'm 712 00:41:52,777 --> 00:41:57,697 going to go through this process relatively slowly so that you can understand how to build an iOS app 713 00:41:57,697 --> 00:42:04,217 with Codex. So I'm going to say, I want you to create a new project called Chorus. This is going 714 00:42:04,217 --> 00:42:09,137 to be a Swift mobile app. And what I want you to do right now is just make it say, hello world, 715 00:42:09,137 --> 00:42:11,897 This is Chorus in simple text in the middle. 716 00:42:12,057 --> 00:42:14,517 Basically what we're doing is we're just getting our project set up. 717 00:42:14,677 --> 00:42:15,797 We're not going to do anything else. 718 00:42:15,917 --> 00:42:21,457 Just put this text on a mobile app and open the Xcode project when you're done so that 719 00:42:21,457 --> 00:42:23,457 I can run it from Xcode. 720 00:42:23,617 --> 00:42:25,077 And so we're going to run this. 721 00:42:25,477 --> 00:42:28,677 In order to use this, you're going to need two things. 722 00:42:29,057 --> 00:42:31,057 And you can search on Codex how to do this. 723 00:42:31,157 --> 00:42:32,177 You're going to need Xcode. 724 00:42:32,337 --> 00:42:33,937 And I will pull it up here. 725 00:42:33,977 --> 00:42:36,297 If you just type in download Xcode. 726 00:42:36,297 --> 00:42:40,277 This is Apple's developer platform, 727 00:42:40,617 --> 00:42:43,577 and Codex can actually connect to Xcode. 728 00:42:43,817 --> 00:42:44,757 And once you download this, 729 00:42:44,817 --> 00:42:48,557 you're also gonna need to download iOS simulator 730 00:42:48,557 --> 00:42:52,177 if you want to run it on a little device on your phone. 731 00:42:52,297 --> 00:42:54,557 So those are the two things that I have downloaded, 732 00:42:54,797 --> 00:42:57,637 and you're gonna need the iOS simulator for this. 733 00:42:57,797 --> 00:42:59,897 And you can figure out how to download this. 734 00:42:59,977 --> 00:43:00,737 Just ask AI. 735 00:43:01,017 --> 00:43:02,357 You do need a Mac for this, 736 00:43:02,357 --> 00:43:08,917 and you will probably need like 20 gigabytes of spare storage on your computer. So the chorus 737 00:43:08,917 --> 00:43:14,577 screens are still being built, but the create chorus hello app is done. And so it actually 738 00:43:14,577 --> 00:43:19,957 opened up Xcode on my computer. Now what I'm going to do is I'm going to change this to one 739 00:43:19,957 --> 00:43:26,577 of the simulators. We're going to use an iPhone 17 and we're going to hit this play button. This 740 00:43:26,577 --> 00:43:31,837 should open a simulator. Here it is. And here is the app that we're going to be working on. So I'm 741 00:43:31,837 --> 00:43:39,097 to move this right here. Here is going to be the mobile app that we are working on. And this is 742 00:43:39,097 --> 00:43:45,317 really cool. And as you can see here, hello, this is Chorus. This is the app. It is completely white. 743 00:43:45,317 --> 00:43:49,757 Just have this black text here in the middle. There's no app functionality. We just now have 744 00:43:49,757 --> 00:43:54,757 the project open. And now we can talk to Codex and we can actually edit this app however we want. We 745 00:43:54,757 --> 00:43:59,977 can build any features we want, literally any features, simply by Fybecoding. And you'll see, 746 00:43:59,977 --> 00:44:06,097 We'll add some more features later. Now here is an app where we see that the build chorus screens 747 00:44:06,097 --> 00:44:10,857 is done. We can click on this. Okay so I actually just went to have lunch for about 25 minutes 748 00:44:10,857 --> 00:44:16,217 and we're back and all my agents are done. So obviously we have the Xcode project set up and 749 00:44:16,217 --> 00:44:21,557 here we have the build chorus screens. So now that it's done and it gave us this prototype link. So 750 00:44:21,557 --> 00:44:25,797 my skill gives you a prototype link and take a look at that. So we have this app screen. It's 751 00:44:25,797 --> 00:44:32,517 very basic but we can switch screens here or we can switch tabs so we have this like learn tab and 752 00:44:32,517 --> 00:44:38,917 maybe you can do like agents 101 i think this is actually a decent start i like the hierarchy so 753 00:44:38,917 --> 00:44:44,677 like the learn the different platforms this is like a good we can organize this or actually create 754 00:44:44,677 --> 00:44:50,197 real categories later but this is ultimately what i want the app to look like and saved is good it 755 00:44:50,197 --> 00:44:54,917 It separates the learning and the platforms and the skills here. 756 00:44:55,017 --> 00:44:56,977 As you can see here, we have multiple save. 757 00:44:57,097 --> 00:44:58,077 I like this design. 758 00:44:58,197 --> 00:45:02,157 So if we go to this Chorus app and what we can do is we can say, please integrate. 759 00:45:02,517 --> 00:45:03,937 And you can actually go up here. 760 00:45:04,057 --> 00:45:07,937 And what you can do is you can actually click on this toggle files. 761 00:45:08,537 --> 00:45:09,777 So here we have the output. 762 00:45:10,317 --> 00:45:11,617 Oh, this is cool. 763 00:45:11,937 --> 00:45:12,417 Yeah. 764 00:45:12,597 --> 00:45:15,717 So now we can see we have this mobile design. 765 00:45:15,717 --> 00:45:30,417 So we can just say, please integrate the screens in the My New Business folder in the mobile app and just make this app have all of these screens. 766 00:45:30,917 --> 00:45:40,397 We will populate it with real data later and build out the experience and polish the design. 767 00:45:40,617 --> 00:45:42,857 So implement it now. 768 00:45:42,857 --> 00:45:46,237 So we've created these screens right here 769 00:45:46,237 --> 00:45:48,277 and this just give us kind of like a nice little outline. 770 00:45:48,377 --> 00:45:50,377 Okay, we can make some edits to this, 771 00:45:50,377 --> 00:45:52,257 but I think this is good enough to just implement. 772 00:45:52,637 --> 00:45:55,117 And so we can go to our plan and we could say, 773 00:45:55,277 --> 00:45:58,757 okay, mark the iPhone app as done 774 00:45:58,757 --> 00:46:01,857 and then make the building the iPhone app 775 00:46:01,857 --> 00:46:03,737 as working in the works. 776 00:46:04,077 --> 00:46:07,077 And then also put web app and landing page in the works 777 00:46:07,077 --> 00:46:09,677 because now we need to create a landing page. 778 00:46:09,757 --> 00:46:11,017 Okay, so that just sent through. 779 00:46:11,017 --> 00:46:15,437 now what we can do is we're going to create a new chat and we're going to say, I want to create a 780 00:46:15,437 --> 00:46:25,097 very basic web app landing page that can collect data from interested users for our app. I just 781 00:46:25,097 --> 00:46:30,537 want to create the shell and basically just have a page with a title that says Chorus app. And then 782 00:46:30,537 --> 00:46:37,697 I want a field that users can fill out in order to put in their email and their information, 783 00:46:37,697 --> 00:46:40,037 except we're gonna use an external tool for this. 784 00:46:40,197 --> 00:46:42,477 And so what I'm gonna do is I'm gonna go to art. 785 00:46:42,597 --> 00:46:45,597 And what I'm gonna do is I'm gonna go to tally.so. 786 00:46:45,757 --> 00:46:48,757 So tally is a tool that I use to collect form submissions. 787 00:46:48,957 --> 00:46:50,237 So here are all the form submissions 788 00:46:50,237 --> 00:46:51,497 that I've created in the past. 789 00:46:51,597 --> 00:46:53,537 Here's a brand new form that we're gonna create. 790 00:46:53,697 --> 00:46:54,877 And so I'm just gonna say, 791 00:46:54,977 --> 00:46:57,177 I'm gonna say waitlist, porous, 792 00:46:57,457 --> 00:46:58,877 and we're gonna use a template. 793 00:46:59,157 --> 00:47:00,257 Let's just use a template. 794 00:47:00,697 --> 00:47:02,797 And we can just do this right here. 795 00:47:02,797 --> 00:47:05,477 And we can do last name, first name, email address. 796 00:47:05,477 --> 00:47:12,297 yeah let's use this template and we'll keep this really basic we'll just say sign up for chorus we 797 00:47:12,297 --> 00:47:17,417 can always edit this later but I think this is good how do we yeah I think this is good let's 798 00:47:17,417 --> 00:47:24,017 how do we make this not okay there we go done your registration is complete we will reach out in a few 799 00:47:24,017 --> 00:47:28,177 days okay that's good so now what we're going to do is we're going to publish this registration 800 00:47:28,177 --> 00:47:36,197 template. Now we're going to go to, I believe it is share and we can do this standard embed right 801 00:47:36,197 --> 00:47:41,557 here. And so we can click embed the code link. And so we can copy this code. As you can see here, 802 00:47:41,597 --> 00:47:48,997 it's saved to my clipboard. Or we can say, get the code. Yeah, I think we can just copy all of this 803 00:47:48,997 --> 00:47:57,937 and we can go back to codex. I am using tally.so. Can you please put this form in the site? We 804 00:47:57,937 --> 00:48:05,697 will design it after right because right now we are using tally to collect people's email addresses 805 00:48:08,937 --> 00:48:10,537 So like right after this video, in theory, 806 00:48:10,537 --> 00:48:11,957 I could put this up on the internet 807 00:48:11,957 --> 00:48:13,477 and I'll show you exactly how to do that. 808 00:48:13,477 --> 00:48:17,857 And we're creating just a website that embeds this code, 809 00:48:17,857 --> 00:48:19,357 which allows people to type that in. 810 00:48:19,357 --> 00:48:21,977 Then we're gonna design out the rest of the website. 811 00:48:21,977 --> 00:48:25,517 And here we actually have this app is done. 812 00:48:25,697 --> 00:48:27,477 Oh, and by the way, for this Tally app, 813 00:48:27,557 --> 00:48:30,077 I said make this a React app and run it locally. 814 00:48:30,477 --> 00:48:32,897 React is just like a good framework for design. 815 00:48:33,277 --> 00:48:35,117 I actually really don't even know what it is. 816 00:48:35,197 --> 00:48:37,517 I just know that every app I've created 817 00:48:37,517 --> 00:48:39,097 has been a React app. 818 00:48:39,177 --> 00:48:40,497 And here we can see that it's done. 819 00:48:40,617 --> 00:48:41,557 So if we click on this, 820 00:48:41,637 --> 00:48:43,617 it should open up the app here on the side. 821 00:48:44,097 --> 00:48:45,037 Let's see if this works. 822 00:48:45,317 --> 00:48:47,217 Okay, wait, while this finishes up, 823 00:48:47,217 --> 00:48:48,917 what we can do is we can go to Xcode. 824 00:48:49,097 --> 00:48:50,477 This does appear that it is done 825 00:48:50,477 --> 00:48:52,397 and we can run this again on the simulator. 826 00:48:52,897 --> 00:48:54,677 And here it succeeded. 827 00:48:55,157 --> 00:48:58,217 And here we have the app running on Swift. 828 00:48:58,377 --> 00:49:01,697 Learn, platform, skills, and saved. 829 00:49:01,837 --> 00:49:04,877 So this is indeed a Swift application. 830 00:49:05,177 --> 00:49:06,537 And we have these pages. 831 00:49:06,797 --> 00:49:09,577 I wonder, do we want these fixed at the top? 832 00:49:09,737 --> 00:49:12,057 We will need to make some decisions here. 833 00:49:12,357 --> 00:49:14,297 Oh, okay, so this is running locally. 834 00:49:14,297 --> 00:49:16,817 This just opened up in my computer right here. 835 00:49:16,937 --> 00:49:19,417 We can see that this is working really well. 836 00:49:19,417 --> 00:49:21,097 And so I like this style. 837 00:49:21,297 --> 00:49:24,277 For whatever reason, Codex likes to use this style by default. 838 00:49:24,437 --> 00:49:27,577 I'm going to have it use a style that looks a lot more like this. 839 00:49:27,677 --> 00:49:29,017 We're going to keep it very basic. 840 00:49:29,177 --> 00:49:32,757 And okay, so what I want to do is I'm going to go to this Chorus mobile app, right? 841 00:49:32,817 --> 00:49:34,577 Because here we're working on the Chorus app. 842 00:49:34,677 --> 00:49:37,657 And again, you can rename these chats to keep them more organized. 843 00:49:37,977 --> 00:49:39,577 So in fact, I'm going to show you. 844 00:49:39,617 --> 00:49:43,697 You can just right click and I'm just going to say mobile, mobile app. 845 00:49:43,737 --> 00:49:46,997 We can rename this to web app. 846 00:49:46,997 --> 00:49:50,657 We can create chorus project plan. 847 00:49:51,197 --> 00:49:54,117 Yeah, we can rename this to plan. 848 00:49:54,417 --> 00:49:57,277 And we can even pin the plan to the top right now. 849 00:49:57,437 --> 00:49:58,817 Build chorus screens. 850 00:49:59,157 --> 00:50:02,357 And so we can rename this screen design. 851 00:50:02,617 --> 00:50:04,897 So that way we can stay fully organized while we work. 852 00:50:05,037 --> 00:50:06,537 Hi, I want to make some changes. 853 00:50:06,777 --> 00:50:10,737 So firstly, the name of each page, like for instance, learn, 854 00:50:11,037 --> 00:50:12,717 that should be pinned to the top. 855 00:50:12,757 --> 00:50:15,037 And when I scroll, that should not scroll down. 856 00:50:15,037 --> 00:50:16,737 And so that should be pinned to the top. 857 00:50:16,737 --> 00:50:21,417 Right now when I scroll, the title of the app goes down with it and it just looks janky. 858 00:50:21,657 --> 00:50:26,557 And then as I scroll up, the tags at the top, those should scroll. 859 00:50:27,037 --> 00:50:32,137 And as items go beneath the top bar, I want it to kind of fade out. 860 00:50:32,237 --> 00:50:34,357 And this should be consistent on every page. 861 00:50:34,437 --> 00:50:37,497 Right now when I scroll down on platforms, it'll just look a lot better. 862 00:50:37,797 --> 00:50:44,477 And then also the bottom little bar thing that has the four tabs, I really like the design. 863 00:50:44,597 --> 00:50:45,077 Keep it everything. 864 00:50:45,077 --> 00:50:46,677 Just move it down a little bit. 865 00:50:46,737 --> 00:50:51,197 And then have as you scroll down, have the items fade out. 866 00:50:51,377 --> 00:50:56,237 So the list as I scroll down should not appear to be beneath the bottom bar. 867 00:50:56,237 --> 00:50:59,797 It should fade out as it gets like halfway through the bar. 868 00:50:59,897 --> 00:51:03,437 I've seen a lot of apps have this design or like right as it reaches the bar, 869 00:51:03,537 --> 00:51:05,457 it should like have this light little fade out. 870 00:51:05,557 --> 00:51:07,677 Similar to how you're going to do the top as well. 871 00:51:08,017 --> 00:51:10,137 And yeah, we're going to run it. 872 00:51:10,357 --> 00:51:13,597 Okay, so once your mobile app agent is done building, 873 00:51:13,797 --> 00:51:15,617 every single time you actually need to hit play 874 00:51:15,617 --> 00:51:18,337 and this actually rebuilds the app on the device. 875 00:51:18,677 --> 00:51:19,617 So now we want to test it. 876 00:51:19,677 --> 00:51:20,517 Let's see how this looks. 877 00:51:20,637 --> 00:51:22,617 We have this nice blur here at the bottom. 878 00:51:23,037 --> 00:51:24,777 We have a blur here at the top. 879 00:51:24,857 --> 00:51:25,237 Look at this. 880 00:51:25,277 --> 00:51:26,237 This is pretty cool. 881 00:51:26,777 --> 00:51:28,317 We can switch platforms 882 00:51:28,317 --> 00:51:29,557 and we're going to replace this 883 00:51:29,557 --> 00:51:31,997 with all the different platforms up here. 884 00:51:32,197 --> 00:51:34,277 This is going to be pretty cool. 885 00:51:34,517 --> 00:51:36,517 This is looking really good, actually. 886 00:51:36,757 --> 00:51:38,917 I'm actually enjoying this. 887 00:51:39,997 --> 00:51:41,057 Research, build. 888 00:51:41,177 --> 00:51:44,797 Here are going to be the skills for different avatars. 889 00:51:44,797 --> 00:51:46,797 Ooh, this is nice actually. 890 00:51:46,977 --> 00:51:48,597 And then saved, we can save them. 891 00:51:49,497 --> 00:51:51,477 And that's pretty cool. 892 00:51:51,637 --> 00:51:53,197 These actually do get saved. 893 00:51:53,297 --> 00:51:55,257 This is very, very cool. 894 00:51:55,477 --> 00:51:56,957 Okay, so we're working on this app. 895 00:51:57,037 --> 00:51:57,837 It looks pretty good. 896 00:51:57,937 --> 00:52:00,037 We need to figure out a database, right? 897 00:52:00,057 --> 00:52:01,657 We wanna figure out how users 898 00:52:01,657 --> 00:52:02,957 are gonna be able to sign in. 899 00:52:03,297 --> 00:52:04,637 Actually, we don't even need to worry about that. 900 00:52:04,697 --> 00:52:06,177 It's like, how do I update this 901 00:52:06,177 --> 00:52:08,897 with the right app icons, et cetera, et cetera. 902 00:52:08,997 --> 00:52:10,517 And ideally, how do I do it from here? 903 00:52:10,577 --> 00:52:12,117 So we can just ask Kodak. 904 00:52:12,197 --> 00:52:13,777 So I'm just gonna ask it a long prompt here. 905 00:52:13,777 --> 00:52:22,957 What I want to be able to do is I want to be able to update the app so that the different platforms and the platform types are kind of stored in a database. 906 00:52:22,957 --> 00:52:30,457 And I'm thinking, what is the easiest way to like store this information in this app so that I can have you edit it with AI? 907 00:52:30,657 --> 00:52:37,697 Like I could just ask you right now to edit things or add things to this app that's secure so users won't be able to edit it. 908 00:52:37,697 --> 00:52:40,457 And like what database should we use? 909 00:52:40,677 --> 00:52:43,797 And yeah, I want to be able to just like add a ton of things to this, 910 00:52:43,917 --> 00:52:47,057 give you documents so you can add it so that it stays organized. 911 00:52:47,157 --> 00:52:50,737 And over time, it could scale up to like thousands of skills in theory 912 00:52:50,737 --> 00:52:52,197 in a couple of years or something. 913 00:52:52,437 --> 00:52:54,897 And we're going to allow users to sign in. 914 00:52:54,997 --> 00:52:59,057 So what would be the best database system to set up so that you can use, 915 00:52:59,177 --> 00:53:01,757 like I could just ask you to add things to this app 916 00:53:01,757 --> 00:53:05,957 and we could just create it basically with AI that would work with Clerk, 917 00:53:05,957 --> 00:53:08,197 which is what we use for my company right now. 918 00:53:08,197 --> 00:53:09,957 And so this is just another thing to learn 919 00:53:09,957 --> 00:53:11,017 when using agents, right? 920 00:53:11,017 --> 00:53:13,137 If you don't know what to do, you can just ask it, right? 921 00:53:13,137 --> 00:53:16,197 It'll tell you the options and you just need to say, 922 00:53:16,197 --> 00:53:17,017 okay, let's do it. 923 00:53:17,017 --> 00:53:17,857 Let's solve it. 924 00:53:17,857 --> 00:53:18,697 Let's try and figure this out. 925 00:53:18,697 --> 00:53:19,737 Okay, well that's working. 926 00:53:19,737 --> 00:53:24,737 Let's go ahead and please generate 10 possible app icons 927 00:53:27,597 --> 00:53:29,857 for our app here. 928 00:53:29,857 --> 00:53:31,197 And so I'm gonna just screenshot it 929 00:53:31,197 --> 00:53:33,057 so it knows which app we're talking about 930 00:53:33,057 --> 00:53:34,837 because it is located in the folder. 931 00:53:34,837 --> 00:53:36,857 We're working on the app now. 932 00:53:36,857 --> 00:53:39,397 I want 10 icons, no background that fits 933 00:53:39,397 --> 00:53:41,657 this same style of this app. 934 00:53:41,657 --> 00:53:44,097 Ideally something close to like those icons 935 00:53:44,097 --> 00:53:48,237 at the top row generate 10 images all without a background. 936 00:53:48,237 --> 00:53:51,237 I want 10 options for app icons to choose from. 937 00:53:51,237 --> 00:53:53,077 These are iOS app icons. 938 00:53:53,077 --> 00:53:56,337 And as I said earlier, the Codex app actually has 939 00:53:56,337 --> 00:53:58,877 the built-in ability to use image generation. 940 00:53:58,877 --> 00:54:01,797 So it will actually decide what prompts to use 941 00:54:01,797 --> 00:54:03,877 and it'll generate 10 images. 942 00:54:03,877 --> 00:54:07,477 Another thing that I wanna do is I want to begin thinking 943 00:54:07,477 --> 00:54:09,037 about our launch video. 944 00:54:09,037 --> 00:54:12,837 And so if we go to plugins and we type in the re-motion, 945 00:54:12,837 --> 00:54:15,057 we see that there's this re-motion plugin. 946 00:54:15,057 --> 00:54:17,917 This is how you can create motion graphics from prompts. 947 00:54:17,917 --> 00:54:18,857 We're gonna use this. 948 00:54:18,857 --> 00:54:20,317 I've already installed it. 949 00:54:20,317 --> 00:54:22,137 You see here it says remove from codex. 950 00:54:22,137 --> 00:54:24,497 If you haven't installed it, you'll see add to codex. 951 00:54:24,497 --> 00:54:27,017 And then you can basically give it full access 952 00:54:27,017 --> 00:54:27,877 to do its thing. 953 00:54:27,877 --> 00:54:29,617 So if we come back here and we can say, 954 00:54:29,617 --> 00:54:34,617 For the mobile app that we are working on right now, 955 00:54:34,857 --> 00:54:38,517 that is the best place for people to learn about agents 956 00:54:38,517 --> 00:54:41,657 and download skills and save things and learn about agents 957 00:54:41,657 --> 00:54:43,617 and make them become better and more productive 958 00:54:43,617 --> 00:54:45,377 and make more money with AI agents. 959 00:54:45,377 --> 00:54:46,837 I wanna create a launch video. 960 00:54:46,837 --> 00:54:49,457 So please just come up with a list of considerations 961 00:54:49,457 --> 00:54:51,317 for this, like what should we consider? 962 00:54:51,317 --> 00:54:55,157 Let's plan out the video where we are going to be using the, 963 00:54:55,157 --> 00:54:56,897 and remember you can type slash. 964 00:54:56,897 --> 00:55:00,637 Actually, when it's in a plugin, you go at, re-motion, 965 00:55:00,637 --> 00:55:02,497 skill, don't make the video yet. 966 00:55:02,497 --> 00:55:04,177 I just want you to think about the skill 967 00:55:04,177 --> 00:55:05,577 and think about the considerations 968 00:55:05,577 --> 00:55:07,497 that I should consider when making this video. 969 00:55:07,497 --> 00:55:08,657 So now we can run that. 970 00:55:08,657 --> 00:55:09,997 Let's go back to the mobile app. 971 00:55:09,997 --> 00:55:11,337 Here's what it says. 972 00:55:11,337 --> 00:55:14,377 So as of April 17th, the best fit for this 973 00:55:14,377 --> 00:55:16,637 would be clerk, Supabase, Postgres. 974 00:55:16,637 --> 00:55:17,477 Why? 975 00:55:17,477 --> 00:55:21,937 Clerk already covers your auth, and clerk, okay. 976 00:55:21,937 --> 00:55:23,637 Postgres is the right shape for this. 977 00:55:23,637 --> 00:55:25,857 Okay, so we should use Postgres. 978 00:55:25,857 --> 00:55:30,857 Okay, so give me the link to get started with Supabase. 979 00:55:32,277 --> 00:55:37,277 And is there a Supabase skill I could download 980 00:55:38,497 --> 00:55:40,577 that many people use? 981 00:55:40,577 --> 00:55:45,577 If so, download that skill, let's use it. 982 00:55:45,617 --> 00:55:50,417 Let me know where I need to sign in. 983 00:55:50,417 --> 00:55:52,157 So I noticed that in plugins, 984 00:55:52,157 --> 00:55:54,337 they didn't have a Supabase plugin, 985 00:55:54,337 --> 00:55:57,537 but Supabase are what most of the vibe coding platforms 986 00:55:57,537 --> 00:55:59,057 use for a database. 987 00:55:59,057 --> 00:56:01,257 In fact, Lovable uses Supabase 988 00:56:01,257 --> 00:56:03,737 and Supabase is actually a more valuable company 989 00:56:03,737 --> 00:56:04,577 than Lovable. 990 00:56:04,577 --> 00:56:06,557 It's like an incredibly valuable company. 991 00:56:06,557 --> 00:56:08,917 They're recently $10 billion and it's just. 992 00:56:10,117 --> 00:56:14,377 database at this point. And so we're going to use it. And since it doesn't have a built-in 993 00:56:14,377 --> 00:56:19,837 plugin, I'm just having Codex search the internet and find a skill that we can use for Supabase. 994 00:56:19,837 --> 00:56:25,617 And while that is searching for that skill, we're going to go to this plan remotion launch video that's now done. 995 00:56:25,837 --> 00:56:31,597 And so based on the chorus plan.md, and we have the Swift, the strongest launch video is AI is not the future. 996 00:56:31,937 --> 00:56:33,257 And it gave us this plan. 997 00:56:33,337 --> 00:56:39,977 It gave us some ideas, but I actually kind of want to make it more like the Anthropic videos, which do a really good job of showing off the product. 998 00:56:40,097 --> 00:56:43,797 But the first thing that we want to do is just test and see if this remotion skill works. 999 00:56:43,857 --> 00:56:47,677 And remember, remotion is what we're using to create a motion graphics video. 1000 00:56:47,677 --> 00:56:57,077 And so what I'm going to do is I'm just going to say, please use the skill to create a test video that just says, then it should show a mock-up. 1001 00:56:57,417 --> 00:57:02,897 It should flash between three more scenes that show these different screens. 1002 00:57:03,257 --> 00:57:12,297 And so what I'm going to do is I'm just going to screenshot this screen and this screen and this screen right here just to give it some additional context so it knows what screens to use. 1003 00:57:12,297 --> 00:57:19,837 I want you to make a mock-up of these so it looks exactly like an iPhone and have it animate on the screen and just have these four scenes. 1004 00:57:19,997 --> 00:57:21,897 The purpose of it and keep it as a white background. 1005 00:57:22,037 --> 00:57:29,017 The purpose of this is to just really I really want to just focus on seeing if this skill works properly. 1006 00:57:29,357 --> 00:57:33,057 And please look into this skill to figure out how you can run this locally. 1007 00:57:33,057 --> 00:57:41,357 So I can just click the local link and it opens up here in the side window and I can see the video along with the different tracks and sequences. 1008 00:57:41,817 --> 00:57:43,737 And if you get confused by that last part 1009 00:57:43,737 --> 00:57:45,377 and I talk about tracks and sequences, 1010 00:57:45,377 --> 00:57:47,057 I'll explain exactly what that means. 1011 00:57:47,197 --> 00:57:48,757 I actually have a good deal of experience 1012 00:57:48,757 --> 00:57:50,297 using the re-motion skill. 1013 00:57:50,657 --> 00:57:51,897 I used to use it in Claude Code. 1014 00:57:52,257 --> 00:57:53,577 I've used it in the Vibe Code app 1015 00:57:53,577 --> 00:57:55,257 and it's a pretty easy skill to use. 1016 00:57:55,317 --> 00:57:55,777 I'll show you. 1017 00:57:55,857 --> 00:57:57,317 So here it gave me this link. 1018 00:57:57,457 --> 00:57:59,137 We're back to creating a mobile app. 1019 00:57:59,217 --> 00:58:00,897 Remember, I'm sorry if we're moving around, 1020 00:58:01,017 --> 00:58:02,517 but remember this will take like, 1021 00:58:02,597 --> 00:58:04,417 some of these will take like five or six minutes. 1022 00:58:04,417 --> 00:58:06,157 So we want to be able to multitask. 1023 00:58:06,157 --> 00:58:07,297 So again, we're back. 1024 00:58:07,457 --> 00:58:10,017 We're looking at how to use Supabase. 1025 00:58:10,017 --> 00:58:13,917 And remember, I actually don't use Supabase that often, so I'm learning this as I go. 1026 00:58:14,037 --> 00:58:17,497 And that's part of what I'm trying to show you here is you can learn how to do things 1027 00:58:17,497 --> 00:58:18,717 as you do it. 1028 00:58:18,797 --> 00:58:20,717 That is part of the fun of using AIs. 1029 00:58:20,857 --> 00:58:22,997 It will just tell you how to do things. 1030 00:58:23,097 --> 00:58:24,097 You can just figure it out. 1031 00:58:24,197 --> 00:58:25,697 So I'm just going to create a new project. 1032 00:58:26,097 --> 00:58:32,217 New project name is going to be, and then we'll type a strong password, enable data 1033 00:58:32,217 --> 00:58:34,577 API, and create new project. 1034 00:58:35,057 --> 00:58:38,857 I'm going to say, okay, I created a new project. 1035 00:58:38,857 --> 00:58:43,857 send me the URL region and tell me when it exists. 1036 00:58:44,077 --> 00:58:45,477 Okay, so we can hit save. 1037 00:58:45,477 --> 00:58:48,517 I need to give it a URL region. 1038 00:58:48,517 --> 00:58:50,617 It's loading up. 1039 00:58:50,617 --> 00:58:51,897 That's pretty cool. 1040 00:58:51,897 --> 00:58:56,897 And if you take a look here, if we click connect, 1041 00:58:56,897 --> 00:58:59,737 I noticed here that we have an MCP. 1042 00:58:59,737 --> 00:59:04,737 We can choose codecs and we can give it feature groups, 1043 00:59:05,737 --> 00:59:08,117 only enable the subset of the features. 1044 00:59:08,857 --> 00:59:10,997 All right, so we can just copy this prompt. 1045 00:59:11,257 --> 00:59:15,397 So this should allow you to connect. 1046 00:59:15,397 --> 00:59:20,857 If you can connect, create the full DB and add everything. 1047 00:59:21,557 --> 00:59:26,157 If not, let me know what else you need. 1048 00:59:26,557 --> 00:59:28,877 Okay, so the Remotion launch video is done. 1049 00:59:28,977 --> 00:59:31,977 And so notice here, it gives us this localhost 3031. 1050 00:59:32,377 --> 00:59:35,657 We click on it and a timeline opens up right here. 1051 00:59:35,857 --> 00:59:37,637 And you can just edit this video. 1052 00:59:37,777 --> 00:59:38,477 Take a look at this. 1053 00:59:38,477 --> 00:59:40,297 You can just see a video. 1054 00:59:40,417 --> 00:59:41,097 We have our app. 1055 00:59:41,237 --> 00:59:43,917 This is a mock-up of all the screens in our app 1056 00:59:43,917 --> 00:59:46,357 showing up right here on our screen. 1057 00:59:46,437 --> 00:59:48,097 And we're just using the Remotion plugin. 1058 00:59:48,217 --> 00:59:49,317 I didn't do anything crazy. 1059 00:59:49,517 --> 00:59:51,437 You just enable the Remotion plugin. 1060 00:59:51,597 --> 00:59:55,257 You type at Remotion and boom, you're using it. 1061 00:59:55,377 --> 00:59:56,617 Now check this out, please. 1062 00:59:56,857 --> 00:59:59,117 Can you, I'm just gonna go on a tangent here 1063 00:59:59,117 --> 01:00:01,237 and just kind of talk about it. 1064 01:00:01,277 --> 01:00:02,977 And so by the way, this is how this works. 1065 01:00:03,037 --> 01:00:07,457 So you have like each second, each second has 30 frames. 1066 01:00:07,457 --> 01:00:09,257 So this is 30 frames per second. 1067 01:00:09,497 --> 01:00:11,457 And so you can always reference the frames. 1068 01:00:11,697 --> 01:00:14,477 So that's how I kind of talk to AI as I'm going through this. 1069 01:00:14,557 --> 01:00:18,057 So this would be on two seconds, 20 frame or 2.20. 1070 01:00:18,377 --> 01:00:21,497 You can mention the exact time that you want to make a change. 1071 01:00:21,577 --> 01:00:25,737 Like one thing I noticed here is like there's this learn text here, 1072 01:00:25,737 --> 01:00:28,317 but we don't need to make changes to this because we're just, 1073 01:00:28,437 --> 01:00:31,057 we just wanted to test this to see if this works and it does work. 1074 01:00:31,137 --> 01:00:34,777 And so I'm just going to say, make an outline for the phones like black, 1075 01:00:34,777 --> 01:00:36,337 make it look a little bit better. 1076 01:00:37,457 --> 01:00:40,677 Just like right now, you just show the screen. 1077 01:00:40,677 --> 01:00:42,657 I want a little black border around the edge 1078 01:00:42,657 --> 01:00:44,077 to make it look more like an iPhone. 1079 01:00:44,077 --> 01:00:46,577 Now, before the first screen comes on the phone, 1080 01:00:46,577 --> 01:00:48,237 I want text on the screen. 1081 01:00:48,237 --> 01:00:50,057 The text on the screen should read, 1082 01:00:50,057 --> 01:00:52,657 it should read agents are taking over the world. 1083 01:00:52,657 --> 01:00:57,657 Then there should be a little toggle that says learn, 1084 01:00:58,877 --> 01:01:02,957 and it should be in the off position. 1085 01:01:02,957 --> 01:01:06,477 Then have a mouse, and this should be black, 1086 01:01:06,477 --> 01:01:08,877 like computer mouse, come on the screen 1087 01:01:08,877 --> 01:01:10,897 and then toggle it to on. 1088 01:01:10,897 --> 01:01:14,257 As soon as that happens, the first phone screen 1089 01:01:14,257 --> 01:01:15,497 should come on the screen 1090 01:01:15,497 --> 01:01:18,397 and then it should scroll down on the phone 1091 01:01:18,397 --> 01:01:21,597 and look through all of the different things 1092 01:01:21,597 --> 01:01:22,577 that you can learn. 1093 01:01:22,577 --> 01:01:24,757 And I want you to have five different things 1094 01:01:24,757 --> 01:01:27,757 that you can learn that shows up like agents 101, 1095 01:01:27,757 --> 01:01:31,377 building your first agent, learning about skills, 1096 01:01:31,377 --> 01:01:32,617 and then come up with two more 1097 01:01:32,617 --> 01:01:34,257 based on what's popular with Codex. 1098 01:01:34,257 --> 01:01:36,277 And then we'll build the next scene after that. 1099 01:01:36,277 --> 01:01:40,537 So that is what I want first here, right? 1100 01:01:40,537 --> 01:01:42,057 I'm gonna add something that comes up 1101 01:01:42,057 --> 01:01:43,997 before it says welcome to Chorus. 1102 01:01:43,997 --> 01:01:46,017 I actually don't want the welcome to Chorus. 1103 01:01:46,017 --> 01:01:47,897 And remember, we can use steer. 1104 01:01:47,897 --> 01:01:51,097 So like we should never see the welcome to Chorus phone screen. 1105 01:01:51,097 --> 01:01:52,317 I don't wanna see that. 1106 01:01:52,317 --> 01:01:55,137 It should immediately after the screen I said 1107 01:01:55,137 --> 01:01:58,817 to show the app and scrolling down on the agents page. 1108 01:01:58,817 --> 01:02:03,397 So remember, while it's loading, we can press enter. 1109 01:02:03,397 --> 01:02:06,277 And you can see that this actually steered the conversation. 1110 01:02:06,277 --> 01:02:07,497 Let's go back to our mobile app. 1111 01:02:07,577 --> 01:02:09,637 Let's take a look and see what the database, 1112 01:02:09,817 --> 01:02:10,357 what we're doing. 1113 01:02:10,457 --> 01:02:12,597 Okay, the Supabase MCP is set up. 1114 01:02:12,777 --> 01:02:13,357 Placed locally. 1115 01:02:13,497 --> 01:02:14,617 I added the Supabase server 1116 01:02:14,617 --> 01:02:16,857 and enabled remote MCP client support. 1117 01:02:17,097 --> 01:02:19,057 Okay, then blah, blah, blah, blah, blah. 1118 01:02:19,257 --> 01:02:21,237 I could not apply the database directly 1119 01:02:21,237 --> 01:02:23,117 from this live agent process 1120 01:02:23,117 --> 01:02:25,757 because the current session still does not expose 1121 01:02:25,757 --> 01:02:28,417 the newly added MCP server to the layer. 1122 01:02:28,717 --> 01:02:30,657 So what we need to do 1123 01:02:30,657 --> 01:02:32,377 is we actually need to create a new chat. 1124 01:02:32,377 --> 01:02:33,377 Here it actually says, 1125 01:02:33,537 --> 01:02:34,997 if you restart Codex now 1126 01:02:34,997 --> 01:02:40,357 and come back to this project, I can do the actual DB apply next. So we're going to come down here. 1127 01:02:40,437 --> 01:02:45,317 We're just going to quit codec. We are going to quit, I believe. Yeah, we're going to quit codecs 1128 01:02:45,317 --> 01:02:50,557 and we're going to reopen it. And then I'm going to just say, okay, I restarted it. Please do it. 1129 01:02:50,757 --> 01:02:56,877 Okay. So it looks like the Xcode is done. So we can actually run this and it says that it created 1130 01:02:56,877 --> 01:03:02,277 all of these different tables in the database. So it says it should be stored in Supabase. So 1131 01:03:02,277 --> 01:03:08,177 if we open our simulator, we do see that there is data in here. So let's hope that this is actually 1132 01:03:08,177 --> 01:03:13,957 stored in Supabase. So we can go to arc. Okay. So we definitely see some requests here. What we can 1133 01:03:13,957 --> 01:03:19,557 do, let's go ahead and go to table editor. Nice. Look at all these tables. So if we were to go to 1134 01:03:19,557 --> 01:03:26,957 like skill categories, for example, very cool. So we have different icons. So we can set the icon 1135 01:03:26,957 --> 01:03:36,637 here. This is cool. So we have the different skill platforms, saved items, skills. So we have 1136 01:03:36,637 --> 01:03:43,097 category, research, GTM, build ops. Okay. We have competitor scan, landing critic. Let's see if 1137 01:03:43,097 --> 01:03:51,497 these are in here. Let's go to simulator. So if we go to platform, so we can edit those skills. 1138 01:03:52,297 --> 01:03:54,757 Yeah, we have competitor scan, landing critic. 1139 01:03:55,117 --> 01:03:56,357 We can copy this. 1140 01:03:56,917 --> 01:03:58,477 Let's see if that actually copied. 1141 01:03:58,937 --> 01:04:00,897 Yep, this copied to my clipboard. 1142 01:04:01,297 --> 01:04:02,297 That's pretty cool. 1143 01:04:02,557 --> 01:04:03,977 This is starting to look pretty good. 1144 01:04:04,137 --> 01:04:07,537 Can we, so I think the saved just happens locally 1145 01:04:07,537 --> 01:04:10,737 because we haven't added authentication yet, 1146 01:04:10,737 --> 01:04:13,617 but this does look like it's being stored in the database. 1147 01:04:13,817 --> 01:04:14,737 So that's pretty cool. 1148 01:04:14,877 --> 01:04:16,217 So we have database set up. 1149 01:04:16,457 --> 01:04:21,037 Now, I want you to go to my YouTube account, 1150 01:04:21,037 --> 01:04:29,217 Riley Brown and find videos where I talk about agents. Find my... 1151 01:04:33,959 --> 01:04:40,339 agents specifically to come up with the learn, the stuff on the learn tab. I want five lessons 1152 01:04:40,339 --> 01:04:43,879 and this means you're gonna be in my own voice. 1153 01:04:44,079 --> 01:04:45,159 I want you to fill them in 1154 01:04:45,159 --> 01:04:46,299 and these should be more general. 1155 01:04:46,439 --> 01:04:47,939 I should not be specifically talking 1156 01:04:47,939 --> 01:04:49,399 about specific agent tools. 1157 01:04:49,699 --> 01:04:51,599 I want you to actually create a curriculum 1158 01:04:51,599 --> 01:04:53,139 based on the stuff I've talked about 1159 01:04:53,139 --> 01:04:55,639 but do additional research to fill in the gaps 1160 01:04:55,639 --> 01:04:57,679 to create high quality lessons. 1161 01:04:58,039 --> 01:05:00,539 And remember, earlier we created that skill 1162 01:05:00,539 --> 01:05:03,519 which is called, I believe it's YouTube researcher 1163 01:05:03,519 --> 01:05:06,379 for transcript pulling. 1164 01:05:06,379 --> 01:05:08,619 So let's go back to the Remotion launch video. 1165 01:05:08,619 --> 01:05:16,839 let's see how this did if we refresh the page here and we hit play agents are 1166 01:05:16,839 --> 01:05:23,259 taking over the world notice here the mouse missed it right here I believe 1167 01:05:23,259 --> 01:05:31,779 view show guides no show rulers okay so this is a little hack with the remotion 1168 01:05:31,779 --> 01:05:37,819 skill so notice here that this mouse goes we want this mouse to go here so 1169 01:05:37,819 --> 01:05:53,299 this would be like 1000 on the x-axis and 1610. So 1000 x-axis, 610 y-axis. And it's currently 1170 01:05:53,299 --> 01:06:01,359 at like 1040. So like if you can, you can turn on these grid lines to give the agent very specific 1171 01:06:01,359 --> 01:06:11,179 instructions. And so 1040 x-axis and it is on 540. The arrow completely missed the screen, 1172 01:06:11,439 --> 01:06:19,459 the toggle. And it should be about at this location. The arrow ended up like the mouse 1173 01:06:19,459 --> 01:06:25,399 when clicking ended up at this location. So I don't want it here. I want it at the location above. 1174 01:06:25,979 --> 01:06:30,519 And so let's see. So this is actually looking pretty good. So agents are taking over the world. 1175 01:06:30,519 --> 01:06:35,459 You click learn and now this screen pops up. 1176 01:06:35,459 --> 01:06:38,699 So let's go right at the three second mark. 1177 01:06:38,699 --> 01:06:40,119 Then right at the three second mark, 1178 01:06:40,119 --> 01:06:44,319 I want the camera to zoom in on learning about skills. 1179 01:06:44,319 --> 01:06:46,859 And then it should zoom in on the component 1180 01:06:46,859 --> 01:06:48,679 that has learning about skills. 1181 01:06:48,679 --> 01:06:49,999 And then it should kind of transition 1182 01:06:49,999 --> 01:06:51,819 to like almost like a document view. 1183 01:06:51,819 --> 01:06:54,359 It should not be a phone screen. 1184 01:06:54,359 --> 01:06:58,279 It should be, and then it should show some information 1185 01:06:58,279 --> 01:07:01,739 about skills and just show like 10 popular skills. 1186 01:07:01,739 --> 01:07:04,099 Do some research, show 10 popular skills 1187 01:07:04,099 --> 01:07:06,019 and each one should have some information. 1188 01:07:06,019 --> 01:07:08,379 And so this should be more of like a full screen view 1189 01:07:08,379 --> 01:07:10,479 that shows the different things that you can learn 1190 01:07:10,479 --> 01:07:11,319 within that. 1191 01:07:11,319 --> 01:07:14,419 And it should just take the viewer through the fact 1192 01:07:14,419 --> 01:07:16,259 that you can learn about agent skills. 1193 01:07:16,259 --> 01:07:17,959 Okay, we're gonna run that. 1194 01:07:17,959 --> 01:07:19,579 And now if we go back to our web app, 1195 01:07:19,579 --> 01:07:21,399 we can see that it is done. 1196 01:07:21,399 --> 01:07:23,219 And notice here, if we actually open this 1197 01:07:23,219 --> 01:07:25,179 in a separate browser, right? 1198 01:07:25,179 --> 01:07:27,259 If we were to open this up in Arc, 1199 01:07:27,259 --> 01:07:28,519 Let's just paste this in arc. 1200 01:07:28,519 --> 01:07:30,959 You can see that the tally is indeed working. 1201 01:07:30,959 --> 01:07:34,839 And so what I'm gonna do is I want you to please 1202 01:07:34,839 --> 01:07:39,839 make this look like the iOS app we're building. 1203 01:07:40,299 --> 01:07:41,999 Keep the design very simple 1204 01:07:41,999 --> 01:07:45,479 and make the design have the same exact font, 1205 01:07:45,479 --> 01:07:49,639 have like no components, very little like subtext. 1206 01:07:49,639 --> 01:07:51,579 I just want this to be very, very simple. 1207 01:07:51,579 --> 01:07:53,879 I just want the design to look exactly like it 1208 01:07:53,879 --> 01:07:58,819 and then have like information about the app on this website. 1209 01:07:58,819 --> 01:08:00,339 You know, you're not the best designer, 1210 01:08:00,339 --> 01:08:02,599 so I want you to like make sure 1211 01:08:02,599 --> 01:08:04,379 that this is designed pretty well. 1212 01:08:04,379 --> 01:08:06,919 And like keep it simple, it should look like the app. 1213 01:08:06,919 --> 01:08:08,519 Get rid of this background gradient, 1214 01:08:08,519 --> 01:08:10,519 change the font to match the application. 1215 01:08:10,519 --> 01:08:13,499 Okay, so we're currently working on a launch video, 1216 01:08:13,499 --> 01:08:15,739 a mobile app and a web app at the same time. 1217 01:08:15,739 --> 01:08:18,059 So here, I'm just gonna refresh this. 1218 01:08:18,059 --> 01:08:19,479 The remotion is done. 1219 01:08:19,479 --> 01:08:20,499 Let's go ahead. 1220 01:08:21,399 --> 01:08:22,999 So we can click learn. 1221 01:08:22,999 --> 01:08:25,219 There we go, that's not bad. 1222 01:08:27,719 --> 01:08:30,279 Okay, so this zoom, when it zooms, 1223 01:08:30,279 --> 01:08:31,939 I want it to zoom even more. 1224 01:08:31,939 --> 01:08:33,799 So it like, it should zoom all the way 1225 01:08:33,799 --> 01:08:35,459 and then it should kind of transition. 1226 01:08:35,459 --> 01:08:37,339 And then notice here, the transitions are like, 1227 01:08:37,339 --> 01:08:41,559 kind of like fade out, it looks, this is disgusting. 1228 01:08:41,559 --> 01:08:43,419 Okay, so what we're gonna do here is, 1229 01:08:43,419 --> 01:08:45,679 I'm gonna screenshot this. 1230 01:08:45,679 --> 01:08:47,779 I'm just gonna paste this here. 1231 01:08:47,779 --> 01:08:51,419 Okay, and then the transition should be like harsher cuts. 1232 01:08:51,419 --> 01:08:53,379 I do not like this fade out transition. 1233 01:08:53,679 --> 01:08:55,499 Like make it a faster transition 1234 01:08:55,499 --> 01:08:57,039 and just make it more professional. 1235 01:08:57,299 --> 01:08:59,199 And then also the screenshot I gave you, 1236 01:08:59,319 --> 01:09:00,179 this is hideous. 1237 01:09:00,359 --> 01:09:02,439 What I want you to do instead of this 1238 01:09:02,439 --> 01:09:05,419 is I just want you to have skills at the top. 1239 01:09:05,539 --> 01:09:07,479 Like just put the word skills at the top 1240 01:09:07,479 --> 01:09:09,339 and then have like colored cards 1241 01:09:09,339 --> 01:09:11,299 that look premium, amazing. 1242 01:09:11,299 --> 01:09:15,139 And then have them rotating through like a wheel, 1243 01:09:15,399 --> 01:09:17,639 like almost like a wheel animation 1244 01:09:17,639 --> 01:09:19,519 through the like the screen. 1245 01:09:19,519 --> 01:09:21,879 I'll draw something out for you real quick. 1246 01:09:21,999 --> 01:09:24,379 I'll kind of share what I want you to create. 1247 01:09:24,619 --> 01:09:26,039 I want this to be amazing. 1248 01:09:26,499 --> 01:09:32,759 What I'm going to do here is I'm going to want this to be like, yeah, I want it to be 1249 01:09:32,759 --> 01:09:33,959 something like this. 1250 01:09:34,359 --> 01:09:36,419 So we'll give it kind of this sketch right here. 1251 01:09:36,599 --> 01:09:40,519 I want it to look something like this. 1252 01:09:41,139 --> 01:09:41,539 Okay. 1253 01:09:41,719 --> 01:09:45,939 So it turns out I forgot Codex is just not the best at web design. 1254 01:09:46,139 --> 01:09:49,139 So what we're going to do is we're actually just going to use Opus. 1255 01:09:49,139 --> 01:09:52,679 So I'm just going to type in Claude here in the terminal. 1256 01:09:52,799 --> 01:09:55,339 So this is a good use case in my opinion. 1257 01:09:55,519 --> 01:09:57,279 If you're someone who has a Claude subscription, 1258 01:09:57,459 --> 01:09:58,599 but you want to use Codex, 1259 01:09:58,659 --> 01:10:00,479 because I think Codex is a better interface, 1260 01:10:00,679 --> 01:10:02,199 but Claude is better at design. 1261 01:10:02,279 --> 01:10:04,719 So you can use Claude directly in here. 1262 01:10:04,759 --> 01:10:05,839 And you notice here, remember, 1263 01:10:06,139 --> 01:10:08,939 if we go back to the beginning of the video, 1264 01:10:09,199 --> 01:10:10,479 whenever we create this project, 1265 01:10:10,639 --> 01:10:14,039 it already, like we created this project at my new business. 1266 01:10:14,199 --> 01:10:16,519 And so when we go into the terminal, right? 1267 01:10:16,539 --> 01:10:17,839 If you know how to use Claude code, 1268 01:10:17,839 --> 01:10:20,159 You kind of have, you have this set up already. 1269 01:10:20,159 --> 01:10:22,359 If you don't have Claude code, search on the internet 1270 01:10:22,359 --> 01:10:23,779 how to set up Claude code. 1271 01:10:23,779 --> 01:10:25,039 It'll take you five minutes. 1272 01:10:25,039 --> 01:10:26,039 You can figure it out. 1273 01:10:26,039 --> 01:10:30,079 And you can run Claude code from this app right here, 1274 01:10:30,079 --> 01:10:30,999 from the terminal. 1275 01:10:30,999 --> 01:10:33,459 And if you don't want to have to approve anything, 1276 01:10:33,459 --> 01:10:35,499 you can go like this. 1277 01:10:40,279 --> 01:10:42,839 You can go Claude space dash dash 1278 01:10:42,839 --> 01:10:47,839 dangerously-skip-permissions. 1279 01:10:49,859 --> 01:10:52,799 And this will run it on bypass permissions mode, 1280 01:10:52,799 --> 01:10:55,379 which is the same as the full access mode. 1281 01:10:55,379 --> 01:11:00,379 But anyway, we are working on the landing page here. 1282 01:11:01,279 --> 01:11:04,899 And what I like to do is I like to give it context, right? 1283 01:11:04,899 --> 01:11:06,939 Because Claude doesn't have the same context 1284 01:11:06,939 --> 01:11:08,119 as if you were chatting here. 1285 01:11:08,119 --> 01:11:11,299 It knows we're in this my new business, 1286 01:11:11,299 --> 01:11:13,419 but it doesn't know anything else. 1287 01:11:13,419 --> 01:11:15,859 It's just in this folder. 1288 01:11:15,859 --> 01:11:18,039 It doesn't know if it's working on the chorus plan 1289 01:11:18,039 --> 01:11:19,519 or the chorus video. 1290 01:11:19,519 --> 01:11:21,999 We are using Tally and I wanna make sure 1291 01:11:21,999 --> 01:11:24,199 that we create a really good landing page. 1292 01:11:24,199 --> 01:11:27,479 I want you to completely forget the styling of this page 1293 01:11:27,479 --> 01:11:28,359 that you have here. 1294 01:11:28,359 --> 01:11:30,979 I want you to make this a landing page 1295 01:11:30,979 --> 01:11:33,359 for the following application. 1296 01:11:33,359 --> 01:11:34,939 It is the chorus app. 1297 01:11:34,939 --> 01:11:37,499 And so you're gonna look at the code of the chorus app 1298 01:11:37,499 --> 01:11:39,519 in this folder right here, 1299 01:11:39,519 --> 01:11:43,199 And you are going to analyze how it's styled. 1300 01:11:43,259 --> 01:11:43,939 It's very simple. 1301 01:11:44,019 --> 01:11:44,459 It's white. 1302 01:11:44,559 --> 01:11:46,559 Look at the font and make the app matte 1303 01:11:46,559 --> 01:11:48,239 or make this landing page match it. 1304 01:11:48,279 --> 01:11:49,799 And it should have the tally embed. 1305 01:11:50,039 --> 01:11:50,819 That's all I want. 1306 01:11:51,079 --> 01:11:53,839 Minimal text, really make it convert, make it great. 1307 01:11:54,019 --> 01:11:54,939 Okay, we'll run that. 1308 01:11:55,219 --> 01:11:56,899 And we can actually see Cloud Code 1309 01:11:56,899 --> 01:11:58,659 working on this in real time. 1310 01:11:59,179 --> 01:12:00,899 We can very easily just like minimize it 1311 01:12:00,899 --> 01:12:01,919 almost all the way. 1312 01:12:02,359 --> 01:12:04,439 And Cloud Code will just continue working on this. 1313 01:12:04,519 --> 01:12:06,199 Okay, so the mobile app is done. 1314 01:12:06,199 --> 01:12:08,139 Let's go ahead and open up Xcode. 1315 01:12:08,139 --> 01:12:12,699 and what we need to do is it analyzed my YouTube, right? 1316 01:12:12,759 --> 01:12:13,959 Remember what we asked it to do. 1317 01:12:14,039 --> 01:12:15,719 We were having it research my YouTube 1318 01:12:15,719 --> 01:12:20,719 and it created five lessons based on my YouTube transcript. 1319 01:12:20,899 --> 01:12:21,639 So what is an agent? 1320 01:12:21,779 --> 01:12:24,119 Narrow, Beats, General, Build the Loop, 1321 01:12:24,299 --> 01:12:26,759 Workspace Memory Skills, Team, and Handoff. 1322 01:12:26,879 --> 01:12:28,379 So I've made videos on this before. 1323 01:12:28,379 --> 01:12:31,019 So it did research and it created these lessons. 1324 01:12:31,199 --> 01:12:32,179 So what is an agent? 1325 01:12:32,719 --> 01:12:33,119 Okay. 1326 01:12:34,134 --> 01:12:41,034 these lessons. So what is an agent? Okay. Okay. These are way too short. Make them longer, please. 1327 01:12:41,034 --> 01:12:46,034 Okay, so Claude Code just went to town on the web app. 1328 01:12:47,214 --> 01:12:49,534 Oh wow, this looks a lot better. 1329 01:12:49,534 --> 01:12:52,834 So we can actually open this up in an external browser 1330 01:12:52,834 --> 01:12:55,374 to see it full screen, or we can just go like this. 1331 01:12:55,374 --> 01:12:58,934 And you'll notice here, you can press get early access. 1332 01:12:58,934 --> 01:13:00,794 Oh, and it goes down here, 1333 01:13:00,794 --> 01:13:02,814 and this is where you put your information. 1334 01:13:02,814 --> 01:13:03,714 For whatever reason, 1335 01:13:03,714 --> 01:13:07,474 this in-app browser is not showing the tally form. 1336 01:13:07,474 --> 01:13:10,154 Let's see if it shows up here. 1337 01:13:10,154 --> 01:13:14,154 Wait, so we can refresh this, get early access. 1338 01:13:14,154 --> 01:13:16,114 Boom, we can put this here. 1339 01:13:16,114 --> 01:13:19,594 For whatever reason, these icons are a little bit different, 1340 01:13:19,594 --> 01:13:21,594 but learn agents in one place. 1341 01:13:21,594 --> 01:13:23,914 A simple iPhone app for learning agent fundamentals, 1342 01:13:23,914 --> 01:13:25,234 comparing the right platforms, 1343 01:13:25,234 --> 01:13:27,354 and sharing reusable skills. 1344 01:13:27,354 --> 01:13:28,954 One thing I can add here, 1345 01:13:28,954 --> 01:13:33,514 and wow, Codex is not nearly as good at design, 1346 01:13:33,514 --> 01:13:38,514 it feels like, so please add like works with Codex, 1347 01:13:38,514 --> 01:13:43,954 Codex, Claude Code, OpenClaw, Hermes, and Gemini. 1348 01:13:44,274 --> 01:13:52,074 Please see if you can pull those logos and put them in the files so they show up. 1349 01:13:52,194 --> 01:13:53,414 Okay, so that's pretty good. 1350 01:13:53,554 --> 01:13:55,054 Let's go ahead and check on the mobile app. 1351 01:13:55,234 --> 01:13:57,074 So if we go to Xcode, we hit play. 1352 01:13:57,374 --> 01:13:59,094 Let's see what this looks like. 1353 01:13:59,194 --> 01:14:00,714 Where is my simulator? 1354 01:14:01,014 --> 01:14:01,734 There it is. 1355 01:14:01,954 --> 01:14:03,994 Okay, so this is looking pretty good. 1356 01:14:04,094 --> 01:14:04,874 What is an agent? 1357 01:14:04,874 --> 01:14:08,254 It is very text heavy, but at least we have some more. 1358 01:14:08,554 --> 01:14:09,614 This is a little bit longer. 1359 01:14:09,754 --> 01:14:11,234 We do have the database set up. 1360 01:14:11,574 --> 01:14:13,694 Now what I want to do is I want to have platforms. 1361 01:14:14,234 --> 01:14:26,174 So for the platforms, I want to have it be just a list of platforms, no tags or categories 1362 01:14:26,174 --> 01:14:27,554 going horizontally across. 1363 01:14:27,894 --> 01:14:29,274 I just want a list of platforms. 1364 01:14:29,414 --> 01:14:31,794 This will be my curated list of 10 to 20. 1365 01:14:31,794 --> 01:14:46,254 The ones that I want you to have right now, I want to have Clawed Code, Codex, Cursor, OpenClaw, Hermes, Manus, Perplexity Computer, and that's good for now. 1366 01:14:46,674 --> 01:14:50,154 For the icons, see if you can grab the icon for each of these. 1367 01:14:50,654 --> 01:14:52,234 Like, figure out how to do that. 1368 01:14:52,334 --> 01:14:54,134 If you can't do it, that's okay. 1369 01:14:54,234 --> 01:14:56,114 I can get you the PNGs manually. 1370 01:14:56,114 --> 01:15:01,634 But see if you can do it and get all of this info in the database so it works properly. 1371 01:15:01,794 --> 01:15:03,594 but yeah, we don't need tags for this 1372 01:15:03,594 --> 01:15:04,974 because there's never gonna be over 20. 1373 01:15:05,214 --> 01:15:07,014 Okay, we fired off that prompt. 1374 01:15:07,454 --> 01:15:09,234 Let's go check on our remotion. 1375 01:15:09,854 --> 01:15:11,774 So remember, we can full screen this. 1376 01:15:11,874 --> 01:15:13,014 This is looking pretty cool. 1377 01:15:15,034 --> 01:15:19,874 Let's go ahead and try to play this. 1378 01:15:23,494 --> 01:15:25,414 Okay, this is looking good. 1379 01:15:25,894 --> 01:15:28,034 This is, oh, it's just a little choppy, 1380 01:15:28,174 --> 01:15:30,554 and then it, okay, so we have like good four seconds 1381 01:15:30,554 --> 01:15:31,434 are pretty good here. 1382 01:15:31,794 --> 01:15:34,834 So it goes here, we click learn. 1383 01:15:34,834 --> 01:15:36,694 It kind of shows that you can learn these 1384 01:15:36,694 --> 01:15:39,814 and here it has some skills going by. 1385 01:15:39,814 --> 01:15:43,114 The skills are rotating still slightly too fast. 1386 01:15:43,114 --> 01:15:44,794 I just want them to be a little bit slower 1387 01:15:44,794 --> 01:15:46,234 so I can read them. 1388 01:15:46,234 --> 01:15:49,394 And then immediately after this screen, 1389 01:15:49,394 --> 01:15:54,394 the way I want it to end is I want the YouTube researcher skill 1390 01:15:55,954 --> 01:15:58,654 to animate up to the top. 1391 01:15:58,654 --> 01:16:01,974 And then I want text to come in to describe the skills. 1392 01:16:01,974 --> 01:16:04,794 I want to show a copy animation 1393 01:16:04,794 --> 01:16:06,934 as if I was pressing the copy button. 1394 01:16:06,934 --> 01:16:09,074 Then it should say copy to clipboard. 1395 01:16:09,074 --> 01:16:14,074 And then we are going to show the Codex app opening up. 1396 01:16:14,134 --> 01:16:17,234 And so what we can do is we can say, 1397 01:16:17,234 --> 01:16:18,654 this is gonna be a hard one. 1398 01:16:18,654 --> 01:16:19,714 So I'm gonna paste this in. 1399 01:16:19,714 --> 01:16:22,994 Then it should show a text input area, 1400 01:16:22,994 --> 01:16:26,214 just like the one of the screenshot that I showed you 1401 01:16:26,214 --> 01:16:27,254 for the Codex app. 1402 01:16:27,254 --> 01:16:29,474 and then have typing in that box. 1403 01:16:29,474 --> 01:16:32,114 And it should say, can you please add this skill? 1404 01:16:32,114 --> 01:16:35,814 And then show somehow that that document was pasted 1405 01:16:35,814 --> 01:16:38,254 in the text input area. 1406 01:16:38,254 --> 01:16:40,754 And it should show up above where you're typing. 1407 01:16:40,754 --> 01:16:43,514 So this should look like a computer basically. 1408 01:16:43,514 --> 01:16:44,994 Okay, so this is gonna be a hard one. 1409 01:16:44,994 --> 01:16:46,974 We're gonna have to edit this a little bit more, 1410 01:16:46,974 --> 01:16:48,094 but that's okay. 1411 01:16:48,094 --> 01:16:51,034 Okay, so we are kind of working through all of these. 1412 01:16:51,034 --> 01:16:52,774 We're making our way through our iPhone app. 1413 01:16:52,774 --> 01:16:53,894 This will take a little bit. 1414 01:16:53,894 --> 01:16:56,814 One thing I wanna cover is forking a chat. 1415 01:16:56,814 --> 01:16:59,554 So we can actually come to mobile app here. 1416 01:16:59,554 --> 01:17:02,214 And what we can do, actually, I'm gonna fork this chat 1417 01:17:02,214 --> 01:17:03,334 as soon as this is done. 1418 01:17:03,334 --> 01:17:05,594 So one second, I'm gonna wait for this to finish. 1419 01:17:05,594 --> 01:17:07,834 Then we're actually gonna fork this chat 1420 01:17:07,834 --> 01:17:10,354 and we are going to create our, 1421 01:17:10,354 --> 01:17:13,094 we are gonna start working on our investor deck. 1422 01:17:13,094 --> 01:17:18,094 So please mark investor deck as working. 1423 01:17:18,374 --> 01:17:20,274 And so I'm gonna wait for the mobile app to finish. 1424 01:17:20,274 --> 01:17:22,734 Okay, so the mobile app is done. 1425 01:17:22,734 --> 01:17:25,854 And so what I wanna do here is I'm actually going to 1426 01:17:25,854 --> 01:17:31,654 fork the chat. And you can do this by coming over here and right clicking or two finger click. 1427 01:17:31,934 --> 01:17:36,014 And what we're going to do is we're just going to hit fork into local. If you're not technical, 1428 01:17:36,454 --> 01:17:40,934 don't worry about fork into new work tree. That doesn't matter for the sake of this video. 1429 01:17:40,934 --> 01:17:46,434 Just do fork into local. And this is going to create a new chat. And what I'm going to do is 1430 01:17:46,434 --> 01:17:53,694 I'm going to rename this to investor deck. And what I'm going to do, please analyze the features 1431 01:17:53,694 --> 01:17:57,274 and assets from this application. 1432 01:17:57,734 --> 01:18:02,234 And I want you to create an investor slide deck 1433 01:18:02,234 --> 01:18:03,294 in the same style. 1434 01:18:03,714 --> 01:18:05,514 You know, like we have all of those icons 1435 01:18:05,514 --> 01:18:08,674 that we've created earlier for Codex, Cursor, 1436 01:18:08,894 --> 01:18:11,054 OpenClaw, et cetera, that are in the app right now. 1437 01:18:11,134 --> 01:18:13,494 So include those, like all the styling stuff 1438 01:18:13,494 --> 01:18:15,474 in this new investor deck. 1439 01:18:15,574 --> 01:18:17,714 And I believe we have a skill that's built in. 1440 01:18:17,714 --> 01:18:19,074 I think it's just called PowerPoint. 1441 01:18:19,654 --> 01:18:20,974 And so we can reference that. 1442 01:18:21,174 --> 01:18:22,854 I want you to search the internet for a bit, 1443 01:18:22,854 --> 01:18:29,594 find out what investors are currently looking for in April of 2026. Like what are they looking for 1444 01:18:29,594 --> 01:18:35,214 in a PowerPoint deck or in a deck that you send them and please create it like that in that style. 1445 01:18:35,374 --> 01:18:40,754 So find some examples online and copy the style. Do not rely on your own styling ability. Okay, 1446 01:18:41,054 --> 01:18:47,034 so we're going to send this off. Now we are working on this investor deck. So remember, 1447 01:18:47,034 --> 01:18:52,454 so we created the iOS app design. We're still working on the iPhone app. We're working on the 1448 01:18:52,454 --> 01:18:58,714 web app landing page, which is almost done. We are working on the investor deck and launch video. 1449 01:18:58,934 --> 01:19:03,934 Okay, so the investor deck is done. And I love the way it looks in codex. Like look at this, 1450 01:19:03,974 --> 01:19:08,534 you can create an investor deck just like this. I will say it's not the best at designing 1451 01:19:08,534 --> 01:19:13,314 PowerPoints yet. So what we need to do is we're going to open up the terminal here and we're 1452 01:19:13,314 --> 01:19:23,014 going to type in Claude dangerously skip permissions and we're going to say hey there Claude I need you 1453 01:19:23,014 --> 01:19:28,254 to take a look at this PowerPoint and I need you to make it look better I want you to refine it I 1454 01:19:28,254 --> 01:19:33,954 want there to be less text some more graphics check and see how what are best practices for 1455 01:19:33,954 --> 01:19:38,174 you to do it I want you to just really make this like a refined deck there's just seems to be too 1456 01:19:38,174 --> 01:19:45,034 much text on this deck. It's not super readable. It's just not my favorite deck right now. So please 1457 01:19:45,034 --> 01:19:50,474 make it so much better. Don't add any slides or change the material. Just make it better. Make it 1458 01:19:50,474 --> 01:19:56,474 more refined, less text, more visuals that like put things into perspective, you know, like charts, 1459 01:19:56,974 --> 01:20:04,154 anything like that. That could be good. Make it better. We are working on, and so it's useful to 1460 01:20:04,154 --> 01:20:08,174 give it the files because remember this chat has all the context all this chat 1461 01:20:08,174 --> 01:20:13,034 knows is we're in this my new business folder it's always good I actually don't 1462 01:20:13,034 --> 01:20:20,054 even know where this is located I guess we could just click on this oh you can 1463 01:20:20,054 --> 01:20:27,974 open it in Canva I'm just gonna give it this file path right here what happens 1464 01:20:27,974 --> 01:20:30,051 if we click Canva 1465 01:20:30,411 --> 01:20:31,811 Here it is on Canva. 1466 01:20:32,651 --> 01:20:33,211 Wow. 1467 01:20:33,471 --> 01:20:34,031 Wow. 1468 01:20:34,171 --> 01:20:36,311 This is actually very cool. 1469 01:20:36,511 --> 01:20:38,931 I did not realize you can do that that easily. 1470 01:20:39,111 --> 01:20:41,011 Just open it up straight in Canva. 1471 01:20:41,191 --> 01:20:42,151 That's pretty cool. 1472 01:20:42,331 --> 01:20:43,551 Okay, so Claude Code. 1473 01:20:43,551 --> 01:20:47,551 We just had Claude Code go to town on this slide deck. 1474 01:20:47,631 --> 01:20:48,891 It does look a little bit better. 1475 01:20:48,991 --> 01:20:50,091 It doesn't look a ton better. 1476 01:20:50,671 --> 01:20:55,531 I don't think it's that much better at design than Codex models. 1477 01:20:55,731 --> 01:20:57,331 It's just a little bit more refined. 1478 01:20:57,491 --> 01:21:01,191 We have some more visuals here. 1479 01:21:01,371 --> 01:21:04,931 Yeah, like this is a really good slide, like value compounds over time. 1480 01:21:05,171 --> 01:21:09,811 We have a learning graph, a saved workspace, execution memory. 1481 01:21:11,591 --> 01:21:13,131 This is pretty cool. 1482 01:21:13,131 --> 01:21:15,391 So we have this slide deck. 1483 01:21:15,491 --> 01:21:17,051 I didn't really give it enough information. 1484 01:21:17,051 --> 01:21:18,531 So I'm going to do that now. 1485 01:21:18,731 --> 01:21:22,291 And so here I'm coming up with kind of like this fictional plan of how I'm going to leverage 1486 01:21:22,291 --> 01:21:28,271 my audience, right, to build a massive curation of really useful skills for existing tools 1487 01:21:28,271 --> 01:21:30,311 like OpenAI, Codex, et cetera. 1488 01:21:30,531 --> 01:21:33,671 We're going to build a lightweight agent through iMessage. 1489 01:21:33,951 --> 01:21:37,971 People will pay monthly through access for these different agents that are super lightweight 1490 01:21:37,971 --> 01:21:38,991 that people can test. 1491 01:21:39,291 --> 01:21:42,511 They're less of a commitment than, say, Codex or Cloud Code. 1492 01:21:42,511 --> 01:21:47,671 I just kind of want to change the narrative because it's kind of bringing up like clock and off Supabase. 1493 01:21:47,811 --> 01:21:48,971 Like I need to mention that. 1494 01:21:49,071 --> 01:21:54,871 We don't need to mention anything about the authentication and talk more about the narrative and why this is a big opportunity. 1495 01:21:55,191 --> 01:21:58,271 And look up like how much money is in this market. 1496 01:21:58,631 --> 01:22:00,691 Like focus more on the story, less on the tech. 1497 01:22:00,811 --> 01:22:02,291 So we fired off that prompt. 1498 01:22:02,471 --> 01:22:04,331 Let's check on our mobile app here. 1499 01:22:04,951 --> 01:22:05,351 Oh yeah. 1500 01:22:05,731 --> 01:22:09,511 While the other one was loading, I forgot to record it, but I uploaded one of these app icons. 1501 01:22:09,511 --> 01:22:12,551 If you remember, we generated a ton of these app icons earlier. 1502 01:22:12,811 --> 01:22:13,751 I forgot about it. 1503 01:22:13,851 --> 01:22:16,191 And so I uploaded it here to the mobile app. 1504 01:22:16,351 --> 01:22:18,291 So it added an app icon. 1505 01:22:18,531 --> 01:22:22,671 And so what I'm going to do now is I'm actually going to plug in my actual phone. 1506 01:22:22,891 --> 01:22:25,331 I'm going to show you real quick how to run. 1507 01:22:25,671 --> 01:22:31,291 So when you're using your phone or when you're using Xcode, you can use the simulator or 1508 01:22:31,291 --> 01:22:33,091 you can run it on your actual phone. 1509 01:22:33,651 --> 01:22:37,451 So on Xcode, you see here we have the device. 1510 01:22:37,451 --> 01:22:40,231 we chose iPhone 17. 1511 01:22:40,751 --> 01:22:41,791 These are simulators. 1512 01:22:41,971 --> 01:22:43,851 You can see that this says iOS simulators, 1513 01:22:44,131 --> 01:22:46,011 but I can also select my phone. 1514 01:22:46,551 --> 01:22:47,651 And so I'm gonna select my phone. 1515 01:22:47,891 --> 01:22:48,731 I'm gonna hit play. 1516 01:22:48,971 --> 01:22:51,271 I have my phone out open right here. 1517 01:22:51,531 --> 01:22:53,911 It should open the latest version of the app. 1518 01:22:54,271 --> 01:22:54,751 It is. 1519 01:22:55,151 --> 01:22:57,711 And so now I'm just screen sharing my phone to the computer. 1520 01:22:57,851 --> 01:22:59,451 This is on my actual phone right now. 1521 01:22:59,571 --> 01:23:01,391 And we're gonna take a look at the app. 1522 01:23:01,391 --> 01:23:03,951 This page looks pretty good. 1523 01:23:04,551 --> 01:23:05,671 We have basics. 1524 01:23:05,671 --> 01:23:08,031 Oh, there's haptics in the app now. 1525 01:23:08,031 --> 01:23:09,691 I can actually feel the app. 1526 01:23:09,691 --> 01:23:11,191 There's haptics. 1527 01:23:11,191 --> 01:23:12,931 Here we can select platforms. 1528 01:23:12,931 --> 01:23:15,311 Here we see Claude Code, Codex, 1529 01:23:15,311 --> 01:23:18,891 and here we have the about platforms page. 1530 01:23:18,891 --> 01:23:20,931 We have this kind of nice overview 1531 01:23:20,931 --> 01:23:24,151 where we can learn about the platform. 1532 01:23:25,231 --> 01:23:27,211 Anthropics Claude. 1533 01:23:27,211 --> 01:23:28,471 This is very cool. 1534 01:23:28,471 --> 01:23:29,791 Skills. 1535 01:23:29,791 --> 01:23:32,211 So we have this YouTube researcher skill. 1536 01:23:32,211 --> 01:23:34,871 I believe I can copy this to my clipboard. 1537 01:23:34,871 --> 01:23:36,071 It has a pretty cool animation. 1538 01:23:36,651 --> 01:23:37,751 We can save this. 1539 01:23:37,851 --> 01:23:40,251 This is actually coming out to be pretty cool. 1540 01:23:41,651 --> 01:23:43,711 Yeah, this is looking really good. 1541 01:23:44,471 --> 01:23:45,531 This is my favorite page. 1542 01:23:45,591 --> 01:23:47,171 I love the actual icons. 1543 01:23:48,891 --> 01:23:50,191 I'm actually going to make this app. 1544 01:23:50,251 --> 01:23:51,211 I'm going to put this on the App Store. 1545 01:23:51,271 --> 01:23:52,051 I'm going to make it really good. 1546 01:23:52,171 --> 01:23:53,291 But this is looking very good. 1547 01:23:53,571 --> 01:23:55,191 Now what I'm actually going to do is I'm going to say, 1548 01:23:55,191 --> 01:23:57,691 I want users to actually be able to sign in. 1549 01:23:58,011 --> 01:24:00,171 Oh, wait, there's this profile icon. 1550 01:24:00,631 --> 01:24:01,431 Oh, okay. 1551 01:24:01,551 --> 01:24:03,091 So this is not real data. 1552 01:24:03,091 --> 01:24:08,791 and I want the user to actually be able to sign in with Google. 1553 01:24:09,131 --> 01:24:10,891 And so what is the easiest way to do that? 1554 01:24:11,111 --> 01:24:13,931 With that, we're using Supabase. 1555 01:24:14,291 --> 01:24:14,911 Ignore clerk. 1556 01:24:15,011 --> 01:24:15,931 We don't need to use clerk. 1557 01:24:16,331 --> 01:24:17,331 What is the easiest way? 1558 01:24:17,431 --> 01:24:19,551 Are you able to add authentication right now 1559 01:24:19,551 --> 01:24:22,411 using the MCP with Google sign in? 1560 01:24:22,511 --> 01:24:24,791 And then this will log all the users that sign in 1561 01:24:24,791 --> 01:24:26,031 into the actual app. 1562 01:24:26,031 --> 01:24:29,771 And I want their actual data to show up in the profile. 1563 01:24:30,011 --> 01:24:32,371 And I basically want this app fully ready to go. 1564 01:24:32,371 --> 01:24:34,431 Obviously there's no payments in the app. 1565 01:24:34,431 --> 01:24:37,551 I want you to add authentication so users can sign in. 1566 01:24:37,551 --> 01:24:38,751 And so we can run that. 1567 01:24:38,751 --> 01:24:40,731 And if we go back to our launch video, 1568 01:24:40,731 --> 01:24:43,171 this is the one that we might not finish today. 1569 01:24:43,171 --> 01:24:45,731 I'm gonna go ahead and close out of my iPhone real quick. 1570 01:24:45,731 --> 01:24:50,551 If we hit play here, okay, that's pretty cool. 1571 01:24:50,551 --> 01:24:53,891 Misses a little bit on the learn, that's okay. 1572 01:24:54,931 --> 01:24:58,031 What is this gradient, that's okay. 1573 01:25:02,371 --> 01:25:06,491 Ooh, ooh. 1574 01:25:06,491 --> 01:25:09,191 Okay, I forgot I made a massive edit last time. 1575 01:25:09,191 --> 01:25:10,311 Ooh, that looks pretty good. 1576 01:25:10,311 --> 01:25:12,211 So you can please use this skill. 1577 01:25:12,211 --> 01:25:14,111 You can paste it into Codex. 1578 01:25:17,131 --> 01:25:18,231 And now what I'm gonna do 1579 01:25:18,231 --> 01:25:20,611 is I'm gonna just do that again, basically. 1580 01:25:20,611 --> 01:25:24,051 So I'm going to, let's open up Claude, 1581 01:25:24,051 --> 01:25:26,231 and we're going to, I'm gonna say, 1582 01:25:26,231 --> 01:25:28,931 after the Welcome to Codex screen, 1583 01:25:28,931 --> 01:25:31,471 I actually wanna go back to the phone screen 1584 01:25:31,471 --> 01:25:34,011 that shows the skills, show a different skill 1585 01:25:34,011 --> 01:25:36,031 and show copying a different skill, 1586 01:25:36,031 --> 01:25:38,791 maybe like a mobile app designer skill. 1587 01:25:38,791 --> 01:25:40,751 And then we're gonna paste it into Claude code, 1588 01:25:40,751 --> 01:25:42,271 which looks like this. 1589 01:25:42,271 --> 01:25:45,811 And then I'm gonna go ahead and go to Claude 1590 01:25:45,811 --> 01:25:50,811 and I'm just gonna open up a new normal chat like this. 1591 01:25:51,391 --> 01:25:56,311 And I'm just gonna copy this just like this. 1592 01:25:56,311 --> 01:25:58,791 And what I'm gonna do is I'm actually going to be using 1593 01:25:58,791 --> 01:26:01,111 Claude again, because it is better at design. 1594 01:26:01,111 --> 01:26:05,351 Claude dash dash dangerously get permissions. 1595 01:26:05,851 --> 01:26:07,511 I'm gonna paste that image in here. 1596 01:26:07,751 --> 01:26:09,631 And I'm also just gonna paste this. 1597 01:26:09,991 --> 01:26:12,691 We are working on the remotion video. 1598 01:26:12,931 --> 01:26:15,071 Use the remotion skill, really think deep. 1599 01:26:15,151 --> 01:26:17,371 We're adding two scenes at the end of this 1600 01:26:17,371 --> 01:26:18,991 to kind of close out the video 1601 01:26:18,991 --> 01:26:22,211 to show that you can add skills to your agents. 1602 01:26:22,351 --> 01:26:24,171 And so now we're focusing on Claude code. 1603 01:26:24,271 --> 01:26:26,651 Instead of the subtitle above, 1604 01:26:26,651 --> 01:26:28,891 so instead of it saying Riley returns. 1605 01:26:29,511 --> 01:26:31,211 So instead of it saying Riley returns, 1606 01:26:31,311 --> 01:26:32,831 it should just say Claude Code. 1607 01:26:33,151 --> 01:26:34,391 And it should show the same thing. 1608 01:26:34,571 --> 01:26:36,311 I want you to add this skill 1609 01:26:36,311 --> 01:26:39,211 and then it should paste in a skill in the UI 1610 01:26:39,211 --> 01:26:40,351 like the image. 1611 01:26:40,691 --> 01:26:42,451 So like we've already done this once with Codex. 1612 01:26:42,551 --> 01:26:43,351 We're doing it again. 1613 01:26:43,451 --> 01:26:45,231 So we're going back to the same app from earlier, 1614 01:26:45,431 --> 01:26:47,891 copying the prompt and then pasting it into Claude Code. 1615 01:26:48,011 --> 01:26:49,611 So please think deep, make this look good. 1616 01:26:49,731 --> 01:26:51,071 Okay, this is really fun. 1617 01:26:51,231 --> 01:26:52,951 I actually haven't done this until today 1618 01:26:52,951 --> 01:26:55,991 where I use Claude Code inside the Codex app 1619 01:26:55,991 --> 01:26:57,491 for like design heavy tasks. 1620 01:26:57,491 --> 01:26:58,991 it ends up looking a lot better. 1621 01:26:59,191 --> 01:27:01,351 And obviously these can take a lot longer, right? 1622 01:27:01,411 --> 01:27:03,191 Like a launch video, like, I mean, 1623 01:27:03,211 --> 01:27:05,031 we've only put in a total of like 10 minutes 1624 01:27:05,031 --> 01:27:07,251 of like focused effort in the launch video. 1625 01:27:07,391 --> 01:27:08,931 If you spend a few hours on this, 1626 01:27:08,971 --> 01:27:10,231 you could actually make this pretty good. 1627 01:27:10,331 --> 01:27:12,291 This is not terrible. 1628 01:27:12,631 --> 01:27:15,651 Okay, quad has literally just went ham 1629 01:27:15,651 --> 01:27:17,771 for seven minutes and 24 seconds. 1630 01:27:17,771 --> 01:27:20,551 And it cooked on this slide deck. 1631 01:27:20,671 --> 01:27:23,911 It's like curation is the wedge, agents are the business. 1632 01:27:24,151 --> 01:27:26,071 Most startups pray for distribution. 1633 01:27:26,071 --> 01:27:27,291 We start with it. 1634 01:27:27,291 --> 01:27:35,311 And obviously some of these things don't fit, but the fact that you can like literally export it into Canva immediately and make edits, that's pretty insane. 1635 01:27:35,531 --> 01:27:37,191 Curate, test, monetize. 1636 01:27:37,311 --> 01:27:38,951 I don't like this like top bar. 1637 01:27:39,231 --> 01:27:40,831 In fact, I'm just going to do that. 1638 01:27:40,911 --> 01:27:42,711 Oh yeah, one really useful thing. 1639 01:27:42,951 --> 01:27:45,151 I use a tool called CleanShot Pro. 1640 01:27:45,711 --> 01:27:49,851 And what it does is it allows you to like immediately just like make really good. 1641 01:27:49,951 --> 01:27:52,671 Like I can just kind of go like this very easily. 1642 01:27:52,671 --> 01:27:54,611 Just select which part that I want. 1643 01:27:54,711 --> 01:27:56,851 Like I actually don't want any of this up here. 1644 01:27:56,851 --> 01:27:58,211 So I'm going to give this to Claude. 1645 01:27:58,351 --> 01:28:01,771 I'm going to say, please don't have the top bar. 1646 01:28:01,971 --> 01:28:03,491 We don't need it. 1647 01:28:03,551 --> 01:28:06,651 The big black thing that says 1.5 million followers. 1648 01:28:07,011 --> 01:28:07,671 Simplify that. 1649 01:28:07,731 --> 01:28:08,711 I don't like that component. 1650 01:28:08,891 --> 01:28:09,771 Just change that. 1651 01:28:09,971 --> 01:28:12,651 Let's just go through and make some changes here. 1652 01:28:13,051 --> 01:28:14,971 Yeah, the top bar on all the pages, by the way. 1653 01:28:15,011 --> 01:28:15,851 Not just that one. 1654 01:28:16,151 --> 01:28:17,271 I don't want the top bar. 1655 01:28:17,611 --> 01:28:18,891 This one looks good. 1656 01:28:18,991 --> 01:28:20,131 This one looks good. 1657 01:28:20,391 --> 01:28:23,191 Yeah, this is looking pretty solid here. 1658 01:28:23,791 --> 01:28:25,151 Oh, I like this one. 1659 01:28:25,151 --> 01:28:29,851 Every consumer is about to decide which agents to trust. Nobody is guiding them. 1660 01:28:30,211 --> 01:28:31,691 Yeah, I like this. 1661 01:28:31,691 --> 01:28:34,351 I'm just gonna copy this right here. 1662 01:28:34,351 --> 01:28:36,071 We're gonna go back to Claude Code. 1663 01:28:36,071 --> 01:28:38,171 On this first slide, make the text, 1664 01:28:38,171 --> 01:28:40,911 the main text at the top, every consumer, 1665 01:28:40,911 --> 01:28:44,711 and then just change what's going on on the bottom part. 1666 01:28:44,711 --> 01:28:47,011 Like it says fragmented, technical, and unbranded. 1667 01:28:47,391 --> 01:28:48,371 Please come up with something else. 1668 01:28:48,471 --> 01:28:53,891 Maybe show the phone on the right with the app design. 1669 01:28:54,111 --> 01:28:57,811 Show that there on the right and show that there's like a course or something there or something. 1670 01:28:58,291 --> 01:28:59,211 That's pretty good. 1671 01:28:59,611 --> 01:29:00,871 Where are we on the mobile app? 1672 01:29:01,031 --> 01:29:01,391 Oh, yeah. 1673 01:29:01,651 --> 01:29:02,211 Let me see here. 1674 01:29:02,291 --> 01:29:02,491 Oh, yeah. 1675 01:29:02,531 --> 01:29:03,771 We just tried to add authentication. 1676 01:29:04,551 --> 01:29:06,171 Let's go ahead and go to Xcode. 1677 01:29:06,731 --> 01:29:09,271 What we're going to do is we're going to run this on Riley's iPhone. 1678 01:29:09,271 --> 01:29:11,971 So I'm going to go ahead and open up Riley's iPhone here. 1679 01:29:12,551 --> 01:29:13,911 This is going to open up. 1680 01:29:13,911 --> 01:29:21,131 Let's take a look. We tried to add authentication. Add your Superbase publishable keys. Okay, so 1681 01:29:21,131 --> 01:29:27,211 we're not quite ready for adding authentication. The easiest path is Superbase native Google 1682 01:29:27,211 --> 01:29:32,171 OAuth flow. It's asking it, what do I need to do to make this work? I'm not signed in yet, 1683 01:29:32,171 --> 01:29:36,971 or I can't sign in. So again, we're just asking the agent what we need to do to set this up. 1684 01:29:36,971 --> 01:29:42,971 Actually, we're not going to do Google. I want to just set up, what were some of the providers? 1685 01:29:42,971 --> 01:29:50,551 Is Apple one of them? Let's do Apple. Actually, let's just do email. We don't need to do Google. 1686 01:29:50,811 --> 01:29:57,811 Just do email for now. Okay, so the mobile app is done. Let's see if this works here. What we're 1687 01:29:57,811 --> 01:30:04,771 going to do is we're going to go to Xcode and we're going to hit play. Build succeeded. So it 1688 01:30:04,771 --> 01:30:09,151 decided that doing email and password was actually the easiest way to do it. So that's what we're 1689 01:30:09,151 --> 01:30:13,571 going to do. I'm going to put in my email and password. I'm going to pause the video for this. 1690 01:30:13,711 --> 01:30:18,671 And here we're just going to sign in. Ah, I have to do create account first. Create an account. 1691 01:30:18,931 --> 01:30:24,471 Okay, wait. It worked. It worked. It worked. I had to go into Supabase and I had to turn off 1692 01:30:24,471 --> 01:30:30,011 confirm email. I can turn that on later, but all I want to do is be able to sign in. 1693 01:30:30,171 --> 01:30:38,471 And it looks like that I am indeed signed in here. I can see that it, let's see if I hit save. Let's 1694 01:30:38,471 --> 01:30:41,651 save a few things here on platforms. 1695 01:30:41,651 --> 01:30:43,271 We'll save Cloud Code. 1696 01:30:43,271 --> 01:30:45,291 If we go back to our profile, 1697 01:30:45,291 --> 01:30:48,351 we have one platform saved, two tracks saved, 1698 01:30:48,351 --> 01:30:49,491 no skills saved. 1699 01:30:49,491 --> 01:30:52,071 So I can save some skills. 1700 01:30:52,071 --> 01:30:55,651 One, two, three, one, two, three. 1701 01:30:55,651 --> 01:30:57,751 Now let's go back to my profile. 1702 01:30:57,751 --> 01:31:00,651 All of these things are now saved in the app. 1703 01:31:00,651 --> 01:31:02,131 So I am signed in. 1704 01:31:02,131 --> 01:31:04,511 It doesn't show the account that I'm signed in with, 1705 01:31:04,511 --> 01:31:06,471 which I will want it to do. 1706 01:31:06,471 --> 01:31:07,831 That's one thing we'll ask. 1707 01:31:07,831 --> 01:31:09,011 Okay, so I am signed in. 1708 01:31:09,071 --> 01:31:11,831 Once I sign in, I want it to be clearer that I'm signed in, 1709 01:31:11,951 --> 01:31:14,051 like show like my email up at the top. 1710 01:31:14,211 --> 01:31:15,411 But this is pretty cool. 1711 01:31:15,691 --> 01:31:18,511 We are signed in and this is working. 1712 01:31:18,691 --> 01:31:22,151 We have a full working authentication set up. 1713 01:31:22,611 --> 01:31:27,711 We can go to the tables and yeah, this is pretty cool. 1714 01:31:27,871 --> 01:31:30,791 So I think this app is ready for test flight. 1715 01:31:30,791 --> 01:31:33,631 So I'm actually gonna add this later. 1716 01:31:33,631 --> 01:31:38,851 I want to get this ready for test flight. 1717 01:31:39,071 --> 01:31:43,391 Please do everything to prep for this. 1718 01:31:43,711 --> 01:31:49,571 I'm going to do it on the not a number account. 1719 01:31:49,791 --> 01:31:51,331 So yeah, we're gonna be sending this app 1720 01:31:51,331 --> 01:31:52,671 to the app store here. 1721 01:31:52,771 --> 01:31:53,531 Let's take a look. 1722 01:31:53,691 --> 01:31:56,431 A trusted curator for the AI agent era. 1723 01:31:56,631 --> 01:31:57,591 That's pretty good. 1724 01:31:58,271 --> 01:32:00,171 And so we can see this full screen 1725 01:32:00,171 --> 01:32:04,011 or what we can do is we can open this in Canva. 1726 01:32:04,291 --> 01:32:06,931 So we're gonna open up this new version in Canva 1727 01:32:06,931 --> 01:32:09,491 and it will show up right here 1728 01:32:09,491 --> 01:32:12,071 and we can actually manually make edits to it. 1729 01:32:12,171 --> 01:32:14,731 And so we can do like the last five, 10% here. 1730 01:32:14,891 --> 01:32:16,411 Like we might wanna get rid of this. 1731 01:32:17,071 --> 01:32:19,251 You know, maybe we'd wanna change these colors 1732 01:32:19,251 --> 01:32:22,991 just a little bit, but yeah, it exports pretty well. 1733 01:32:23,071 --> 01:32:24,251 Ooh, nice animation. 1734 01:32:24,931 --> 01:32:25,711 That's kind of sick. 1735 01:32:25,771 --> 01:32:26,991 It looks a lot better in Canva. 1736 01:32:26,991 --> 01:32:29,991 And so yeah, like we can get rid of these here. 1737 01:32:30,171 --> 01:32:37,511 then we can also add some like offset good like background we can put it over here 1738 01:32:37,511 --> 01:32:43,871 so this is looking a little bit better we can make some uh yeah you know this slide it's fine 1739 01:32:43,871 --> 01:32:52,511 we could add some icons but you know what this is a decent start to an investor deck so i'm 1740 01:32:52,511 --> 01:32:56,651 going to go ahead and go back to the plan i finished the investor deck i also finished 1741 01:32:56,651 --> 01:33:02,131 the iOS app because this mobile app, I think is looking pretty good. You know, we still need to 1742 01:33:02,131 --> 01:33:07,371 send it to the app store. And so while the mobile app is loading, what I want to do is I want to be 1743 01:33:07,371 --> 01:33:11,751 able to put this on the internet. So I want to be able to actually put this on the internet and we 1744 01:33:11,751 --> 01:33:16,491 can give it a domain later. But what I'm going to do now is I'm going to say, please, can you 1745 01:33:16,491 --> 01:33:27,351 deploy this to at Vercel and give me the public link. So we are actually putting this website 1746 01:33:27,351 --> 01:33:32,151 on the internet, right? So this is how people can get early access. They can come to the website 1747 01:33:32,151 --> 01:33:38,531 and we can actually grab this link right here. Let me show you in a browser. So the actual, 1748 01:33:38,831 --> 01:33:43,431 and while this is loading, I want to add a song to our launch video. So I'm just going to drag 1749 01:33:43,431 --> 01:33:49,011 this song that I have. It's called Chasing Horizons in my folder. I'm going to say please add this 1750 01:33:49,011 --> 01:34:00,911 song at 50% volume in the launch video. Keep everything else the same. Okay, so we've created 1751 01:34:00,911 --> 01:34:09,431 a build here on App Store Connect. Now, please put it on test flight. I'm done. Okay, well that's 1752 01:34:09,431 --> 01:34:14,451 loading. I'm running one final prompt on Claude Code. I want to add, oh yeah, here's the music by 1753 01:34:14,451 --> 01:34:33,531 the way. So it shows copying. I can paste it here. It's pretty good. Some repetition shows me copying 1754 01:34:33,531 --> 01:34:41,631 this. Boom. Now after this, I wanted to actually use the skill. So we're using the skill and then 1755 01:34:41,631 --> 01:34:47,691 I want you to create a little canvas that shows all like five frames of a calorie tracking app 1756 01:34:47,691 --> 01:34:52,071 that look really good on the same background as that Claude code is. But remember, change the font 1757 01:34:52,071 --> 01:34:57,011 here. You didn't really choose the right font for the Claude code. And yeah, have a new app, 1758 01:34:57,171 --> 01:35:02,711 like have a like a laptop screen pop up, just basically like a computer screen pop up that 1759 01:35:02,711 --> 01:35:08,591 shows the different canvases of an iPhone mock-up. Okay, we're getting there. We're almost there, 1760 01:35:08,671 --> 01:35:17,271 guys. Okay, this web app looks done. Okay, yep, this is done. Deploy to Vercel. Give me link. 1761 01:35:17,511 --> 01:35:21,811 And we can't mark this as complete until we've tested it. So I'm going to go in and try and 1762 01:35:21,811 --> 01:35:26,671 submit an email on the website, right? I need to go to this link. If we open up ARC here, 1763 01:35:26,891 --> 01:35:31,091 we need to be able to type in the info here. And then remember, this last thing is I want to be 1764 01:35:31,091 --> 01:35:35,311 able to set up xPost automation. So we're just going to set that up. This is one of my favorite 1765 01:35:35,311 --> 01:35:40,371 skills that I've ever used. For this, we're going to use Typefully. So Typefully is how I control 1766 01:35:40,371 --> 01:35:48,271 six different Twitter accounts to combine over like 275,000 followers across all of my accounts. 1767 01:35:51,750 --> 01:35:56,890 to do is I need to grab my API key, right? Because I can just go here and I can create new posts from 1768 01:35:56,890 --> 01:36:02,830 Vibe Coding explain this account has 50,000 followers and we can use AI to draft tweets 1769 01:36:02,830 --> 01:36:05,070 from Typefully. 1770 01:36:05,070 --> 01:36:09,650 And so here what we need to do is we need to go to settings, then we need to go to API 1771 01:36:09,650 --> 01:36:11,550 and then we need to create a new API key. 1772 01:36:11,550 --> 01:36:13,210 So I'm going to create one and copy it. 1773 01:36:13,210 --> 01:36:14,210 Now we're going to come here. 1774 01:36:14,210 --> 01:36:18,550 I'm going to say, please, can you search Typefully? 1775 01:36:18,550 --> 01:36:23,010 And I want you to create a skill that allows me to fully control it with their new API. 1776 01:36:23,010 --> 01:36:25,330 Their new API is v3. 1777 01:36:25,330 --> 01:36:26,610 It gives me full control. 1778 01:36:26,610 --> 01:36:28,450 When you search it, you might find V2. 1779 01:36:28,450 --> 01:36:29,450 I want V3. 1780 01:36:29,450 --> 01:36:32,290 I want full control over typefully. 1781 01:36:32,290 --> 01:36:35,010 And I want you to just test it right away. 1782 01:36:35,010 --> 01:36:40,070 Test it with the Riley Brown account and use fruit emojis in your test so I know which 1783 01:36:40,070 --> 01:36:41,130 ones are yours. 1784 01:36:41,130 --> 01:36:43,950 In the message below, I'm going to paste my API key. 1785 01:36:43,950 --> 01:36:44,950 Use that. 1786 01:36:44,950 --> 01:36:45,950 Figure this out. 1787 01:36:45,950 --> 01:36:46,950 Test it. 1788 01:36:46,950 --> 01:36:47,950 Let's see if this works. 1789 01:36:47,950 --> 01:36:48,950 Create the skill. 1790 01:36:48,950 --> 01:36:49,950 All right. 1791 01:36:49,950 --> 01:36:53,670 So we're creating a skill so we can have AI and we can set up automations to automatically 1792 01:36:53,670 --> 01:36:56,410 use this API to schedule tweets. 1793 01:36:56,410 --> 01:36:58,310 So here, I'm going to enter this. 1794 01:36:58,310 --> 01:37:00,790 Now off camera, I'm gonna paste my API key. 1795 01:37:00,790 --> 01:37:03,050 I do not want that out there in the wild. 1796 01:37:03,050 --> 01:37:04,890 Okay, so we just got the web app link, 1797 01:37:04,890 --> 01:37:07,210 and I know this is not centered, right? 1798 01:37:07,210 --> 01:37:09,930 I know we made this really quickly. 1799 01:37:09,930 --> 01:37:11,290 We could easily center this. 1800 01:37:11,290 --> 01:37:13,410 It says made with Tally. 1801 01:37:13,410 --> 01:37:16,650 I'm just gonna put in an email address. 1802 01:37:16,650 --> 01:37:18,630 All right, so we're gonna hit register. 1803 01:37:18,630 --> 01:37:19,630 All right, so done. 1804 01:37:19,630 --> 01:37:21,610 So now let's check to see if that worked. 1805 01:37:21,610 --> 01:37:23,370 We're gonna go back to Tally, 1806 01:37:23,370 --> 01:37:26,390 and here we see the registration form template. 1807 01:37:26,390 --> 01:37:32,870 one submission we see the one submission here and we see that it works so this is actually on the 1808 01:37:32,870 --> 01:37:40,230 internet right this is chorus dash beta dash two versell app so this is on the internet we can give 1809 01:37:40,230 --> 01:37:45,910 it a custom domain i just haven't bought a domain yet for this but you can actually sign up for early 1810 01:37:45,910 --> 01:37:52,790 access right now so we can go back to our plan and we can say cool i finished the web app and landing 1811 01:37:52,790 --> 01:37:58,710 page waitlist sign up. All right. And look at this. We actually have our app. We can open our 1812 01:37:58,710 --> 01:38:03,690 app here. This is actually in test flight. You can see that this is a real build. This is not 1813 01:38:03,690 --> 01:38:08,410 the chorus app. This one is the app that we downloaded to our phone, right? That we downloaded 1814 01:38:08,410 --> 01:38:16,390 from Xcode. This one, this one is actually a test flight link. Now I can say Riley at, um, actually, 1815 01:38:16,450 --> 01:38:22,270 I forget what email at. Okay. There we go. We are signed into our account. We have this app. It is 1816 01:38:22,270 --> 01:38:28,110 literally on the app store. It's a pretty bare bones app. You know, it's, it is a pretty simple 1817 01:38:28,110 --> 01:38:33,110 app, but we have some good information here that we're going to add to, right? We just created the 1818 01:38:33,110 --> 01:38:38,590 bare bones. We have it set up to a backend so I can constantly add things to this to make it a 1819 01:38:38,590 --> 01:38:44,450 really useful app. One thing I do want to add is an AI chat, but it has haptics and it feels pretty 1820 01:38:44,450 --> 01:38:49,590 good. So we are done with our app, fully done with our app. Let's check on our launch video. Let's 1821 01:38:49,590 --> 01:38:55,870 see if Opus is done. Okay, this is actually looking pretty good, but I think the Typefully 1822 01:38:55,870 --> 01:39:03,110 one is done. I was wrong. It is V2, but it said that it was able to create a draft autonomously. 1823 01:39:03,110 --> 01:39:09,070 So we did create the skill that controls Typefully, which allows me to draft tweets. So if I go back 1824 01:39:09,070 --> 01:39:15,970 to Typefully here, it said that it created one on Riley Brown. Let's see. There you go. 1825 01:39:15,970 --> 01:39:18,930 So it is able to create drafts for me. 1826 01:39:19,410 --> 01:39:31,530 And so now I can say, please do research and come up with three drafts every single morning to post on X. 1827 01:39:31,750 --> 01:39:38,490 Please create that automation now and use the slash. 1828 01:39:38,630 --> 01:39:40,530 I think it should have created a skill. 1829 01:39:40,910 --> 01:39:43,570 Typefully control skill and we can run it. 1830 01:39:43,570 --> 01:39:51,050 So we just created the automation. So we are done with this. I just finished the x-post video automation 1831 01:39:51,050 --> 01:39:55,910 So all we have left is the launch video. We need to go to the 1832 01:39:57,010 --> 01:40:02,890 Remotion screen here. Let's see if cloud code is still working. It looks like it's done. Let's take a look. Let's watch the video 1833 01:40:02,890 --> 01:40:04,890 Let's see if it's good 1834 01:40:13,570 --> 01:40:16,930 Okay, so we're adding the skill. 1835 01:40:16,930 --> 01:40:17,930 Very good. 1836 01:40:17,930 --> 01:40:22,930 We're going to do it again. 1837 01:40:22,930 --> 01:40:25,930 Boom. 1838 01:40:25,930 --> 01:40:31,350 That's a little bit long. 1839 01:40:31,350 --> 01:40:36,350 That's okay. 1840 01:40:36,350 --> 01:40:43,570 Okay, we got this app laptop opening up and it created the designs for the app. 1841 01:40:43,570 --> 01:40:44,490 That's pretty sick. 1842 01:40:45,990 --> 01:40:49,310 And then, boom. 1843 01:40:51,290 --> 01:40:52,230 There you go. 1844 01:40:52,530 --> 01:40:53,350 It's kind of sick. 1845 01:40:54,070 --> 01:40:55,730 Obviously, there's a lot more we can do. 1846 01:40:55,870 --> 01:40:59,530 We were multitasking, but I think this is actually a good first draft. 1847 01:40:59,630 --> 01:41:00,770 We can continue to edit it. 1848 01:41:01,090 --> 01:41:05,030 I will say Claude Code is significantly better at designing. 1849 01:41:05,710 --> 01:41:08,930 Codex just wants to use these really clunky design styles. 1850 01:41:09,030 --> 01:41:12,270 I cannot wait for them to get a model specifically for design. 1851 01:41:12,270 --> 01:41:15,490 I think that'll be really great, but we're good. 1852 01:41:15,630 --> 01:41:18,150 And as you can see here, automations just turned to three. 1853 01:41:18,510 --> 01:41:21,610 We can see that it created these morning drafts here 1854 01:41:21,610 --> 01:41:24,630 and here is the morning draft that it created 1855 01:41:24,630 --> 01:41:27,030 and we have three automations ready to go. 1856 01:41:27,210 --> 01:41:28,510 So that's what we've done today. 1857 01:41:28,770 --> 01:41:32,170 Woo, this was a long one. 1858 01:41:32,510 --> 01:41:33,930 Yeah, we covered a lot. 1859 01:41:34,650 --> 01:41:36,070 I'm just gonna, just so we finished, 1860 01:41:36,410 --> 01:41:39,330 finished the launch video. 1861 01:41:39,770 --> 01:41:41,470 Okay, yeah, and so there you go. 1862 01:41:41,470 --> 01:41:46,870 we are done. And all I wanted to illustrate in part two of this video was that you can multitask 1863 01:41:46,870 --> 01:41:51,890 to create really cool things. If you ever get stuck, just ask the agent. If you ever want a skill, 1864 01:41:52,250 --> 01:41:56,990 just ask the agent if you can create a skill. Maybe you'll need an API key to a tool you already use, 1865 01:41:57,290 --> 01:42:01,990 maybe not, but you can just ask the agent to create a skill and you can download it. And 1866 01:42:01,990 --> 01:42:06,710 they have a lot of plugins. They're going to continue to add a ton more plugins. So you're 1867 01:42:06,710 --> 01:42:11,210 going to basically be able to all of the tools that you already use and it's only going to get 1868 01:42:11,210 --> 01:42:16,350 easier from here. I highly recommend to just take everything that you do in your job or in your 1869 01:42:16,350 --> 01:42:20,270 business and try and figure out how you can automate as much as you can. You know, if you 1870 01:42:20,270 --> 01:42:25,330 have a software company, try and create a launch video every week. You can just launch on Instagram 1871 01:42:25,330 --> 01:42:31,850 or on Twitter every week. You can create Instagram videos. You can create graphics. There's a ton of 1872 01:42:31,850 --> 01:42:37,850 things that you can just do and experiment with and figure out how to use Canva with Codex. There's 1873 01:42:37,850 --> 01:42:42,790 so much that you can do on these AI powered super apps and they're only going to get better. Anyway, 1874 01:42:42,970 --> 01:42:47,250 thank you guys so much for watching. Please hit subscribe and like this video. It helps me out a 1875 01:42:47,250 --> 01:42:53,810 ton. I will put the app that we created, right? We have the app that we created. By the time you see 1876 01:42:53,810 --> 01:42:57,830 this video, it should be on the app store. You'll be able to use it for free. I'm going to load it 1877 01:42:57,830 --> 01:43:02,730 up. I'm just going to keep this as my notes for all of the useful tools that I use. So I'm actually 1878 01:43:02,730 --> 01:43:09,010 going to put all of the useful skills and all the platforms that I'm testing out on this mobile app, 1879 01:43:09,150 --> 01:43:13,370 and it'll be on the app store. So check that out if you want. Anyway, thank you guys for watching.