start	end	text
0	5760	Welcome to the OpenAI Codex Complete Guide, where we will be learning how to use OpenAI's
5760	13660	new super app to create and edit designs, do research and create documents, create and deploy
13660	21060	full web apps, create motion graphic launch videos, create high quality investor decks that you can
21060	28640	export to Canva, and even create high quality iOS apps in Swift. What you'll realize in this video
28640	33680	is Codex is the only unified all-purpose AI agent tool.
33840	38500	One that combines coding, co-work, browser, and computer use cases
38500	43580	all into one single interface that we are going to cover in great detail.
43720	46080	So this video is going to be divided into two parts.
46260	47980	We're going to first start with the basics,
47980	51380	and then we are going to move on to multitasking
51380	54480	and creating many different things in parallel.
54720	58300	In part one, we're going to talk about the basics of prompting.
58300	62780	We're going to talk about permissions, the different AI models you can use, and the effort.
63340	69020	We're also going to talk about the main features in the app. We're going to do a detailed dive into
69020	72780	all of the different things that you can do on Codex. We're going to talk about how to stay
72780	79100	organized. We're going to talk about this preview, which makes Codex so useful for basically any use
79100	84940	case. You can even comment directly on the preview to give additional information to the AI agent.
84940	90940	We're also going to talk about how to create PowerPoints, how to create Excel sheets, and how to create documents.
91180	93080	We're going to talk about skills and plugins.
93460	94980	We're also going to create automations.
95360	101220	So you can simply chat with Codex to create automations that allow you to just save so much time.
101720	107640	And then we're also going to talk about computer use, which allows your agent to literally control your computer.
107640	112100	And the OpenAI computer use is best in the world by far.
112100	117280	And so part one is going to feel very linear and somewhat slow, but we're really going
117280	118780	to dig into the basics.
118780	121620	And part two, we're going to start to have a lot more fun.
121620	125120	In part two, we are going to create a design for a mobile app.
125120	126780	We're going to create a mobile app.
126780	127860	We're going to build a web app.
127860	132140	We're going to build an investor deck and we're going to create a launch video and we're going
132140	134760	to do these all at the same time.
134760	140720	And so we are going to dive into multitasking with Codex because every month that goes by
140720	144040	AI agents are working for longer and longer
144040	146480	to the point where AI agents can take up to an hour
146480	148980	or two hours on any given task.
148980	151940	So in order to become effective at using AI,
151940	153840	you need to learn how to multitask.
153840	156480	And in this part, I wanna talk about
156480	159260	how I multitask with codecs.
159260	160520	And so by the end of this video,
160520	163260	you are going to be ahead of 99% of people
163260	167700	in terms of practically using AI agents to get work done,
167700	170320	whether it's coding or general use cases
170320	173300	and creating documents and things for work.
173300	174780	Let's dive into the video.
174780	179380	Okay, so let's first start off by downloading the Codex app.
179380	180640	So you can go to any browser
180640	183240	and type in Codex app download.
183240	188240	And here we see chatgpt.com Codex desktop app.
188920	189920	We're gonna click on this.
189920	191360	The page should look like this.
191360	195820	And here is where you can download this for Mac OS.
195820	197100	I already have it downloaded,
197100	199160	but just click this and go through the process
199160	200900	of getting it on your computer.
200900	204420	Okay, so when you download the Codex app for the first time,
204420	205600	it'll look a lot like this.
205600	207280	You're gonna see this left side panel
207280	209200	with these five options over here,
209200	211300	which we're gonna dive deep into later.
211300	213540	You're not gonna see any conversations over here.
213540	216140	And then you're gonna see this kind of chat interface
216140	218960	that looks oddly similar to ChatGPT.
218960	221720	And we can actually open up Arc here real quick.
221720	223120	Here is ChatGPT.
223120	224760	This is what ChatGPT looks like.
224760	225700	It's very similar.
225700	229260	you type a chat and you get a response from ChatGPT.
229400	230360	It's very similar.
230500	232340	So it looks similar from this perspective,
232580	234800	but there's so much more in this application.
235100	236220	It is unbelievable.
236580	238340	So if I were to type something here,
238440	239800	let's say I type something like this.
239860	241720	Hello, please search and tell me the latest news
241720	243140	on OpenAI's new desktop app,
243280	244460	list all the different features.
244680	247360	Just like ChatGPT, it has built-in web search.
247440	248860	So it'll automatically search the web
248860	250560	and it will give me a nice response.
250760	253480	I can also type that into Codex and press enter.
253480	262600	Now, notice here that the chat, find OpenAI desktop features, showed up here in the side panel under this chats column.
263000	264720	This is actually brand new to Codex.
264820	266120	They added this chats column.
266680	273040	This is because we didn't actually select which location we wanted this chat to be in.
273260	274660	And I'll explain that right now.
274900	283060	What makes Claude Code and Codex so powerful is that it is an AI agent that can basically control your entire computer.
283060	288740	It can create files, it can edit files, and as we'll get to later, it can even use computer use,
288840	292960	which means fully controlling the mouse and keyboard on your computer.
293200	300820	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.
301100	306540	And when you create a project, it's going to open up your folders on your computer, right?
306560	307940	It's going to open up Finder.
307940	311580	And so I create a project called Codex Projects,
311620	313480	and you can create anything you want.
313580	314880	You can call it Riley's Codex,
314900	316880	or you can just put them in your documents folder.
317020	317620	It doesn't matter.
318000	320760	I keep it organized, and I'll even create a new folder.
321020	324380	So I'll just say like Riley's Codex Projects.
324420	326740	So this is the folder that I'll create
326740	330980	where I will put all of my other projects beneath it.
331120	334220	So I just created this Riley's Codex Projects.
334460	336680	Now, let's say I wanted to do some research
336680	340480	on all the cool things about Codex and the new desktop app.
340780	343720	And I can create a project where all the documents
343720	346560	that I create about this will be stored in that location.
346800	348960	And so what I'm gonna do is I'm gonna hit new folder
348960	352440	and I'm gonna call this Codex Desktop Research.
352760	353820	And we're gonna hit create.
354000	355640	We're gonna select this folder
355640	357280	and we're going to hit open.
357620	360520	Notice here that a project was created.
360640	362020	We have one project created
362020	365020	and it's called Codex Desktop Research.
365020	372140	Now, if we click on this button, we are now creating a new chat at Codex Desktop Research.
372500	376200	It's also listed right here, Codex Desktop Research.
376560	379580	So when we create a chat, it'll show up here.
379860	388920	So I'm just going to say, please tell me about the new Codex Desktop app features that they released today.
389040	391560	And again, this can search the internet by default.
391720	393580	It can go off and do research.
393580	398440	And notice here, if we were to expand this, this chat shows up right here.
398560	400860	And it will automatically use AI to name it.
400920	402520	So find new codex app features.
402880	406000	Now we can press this button again and we can actually create a new chat.
406120	411380	I can say, what are people saying about the new codex app?
411520	417120	Figure out a way to look at blogs and x.com.
417380	419880	And what are people saying?
420160	422700	What are they excited about?
422700	429420	So these are chats under the same project and they work at the same time and you can tell that it's in progress
430060	436300	because of this right here, right? You can see that we have this spinny circle right here
436300	444220	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
444940	446060	to
446060	451820	Multitask and so we'll know when it's done because a blue little dot there we go right on cue
451820	480000	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.
482400	488220	clicking these three dots and hit open in Finder. And you can see that it opens up right here and
488220	493340	we can click into it and we're going to be able to see all of the files that get created. No files
493340	498500	have been created so far and these chats don't actually get stored here it's just the files that
498500	504820	they create oh and here we go it just created this outputs folder we click in this and so it's created
504820	509940	the folder it hasn't yet created the document yet and if you'll notice here it's done and you'll
509940	516680	see at the bottom we have this codex desktop features dot xlsx if we go ahead and we just click
516680	523320	open look at this it opens right here in the side view notice here if we don't want this side by
523320	528280	side view we can come up and we can press this button right here which will allow us to full
528280	535000	screen it and i could even remove the side panel and now we're operating in this spreadsheet view
535000	540920	and it is literally full screen yeah i can view the whole thing and i can create a follow-up and
540920	548040	i could say something like please remove the source page column and so now we can just see
548040	553320	that it is working and you can tell it's working because it says stop and we can leave this full
553320	558360	screen view and we can see that this was entered in the chat so this is a fun way to toggle between
558360	564200	like here you can see all of your agents in the chat and what your agent is working on and if you
564200	569000	want to just focus on the thing that you're working on again you can full screen this and you can
569000	574760	remove the side panel to kind of toggle between the views and look here it's done you will notice
574760	578600	here that the source column is no longer here.
578600	581220	It removed it and so we can just use AI
581220	583520	to edit this document pretty perfectly.
583520	587280	And remember, remember when I said that all of the files
587280	590040	that your agent creates will show up in this folder
590040	593860	and you can open in Finder at this location
593860	597720	and we can open this and here we can see that this XLS,
597720	600060	this is the file that we're working on right now.
600060	604200	So all of it is stored in this file.
604200	606520	And so this makes it easy for me to create chats
606520	607780	and reference that file.
607880	610140	I can very easily hit create new chat
610140	616100	and I can say, please add anything that I missed to at,
616260	617740	and we should be able to see the file.
617820	618740	If we go back to finder,
618780	622240	we can see that this file is called codex desktop features.
622240	625700	And so we can go at codex desktop features.
625920	629460	And so we can at mention that file and say, do research.
629460	634860	Let me know if I missed anything for new features for Codex.
634960	640560	And so within this chat, like within this folder, we can at mention anything that we create,
640840	642300	which is really, really fun.
642480	646560	Okay, I wanted to take a brief moment to just recap everything that we've talked about before
646560	648440	we dive into more advanced topics.
648680	653820	Codex, in its simplest form, this Codex application allows you to chat with an AI agent that can
653820	657440	create, edit, and delete files on your computer.
657440	660400	And the specific parts of the app that we've talked about,
660600	664040	the project location or file path is right here.
664220	666020	The permissions are right here.
666180	668620	It's basically what your agent is allowed to do
668620	670940	and do you need to approve its actions?
671120	674000	I prefer using full access, so just let it cook.
674180	678080	And then we also have the model, GPT 5.4,
678220	681120	and the effort level, which is extra high
681120	682400	that I use by default.
682540	684360	And you can type your question
684360	687080	or answer or whatever you want to create.
687080	692760	you can type it in. When you type it in, when you choose a file location, it'll also show up in the
692760	699560	side panel right here. And again, your project location, codexdesk.research, codexdesk.research,
699860	705260	this chat, whatever you type in will be named and will be placed here in the side panel. And
705260	711800	if we go down here, your agent can also create files, right? So it can create this .xlsx
711800	718420	document on your computer. And so this is just an agent created file. And this agent created file
718420	725560	gets added to this folder that you created, right? The same project location, your file created by an
725560	732320	agent. If the chat is within this project location, that file will actually show up in this outputs
732320	739500	folder within the Codex Desktop Research. So you can see they all get organized in this clean file
739500	746240	layout. And then if you press this open button right here, then it opens up the file in this
746240	751380	clean view. And remember, you can full screen this view if you want to, and you can see all of your
751380	756860	files here. So you can actually have multiple files open, which we'll get to a lot later. We haven't
756860	762860	done this yet, but you can see the file name right here. And so that's kind of a basic overview of
762860	767820	what we've talked about so far. Now let's dig into some more fun workflows and more fun projects.
767820	772700	So now I want to go over the other options up here on the top left.
772800	774760	The first one being search.
775040	776640	And don't worry, we'll get to plugins in a second.
776740	778020	This is when it gets really fun.
778220	780660	But you know how we have two projects over here?
780780	785240	I've actually created over 30 different projects in the time that I've been using codecs.
785320	789440	But one thing that you can do is you can very easily remove them from the side panel.
789500	791040	And that doesn't mean you delete anything.
791200	794160	Because remember, these are all just folders on your computer.
794200	795460	And those don't actually get deleted.
795660	797420	You just remove them from the side panel.
797420	800060	But this search feature, what I can do is I can search anything.
800200	806200	So I remember I looked for, I said to do research and create a report in the style of Karpathy,
806400	808000	but I removed the project.
808100	813360	But if I just type in Karpathy, it can actually, it searches all the chats for the name Karpathy
813360	814560	and I can click on it.
814680	818960	And now this chat opens up and you can see here that the name of the chat is Analyze
818960	822100	Karpathy Voice and it's in this general agent task.
822260	824540	So remember, this is just the project folder.
824540	827340	So this codex desktop research, right?
827420	828520	That is the project folder.
828760	831020	This is a general agent tasks folder
831020	832960	that I removed from the side panel.
833020	834280	But if I click on this,
834540	836340	it'll actually open up the location.
836520	838680	And then all I need to do is just drag this in here
838680	841540	and boom, now all of the chats
841540	844020	for this general agent tasks here
844020	846380	shows up here on the left side panel, right?
846420	847200	That's pretty cool.
847340	848660	And again, I can remove it
848660	851820	and I can bring it back whenever I want.
851940	854040	And so in order to access this search menu,
854040	861180	you can just press command G and we can just type in codex outline and you can open it without even
861180	865380	clicking on it which is kind of fun. Here is application that I was working on earlier that
865380	869260	goes through all the features but we're going to get to more advanced applications in just a second.
869440	875360	First I want to talk about plugin and so yeah many people get these confused plugins versus skills
875360	881060	and I will say the line between plugins and skills is a little blurry and so I actually just asked
881060	888660	codecs to create a little graphic using my Excalibraw skill that I created. And I had it
888660	893640	create this image and then I exported it and here it is. So fun fact, I generated this with my
893640	897680	Excalibraw skill. But let's talk about the difference between skills and plugins. So skills
897680	903380	are basically a reusable workflow package for a specific kind of task. And so you can think of a
903380	909740	skill as a reusable recipe, whereas a plugin is the installable unit that extends codecs with more
909740	915220	capabilities. And so you can see here, if we click on plugins, right, it's kind of weird, right? In
915220	921380	the Claude app, we can see that they call it the customize tab. And then here they have skills and
921380	926920	connectors. OpenAI has plugins and skills. If you use different tools, they have different vocabulary
926920	932580	for each one. So I kind of just clump these together. And I personally think of them as
932580	938340	skills. And so skills are just ways to extend the capability of the model, right? So if I wanted to
938340	940120	to say something to Codex and be like,
940120	943360	hey, check my email and tell me all of the urgent messages
943360	945060	that they've sent me today, right?
945060	947800	It couldn't do that right as you downloaded Codex.
947800	950760	You need to give it the skill of email.
950760	952120	And so I've done that already, right?
952120	953640	I've given it the email skill.
953640	956500	One thing that I can give it is my Google Calendar skill.
956500	958120	I haven't done that yet in Codex.
958120	959100	So let me show you this.
959100	960000	So this is actually.
960000	962400	So this is actually a plugin, sorry, Google Calendar plugin.
962780	964540	And so I can give it the plugin.
964540	967080	And so we can hit install Google Calendar.
967620	970560	And this will automatically take me to my browser
970560	974320	where I can sign into my email and I can hit continue.
974320	977060	and we can hit select all, continue.
977420	979580	And now once we get the verification,
979800	982760	Google Calendar is ready, Google Calendar is now connected.
983000	985500	That means the calendar is now plugged in.
985500	988480	Now, if I go, let's say we go to,
988640	990700	let's go to general agent task
990700	992320	because that's what I wanna do right now.
992500	994320	And we're just gonna press this button right here.
994600	998700	Now we can say, please list out the events
998700	1001020	for this week for me.
1001100	1003020	And I can press slash.
1003020	1004780	you actually wouldn't have to do this.
1004860	1006720	You don't have to type in everything.
1007020	1008800	The agent is smart enough to just do it.
1008900	1012980	And you'll see here that Google Calendar shows up right here.
1013120	1015840	And so I can say, please list out the events for me,
1016080	1019880	list them out here in the chat, and we can run this.
1020000	1020660	And look at this.
1020760	1024640	So all of my events are listed out right here.
1024720	1028120	So this is my entire calendar listed out right here.
1028120	1035500	And so I'm going to say, please, can you send me a weekly recap in email?
1035800	1043620	Just email it to myself because I've set up my Gmail integration and I can hit slash Gmail.
1044100	1049280	And please send me this recap to my email.
1049500	1054000	And so that's all we're doing is we are sending this to my email.
1054000	1058180	So it's using the Gmail skill connected Gmail address and it's going to send me the email.
1058360	1061500	I found the email address is my email right here.
1061780	1065160	Sending the recap there with the week and conflict note included.
1065400	1066040	And so it's done.
1066120	1070440	It said I sent the recap to your email with the subject weekly calendar recap.
1070720	1074280	If I go to my email application, I can see here.
1074380	1075040	Check this out.
1075160	1077940	Here's the email that I got and I use superhuman for email.
1078160	1079400	And here it says weekly.
1079540	1081080	It was sent from me.
1081220	1082700	And here's this weekly recap.
1082700	1084800	Now, one thing that we're gonna talk about,
1084860	1087140	and I'll talk about more about this later, is automations.
1087340	1091640	I can just say, please, can you make this task
1091640	1096820	an automation for every Friday at 4 p.m.
1096840	1098820	for the previous week?
1098960	1101240	Okay, look, I'm turning this into a weekly automation,
1101520	1102640	blah, blah, blah, blah, blah.
1102980	1105520	Here it says, created weekly calendar recap
1105520	1107160	Fridays at 4 p.m.
1107200	1109360	And so if I click on this right here,
1109360	1111980	I can see this weekly calendar recap.
1112480	1114680	We can see that the status is active.
1114840	1117000	The next run is tomorrow at 4 p.m.
1117000	1119320	Right now it's currently Thursday at 4 p.m.
1119380	1122380	And it's never run before, so it doesn't list the last run.
1122620	1124020	And that's what we got.
1124260	1127280	And what you'll notice here, if we actually go up to automations,
1127440	1129440	we now see a one by automations.
1129700	1130740	We can click on this.
1130840	1132680	And here we see the automations.
1132860	1133360	Look at this.
1133460	1136740	And you can actually test this automation just by hitting play,
1136860	1138340	which will automatically play it.
1138340	1139780	or we can edit the automation
1139780	1143200	and it is very easy to just edit it
1143200	1144500	and we can add to it.
1144640	1149400	And I can say, make sure to use the Gmail skill
1149400	1150240	if you want to.
1150300	1151400	You actually don't need to do that.
1151460	1152840	It's basically implied.
1153060	1155580	And it's that easy to create an automation.
1155800	1158640	You just ask Codex to create an automation.
1158820	1161320	And so if you're ever confused about what a plugin can do,
1161420	1162400	just create a new chat.
1162520	1164680	So what we're gonna do is we're gonna go to general agent tasks.
1164760	1165700	We're gonna create a new chat
1165700	1167200	and I'm just gonna type in at Figma.
1167200	1168240	And this is a plugin.
1168340	1175300	and I'm going to say, please tell me what actions I can do with this plugin.
1175600	1177660	I've never used it.
1177920	1187080	Describe to me what I can do or what you can do, your abilities, with this plugin list all.
1187280	1190260	So now Figma, we will learn about the Figma plugin.
1190400	1193200	And here it listed all of the things that it can do.
1193340	1197580	A very quick side note, you see this carrot here after working for 18 seconds.
1197580	1201880	You can actually click this and this will show kind of its thinking behind the scenes.
1202180	1205520	Figma plugins gives me three broad kinds of abilities.
1205700	1208160	It can inspect existing Figma files.
1208340	1212560	It can generate new visual artifacts and connect Figma to your code base.
1212800	1214380	And so we can just test this out right now.
1214460	1218900	So I have Figma open right here and I guess I'm just going to create a new design.
1219240	1224160	And let's go ahead and call this because I don't see the ability for it to create a new design.
1224160	1231980	So I'm going to rename this and I'm just going to say I created this new Figma board called
1231980	1241340	Riley New Design. Can you please put Hello World on that design to see if that works? So now we're
1241340	1245940	going to test out this Figma integration. And so look at this. It says Figma is running locally.
1246080	1250980	I'm switching to the text tool and placing a simple Hello World on the canvas. And so now it
1250980	1255560	says hello world is now on the Riley new design canvas. Let's go ahead and go over there and look
1255560	1260880	at this. We have hello world and I've been typing a lot in this video and so I'm going to show you
1260880	1266440	how I normally interact with AI agents which is just with my voice using a tool called whisper
1266440	1270960	flow and that's literally you can look it up on Google. You can download it. They have a generous
1270960	1276860	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
1276860	1281960	go to Figma. Actually, I don't want you to ignore the hello world. That was just a test. Now that I
1281960	1287920	know that it works, I want you to make a mock-up design on Figma for my new shoe company called
1287920	1295200	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
1295200	1301220	it. So do that on Figma. If you need to get an image of this new shoe, generate it using your
1301220	1303460	built-in image generation tool.
1303460	1306420	And take a look at this, it just generated new shoe
1306420	1309500	and it generated an image right here in the chat,
1309500	1310660	as you can see here.
1310660	1313180	And now it says looked at codex.
1313180	1316360	So it's actually seeing the computer use
1316360	1318380	is actually checking to see if it generated it.
1318380	1322140	So now I'm using Figma, Figma slash generate design
1322140	1325380	for Figma landing page workflow and image gen
1325380	1326480	for the product art.
1326480	1328560	And so it generated this without a background.
1328560	1330740	Notice here, if I were to copy this image
1330740	1332240	and I were to like open it up,
1332240	1334680	you can see here it's saved to my clipboard
1334680	1335740	without a background.
1335740	1336820	And this is a pretty cool shoe.
1336820	1339820	So I'm not gonna lie, this Figma integration is,
1339820	1342940	it's pretty much made for you to have a Figma board
1342940	1345700	and convert the Figma board into code
1345700	1348240	rather than like telling it to generate code
1348240	1349960	and then put it onto Figma.
1349960	1352320	And so there's actually a tool made specifically for that,
1352320	1355460	which is called Paper, which I've talked to a lot of designers
1355460	1357240	and a lot of designers are switching to this.
1357240	1359240	But what this allows you to do
1359240	1361060	is you can create a new file here.
1361060	1364540	And I'm just gonna call this a codex test.
1364540	1367480	And what I'm gonna do is I'm just going to press new,
1367480	1369440	I can say slash paper.
1369440	1371860	And I have this skill that I've created previously
1371860	1374700	called paper deck style.
1374700	1377180	But what we can do is we can actually go to plugins
1377180	1378760	and we can hit manage.
1378760	1383600	And here we have MCPs and here we have this paper MCP.
1383600	1386620	And so if you are ever using a tool on their website,
1386620	1389800	They might say like, use the new paper MCP
1389800	1394300	or use the new Figma MCP or use the new Notion MCP.
1394460	1397600	You can literally just go to Claude Code,
1397680	1399880	this works in Claude Code or Codex and say,
1400080	1402180	hey, I want to be able to use this MCP.
1402300	1405700	Can you please create a skill that wraps this MCP?
1405820	1407460	And that'll tell it that it can create a skill
1407460	1410020	with that MCP so that you can use it really easily.
1410020	1413900	So what I'm gonna do is I can go to this new chat here
1413900	1415820	and I can hit slash paper,
1415820	1426020	or I can say use the paper MCP to create a landing page for my new company, New Shoe.
1426220	1429960	And remember, we've created those files for New Shoe.
1430100	1431040	Let's see if they're in here.
1431140	1432200	Yep, New Shoe Hero.
1432680	1436640	And we can type at New Shoe PNG.
1436980	1439920	Use the one without a background.
1443900	1451840	the open paper board use the paper tool that we've created and since I've already created this
1451840	1457300	You're going to see, and in my opinion, this is the best way to get AI to make designs for you.
1457440	1458100	Check this out.
1458220	1459420	So we can open up paper.
1459620	1461340	Oh, this is really cool as well.
1461500	1468860	So if we open up this general tasks here and we right click on this chat and we say open in mini window,
1469380	1474880	we can actually open this chat in a mini window and we can minimize codecs.
1474960	1479460	So now we can have whatever application we want to have open here on the side.
1479460	1481700	And here it says, okay, the board is empty.
1481840	1484560	So I'm gonna build a fresh desktop artboard.
1484760	1486960	I'm checking both the hero files locally.
1487340	1489000	Okay, design is set.
1489200	1490100	I'm building this.
1490220	1490800	Look at this.
1490800	1494280	So it'll just generate a landing page design.
1494500	1496260	And we can just have this open.
1496360	1497780	We have the chat open on the side.
1497980	1500780	And I love this animation when it's editing.
1501140	1502760	And we'll just let it cook.
1502900	1506880	Okay, you see here it created this top board or top bar.
1507220	1509060	Technology performance launch.
1509060	1513120	You can see, ooh, move like the roads has been written.
1513320	1515080	New shoe blends featherweight knits.
1515580	1517640	All right, so these buttons are a little overlapping.
1517800	1519540	Remember, the AI might fix this.
1519660	1521100	It might just realize it messes up
1521100	1522600	and then it'll actually just fix this.
1522920	1525920	Oh, this is a great opportunity to talk about a new feature.
1526220	1531000	So one thing that a lot of AI tools have is message queuing,
1531280	1533640	which basically, like, if I were to type a prompt
1533640	1536120	while it's working right now and say, like,
1536380	1538700	please fix it on a lot of AI tools,
1538700	1543280	what it'll do is it'll wait for the AI to be done before entering the prompt.
1543460	1548900	But Codex has steering built in, like steer like your steering wheel.
1549100	1552380	And what you can do is I can paste that screenshot and just say,
1552640	1554960	oh, by the way, there's some overlap here.
1555020	1556520	You might want to fix this while you're working.
1556600	1559980	And so when you press enter, by default, it'll be queued up.
1560140	1564260	But if you click steer, it'll actually enter it while it's working.
1564400	1566160	So you don't even have to wait for it to be done.
1566160	1568640	You can kind of steer it while you work.
1568700	1575080	And so you can see here, once it's done with its latest activity or tool call, your prompt gets
1575080	1580300	entered. And so now in the middle of your conversation, it says that I saw the overlap.
1580300	1585160	I'd already started moving the CTA and stats down, but I'm rechecking the hero and adjusting the copy
1585160	1590840	and it'll hopefully make the fix on this specific run. And look at this. So it's already starting
1590840	1596680	to fix it. And here we go. And I could say something like create four more variations.
1596680	1602900	I want you to make slight modifications on each.
1603020	1604360	I'm not gonna go through this whole process,
1604520	1605960	but the point I'm trying to make here
1605960	1607720	is Paper is a software tool
1607720	1611520	that was designed specifically to connect to your AI agents
1611520	1613920	like Codex, like Cloud Code,
1613980	1616380	and there will be way more tools just like this.
1616540	1618800	I think there's a massive opportunity to create tools
1618800	1621380	that connect to other agents that people already use.
1621760	1625280	And you can see here, Figma has a really bad integration,
1625280	1627300	in my opinion, compared to paper.
1627480	1628920	Paper is just way more fun.
1629260	1629840	And look at this.
1629960	1631860	It just created this new variation
1631860	1634460	and it is going to copy over everything.
1634940	1636700	And that's how easy it is.
1636800	1638840	You just get AI to create multiple variations.
1639140	1641320	Look at this, number two, number three, and number four,
1641680	1643800	right, making them with different background colors.
1644160	1645960	It's working on them in parallel.
1646520	1649700	And this tool, paper, was made specifically
1649700	1652520	to be an integration into your existing tools.
1652840	1654920	And this is gonna be a massive trend going forward.
1654920	1658560	And so plugins are kind of pre-made for you a lot of the time.
1658680	1663640	They're just built into codecs and this list is going to get a thousand times bigger.
1663780	1670980	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.
1671200	1672720	So you show up at the top of the list.
1672840	1681140	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.
1681140	1684860	Like this is so valuable to show up here on this list.
1684920	1688160	And so there's gonna be more and more of these integrations,
1688160	1690660	but it's important to realize how to create your own skill.
1690880	1692760	So let's go ahead and create our own skill.
1693040	1695920	So if we go to our general agent tasks
1695920	1697140	and we open up a new task,
1697340	1699700	one of the things that I was constantly doing
1699700	1702400	over and over again was going to YouTube
1702400	1703960	and I would go to this site
1703960	1706380	called like YouTube Transcript Extractor
1706380	1708580	and I wanted a way to very easily
1708580	1711100	like pull a transcript from a video.
1711320	1712480	And then I wanted to be able to do it
1712480	1714620	for all of the videos of a given channel
1714620	1720760	or I wanted to be able to search YouTube and pull the transcripts from a certain search term.
1721240	1722380	And so I looked it up.
1722460	1727900	I said, hey, I want to be able to use an API.
1728260	1731100	And so an API, for those of you who are untechnical,
1731240	1737860	you can think of this as just like a way to use code to access certain information from other people's software.
1738120	1742860	And so when you're vibe coding, a lot of you guys who follow me have vibe coded before.
1742860	1751700	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.
1751920	1757560	And this would basically grant you access to add the OpenAI technology into your app.
1757660	1759580	And so this is what I'll do all the time.
1759700	1765900	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.
1765920	1770660	So it's like I want to be able to use an API to pull YouTube transcripts.
1770660	1775140	can you suggest the top five for me?
1775140	1777820	And look at this, it just created a list
1777820	1779640	of different ones that we can use.
1779640	1783080	Here are the top five, Supadata, Transcript API,
1783080	1786160	YouTube Transcript.io, and Scrape Creators.
1786160	1789400	So I'm gonna go ahead and I'm gonna check out Supadata,
1789400	1791400	and I have used this before.
1791400	1793240	And what we can do is we can sign in,
1793240	1795400	and once you sign in and put in your credit card,
1795400	1797180	you can get an API key.
1797180	1799180	I think I might even be on the free plan.
1799180	1803280	And so I get a certain amount of transcripts per month.
1803340	1805060	I think you get 100 free per month.
1805180	1807780	So I'm not on my personal SuperData account.
1807900	1809360	I don't think I'm using that many of them.
1809400	1812980	So I can copy this API key and we can go back to Codex
1812980	1817180	and say, okay, please, can you create a skill
1817180	1823280	that allows me to ask you to summarize the latest 10 videos
1823280	1824480	from a certain YouTube channel?
1824560	1826300	And you can always use this API
1826300	1827880	to just immediately pull them.
1827880	1829360	So you can go to their YouTube channel.
1829480	1830480	You can search your YouTube channel,
1830580	1832960	get their latest five videos and pull the transcripts
1832960	1833900	and then summarize them.
1834000	1835200	I want you to create a skill.
1835340	1837280	So you're gonna need to look and research
1837280	1841080	how to use Supa data and figure out how to use it well
1841080	1842900	and quickly and create a skill
1842900	1845220	so that I can always ask you for this information.
1845520	1847940	Here is my API key.
1848060	1849680	I'm gonna include my API key.
1849740	1850740	I'm gonna paste it at the end.
1850800	1852040	I don't wanna show it on camera.
1852400	1853620	But one thing before I wanna do that
1853620	1855420	is you can type in skill creator
1855420	1858840	and this will indicate that it should use the skill creator.
1858960	1861000	It'll help it understand what it needs to do
1861000	1864140	and this skill makes it really good at creating skills.
1864280	1866120	And so here is the key.
1866280	1868100	I'm gonna paste it but I'm gonna do it off camera.
1868400	1869780	Okay, so I entered my prompt.
1870100	1870940	It's now running.
1871100	1873000	I'm just have this covering up my key
1873000	1875880	and it's going to use the skill creator
1875880	1877920	and it is going to create the skill.
1878120	1880520	And then once your codex is done working
1880520	1881960	and it's created the skill,
1882160	1884580	again, you go to plugins, you click on skills
1884580	1886060	and you'll see it right here.
1886160	1888760	And so it created this skill called YouTube Researcher.
1888820	1890200	And so in order to use a skill,
1890300	1891980	you actually need to create a new session.
1892180	1894700	So this is the session that we created the skill in.
1894880	1898540	Once we're done, right, we can just hit this new chat button
1898540	1901440	and we can just type in YouTube Researcher.
1901440	1906480	And so please, can you look at Riley Brown
1906480	1911800	latest 10 YouTube videos, pull the transcripts
1911800	1916220	and summarize them in a document.
1916220	1918420	And please, I want you to inform me
1918420	1920000	which of these videos did well and-
1920000	1924000	which of these videos did not do as well and this should be kind of an analysis
1924000	1927560	of what people are interested in that's what I want you to look in and then also
1927560	1932480	do a hook analysis so based on like the intro of my video I want you to say
1932480	1938100	which intros did well, which intros did not do well. And in this report, I want the YouTube
1938100	1943200	thumbnails in there as well. So SuperData can also pull the YouTube thumbnail, which is really cool.
1943300	1949480	Okay, so it is done. And you can see here, we see this report. If I click open, we now have this
1949480	1955260	Riley Brown YouTube report. And look at this. So this is using this skill right here, which is the
1955260	1962020	slash docs, word docs skill. This is, I think this comes built into Codex. And it looked at
1962020	1967340	all the full transcripts. And here at the bottom, we see the hook winner. So Claude is taking over,
1967460	1973540	big market shift, high urgency. These intros did the best. Claude code leak, open claw blender
1973540	1979280	skills. Claude code can design now why specialized agents are superior. That's pretty good. The hooks
1979280	1983720	that didn't do well is build a sync web app and mobile app in 16 minutes. That video did not do
1983720	1988280	as well. The 35 fundamentals you need to vibe code your first app. So it looks like vibe coding did
1988280	1993120	not do as well building a mobile app with open AI codecs and seven open claw skills that can 10x
1993120	1998660	your output. Very interesting. And so it even told me what to double down on. So this is pretty cool.
1998820	2003220	So it took all of that YouTube data and turned it into a document. I'm going to say, okay,
2003220	2012280	on the last day of every month, I want you to do this for the videos for that month. Can you
2012280	2025860	create this automation that uses the slash YouTube researcher skill and the slash word doc to create
2025860	2035540	a report just like this for the videos for that month. Make it slightly more brief and in the
2035540	2043300	table make them ordered by view count. And so now we're running this, we can exit full screen mode.
2043420	2047520	And that's exactly what we're going to do here. So what we did here is we basically created a
2047520	2053640	YouTube researcher skill. And this required an external API. And we just did research on Codex
2053640	2063120	to find the SupaData API. And then what we did is we got an API key, we gave this API key to Codex.
2063120	2066400	and we said create a skill with the super data API,
2066740	2071540	use this key, and then this created this skill.
2071760	2073600	So this process created this skill
2073600	2075020	and then we said to use it.
2075080	2078280	I said use the super data API to look up my YouTube,
2078560	2080200	pull all my latest transcripts
2080200	2082420	and then create a doc, right?
2082460	2083600	And so we created a doc
2083600	2085960	and then we kind of paired these together, right?
2085960	2088620	We used these in tandem with one another.
2088620	2091600	We use this and we created this automation, right?
2091660	2092880	So we created an automation
2092880	2101760	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.
2101880	2103440	And that's exactly what we did.
2103580	2105940	And so if we go back to Codex, let's see if it's done.
2106200	2107020	Yes, it's done.
2107140	2110060	And you see here it says created monthly YouTube report.
2110220	2113240	So I can click on this and here, okay, I didn't realize this.
2113300	2117620	You can reference skills in the monthly report.
2117760	2118800	So that's useful to know.
2119220	2122120	And you'll notice here in the automations tab, we now have a two.
2122120	2127280	So we have two automations that are set up, a monthly YouTube report and a weekly calendar recap.
2127580	2130420	Okay, so we've covered a lot here in part one.
2130520	2134940	We've talked about a lot of the basics, how the app works, how to create skills.
2135220	2137200	We've talked about plugins, automations.
2137420	2141200	We've created a couple and we're kind of moving slowly through this process.
2141320	2147040	In part two, we're going to be doing a role play and we're going to be creating six different things at once.
2147040	2152180	and what I really want to show in this section is a how to do like we're actually going to create a
2152180	2155820	web app we're going to create a mobile app so we're going to learn about vibe coding in this
2155820	2161280	process but I also want to focus on multitasking as I said earlier in the video these agents are
2161280	2167180	taking longer and longer to complete tasks so if you want to be efficient in this new AI world you
2167180	2173320	need to learn how to set is like send instructions to an agent trust the agent to do really good work
2173320	2175260	and then move to a new agent chat
2175260	2177220	so that you can start working on something else.
2177460	2180920	And all of the best engineers and the best operators
2180920	2184140	who use AI are very effective multitaskers.
2184280	2187480	And they're able to like just focus on one agent chat,
2187600	2189220	put all of your effort into a prompt.
2189540	2190660	And then once you press enter
2190660	2193740	to just check out of that task and move to a new one.
2193800	2195360	So it's not even like multitasking,
2195480	2196680	you're like serial tasking.
2196680	2200340	Each prompt that you type in is the task.
2200500	2203200	And so we're gonna create six different things
2203200	2207820	in this role play. So in this role play, my name is Riley Brown, which is my actual name,
2207940	2213660	but I want to create an iOS app. So my main priority is to create an iOS app, but creating
2213660	2217940	the app isn't enough, right? We actually have to do some marketing. And so that's why I'm going to
2217940	2222960	be creating some ex post automations. We also need a high quality launch video. We're going to do a
2222960	2226300	launch video. I want to raise a little bit of money. I want to raise a million bucks for this
2226300	2230760	app. So we're going to create an investor deck. We're also going to release this launch video
2230760	2232720	before this app is out, right?
2232840	2236480	So we want to go launch video, then iOS app,
2236540	2240240	which means that we need to create some sort of website
2240240	2243180	or landing page that we can allow people
2243180	2244380	to sign up for a wait list.
2244560	2245800	You wanna be able to collect data.
2246060	2247960	And before we create our iOS app,
2248040	2250680	we are going to create an iOS app design.
2250860	2252460	And that's what we're gonna do.
2252740	2255360	So we're gonna kind of move through these together.
2255640	2257620	You know, we're not gonna work on all six at once,
2257620	2259780	but we're gonna be working on many things at once
2259780	2267140	the whole time until we create a system around this app that could be a fully operating business
2267140	2271200	and we're going to create some automations as well. So in order to get started what I'm going
2271200	2275860	to do is I'm going to go to Codex and we're going to create a new project. So this new project
2275860	2280100	we're going to go into Riley Brown we're going to go into Codex projects actually we're going to
2280100	2285580	create a whole new folder here and I'm just going to call this my new business and what I'm going to
2285580	2289880	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
2289880	2296400	a plan, create a markdown file of my plan. Then what I'm going to do is I'm going to go to this
2296400	2301940	little thing here and I'm just going to take a screenshot of this, put this image. I'm creating
2301940	2307840	a mobile app right now and a landing page as well as some other assets. I want to create a design
2307840	2312280	for this. I just want you to outline what I've put in this in a simple markdown file. Whatever you
2312280	2316880	see here. I'm also going to make a launch video with a remotion skill. I'm going to make, what else
2316880	2321640	am I doing? Oh, an investor deck. I also want to make an investor deck. So please just make a simple
2321640	2327180	bulleted list that I can check off as I go along of all of these items. So there should be six,
2327460	2332300	each one of the ones that are listed here. And then please at the top, put my app idea. So my
2332300	2337060	app idea is as follows. And I put a little info here. The app is going to be called Chorus. It's
2337060	2341380	going to be a place where people can learn about AI agents. People can learn about the best agent
2341380	2348360	platforms. People can learn about how agents work. Oops, we can stop it here. People can also learn
2348360	2353200	about the best skills. So that's going to be a skills library that I'm going to curate that
2353200	2357220	people can copy and paste into any agent and it will just work. So basically just put this in a
2357220	2362200	very simple one pager doc, don't add anything. So we're kind of just creating a plan here in this
2362200	2367040	my new business. Now, while that's going to run, what I'm going to do is I'm going to create a new
2367040	2375100	chat and I'm going to say I want to use the slash mobile design skill. Now this mobile design skill
2375100	2380900	is a custom skill that I made and I actually extracted it from Anthropik's new design tool.
2381060	2387900	So if you go to claw.ai slash design they just released a new design tool that's like supposed
2387900	2394020	to be like Figma and all I did I had it create a mobile app design. As you can see here there's
2394020	2399440	this like design and I want to be able to use a skill just like this. So then I just asked the
2399440	2404940	agent. I said, hey, can you tell me exactly how this design app worked? And it just literally
2404940	2408460	worked for me. Like I just outputted everything. So I just copied.
2410637	2417097	And then I copied the files that this new claw design skill gives you. And then I gave it to
2417097	2422277	Codex. And I literally said the following here. I literally said this. I said, I want you to create
2422277	2426797	a mobile design skill. This is how Claude does it. I want you to mimic this. And then I just pasted
2426797	2432137	literally everything it gave me here with all of the files. And it just created this mobile design
2432137	2436297	skill and it works really well. I'll show you. So we can go back to this. I want you to use a mobile
2436297	2447297	design skill and I want you to create the screens for this app in very basic Apple style design.
2447297	2451897	we will add some flare in a little bit.
2451897	2456897	I just want to get all the screens functionally correct.
2457517	2459217	And so what I'm gonna do here
2459217	2462197	is I'm going to go ahead and run this.
2462197	2464657	I'm going to go back to this chorus app plan.
2464657	2466517	We can open this here in the side view.
2466517	2469637	So you can see here we have this right here.
2469637	2471717	So this app is going to be called chorus.
2471717	2475417	So I can just copy this and we can just paste this app idea.
2475417	2477597	And now we're creating the mobile app design.
2477817	2480637	And so what we need to do is we're going to create the design first.
2481317	2483497	Then we're going to create an iPhone app.
2483777	2488337	We're going to create a web app, Investor Deck, Launch Video, and X-Post Automation.
2488457	2489797	So we're working on this right now.
2489997	2495417	And by the way, I will post the mobile app design skill on the actual app that we're creating.
2495497	2499557	I'm going to put this on TestFlight and I'll put it on a website somewhere below the video.
2499677	2501837	So you'll be able to get this mobile app design skill.
2501837	2507197	you'll be able to just copy the link and paste it into Codex and use the skill for 100% for free.
2507297	2512777	And okay, so while these screens are loading, we can actually get our mobile app set up. And so I'm
2512777	2517697	going to go through this process relatively slowly so that you can understand how to build an iOS app
2517697	2524217	with Codex. So I'm going to say, I want you to create a new project called Chorus. This is going
2524217	2529137	to be a Swift mobile app. And what I want you to do right now is just make it say, hello world,
2529137	2531897	This is Chorus in simple text in the middle.
2532057	2534517	Basically what we're doing is we're just getting our project set up.
2534677	2535797	We're not going to do anything else.
2535917	2541457	Just put this text on a mobile app and open the Xcode project when you're done so that
2541457	2543457	I can run it from Xcode.
2543617	2545077	And so we're going to run this.
2545477	2548677	In order to use this, you're going to need two things.
2549057	2551057	And you can search on Codex how to do this.
2551157	2552177	You're going to need Xcode.
2552337	2553937	And I will pull it up here.
2553977	2556297	If you just type in download Xcode.
2556297	2560277	This is Apple's developer platform,
2560617	2563577	and Codex can actually connect to Xcode.
2563817	2564757	And once you download this,
2564817	2568557	you're also gonna need to download iOS simulator
2568557	2572177	if you want to run it on a little device on your phone.
2572297	2574557	So those are the two things that I have downloaded,
2574797	2577637	and you're gonna need the iOS simulator for this.
2577797	2579897	And you can figure out how to download this.
2579977	2580737	Just ask AI.
2581017	2582357	You do need a Mac for this,
2582357	2588917	and you will probably need like 20 gigabytes of spare storage on your computer. So the chorus
2588917	2594577	screens are still being built, but the create chorus hello app is done. And so it actually
2594577	2599957	opened up Xcode on my computer. Now what I'm going to do is I'm going to change this to one
2599957	2606577	of the simulators. We're going to use an iPhone 17 and we're going to hit this play button. This
2606577	2611837	should open a simulator. Here it is. And here is the app that we're going to be working on. So I'm
2611837	2619097	to move this right here. Here is going to be the mobile app that we are working on. And this is
2619097	2625317	really cool. And as you can see here, hello, this is Chorus. This is the app. It is completely white.
2625317	2629757	Just have this black text here in the middle. There's no app functionality. We just now have
2629757	2634757	the project open. And now we can talk to Codex and we can actually edit this app however we want. We
2634757	2639977	can build any features we want, literally any features, simply by Fybecoding. And you'll see,
2639977	2646097	We'll add some more features later. Now here is an app where we see that the build chorus screens
2646097	2650857	is done. We can click on this. Okay so I actually just went to have lunch for about 25 minutes
2650857	2656217	and we're back and all my agents are done. So obviously we have the Xcode project set up and
2656217	2661557	here we have the build chorus screens. So now that it's done and it gave us this prototype link. So
2661557	2665797	my skill gives you a prototype link and take a look at that. So we have this app screen. It's
2665797	2672517	very basic but we can switch screens here or we can switch tabs so we have this like learn tab and
2672517	2678917	maybe you can do like agents 101 i think this is actually a decent start i like the hierarchy so
2678917	2684677	like the learn the different platforms this is like a good we can organize this or actually create
2684677	2690197	real categories later but this is ultimately what i want the app to look like and saved is good it
2690197	2694917	It separates the learning and the platforms and the skills here.
2695017	2696977	As you can see here, we have multiple save.
2697097	2698077	I like this design.
2698197	2702157	So if we go to this Chorus app and what we can do is we can say, please integrate.
2702517	2703937	And you can actually go up here.
2704057	2707937	And what you can do is you can actually click on this toggle files.
2708537	2709777	So here we have the output.
2710317	2711617	Oh, this is cool.
2711937	2712417	Yeah.
2712597	2715717	So now we can see we have this mobile design.
2715717	2730417	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.
2730917	2740397	We will populate it with real data later and build out the experience and polish the design.
2740617	2742857	So implement it now.
2742857	2746237	So we've created these screens right here
2746237	2748277	and this just give us kind of like a nice little outline.
2748377	2750377	Okay, we can make some edits to this,
2750377	2752257	but I think this is good enough to just implement.
2752637	2755117	And so we can go to our plan and we could say,
2755277	2758757	okay, mark the iPhone app as done
2758757	2761857	and then make the building the iPhone app
2761857	2763737	as working in the works.
2764077	2767077	And then also put web app and landing page in the works
2767077	2769677	because now we need to create a landing page.
2769757	2771017	Okay, so that just sent through.
2771017	2775437	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
2775437	2785097	very basic web app landing page that can collect data from interested users for our app. I just
2785097	2790537	want to create the shell and basically just have a page with a title that says Chorus app. And then
2790537	2797697	I want a field that users can fill out in order to put in their email and their information,
2797697	2800037	except we're gonna use an external tool for this.
2800197	2802477	And so what I'm gonna do is I'm gonna go to art.
2802597	2805597	And what I'm gonna do is I'm gonna go to tally.so.
2805757	2808757	So tally is a tool that I use to collect form submissions.
2808957	2810237	So here are all the form submissions
2810237	2811497	that I've created in the past.
2811597	2813537	Here's a brand new form that we're gonna create.
2813697	2814877	And so I'm just gonna say,
2814977	2817177	I'm gonna say waitlist, porous,
2817457	2818877	and we're gonna use a template.
2819157	2820257	Let's just use a template.
2820697	2822797	And we can just do this right here.
2822797	2825477	And we can do last name, first name, email address.
2825477	2832297	yeah let's use this template and we'll keep this really basic we'll just say sign up for chorus we
2832297	2837417	can always edit this later but I think this is good how do we yeah I think this is good let's
2837417	2844017	how do we make this not okay there we go done your registration is complete we will reach out in a few
2844017	2848177	days okay that's good so now what we're going to do is we're going to publish this registration
2848177	2856197	template. Now we're going to go to, I believe it is share and we can do this standard embed right
2856197	2861557	here. And so we can click embed the code link. And so we can copy this code. As you can see here,
2861597	2868997	it's saved to my clipboard. Or we can say, get the code. Yeah, I think we can just copy all of this
2868997	2877937	and we can go back to codex. I am using tally.so. Can you please put this form in the site? We
2877937	2885697	will design it after right because right now we are using tally to collect people's email addresses
2888937	2890537	So like right after this video, in theory,
2890537	2891957	I could put this up on the internet
2891957	2893477	and I'll show you exactly how to do that.
2893477	2897857	And we're creating just a website that embeds this code,
2897857	2899357	which allows people to type that in.
2899357	2901977	Then we're gonna design out the rest of the website.
2901977	2905517	And here we actually have this app is done.
2905697	2907477	Oh, and by the way, for this Tally app,
2907557	2910077	I said make this a React app and run it locally.
2910477	2912897	React is just like a good framework for design.
2913277	2915117	I actually really don't even know what it is.
2915197	2917517	I just know that every app I've created
2917517	2919097	has been a React app.
2919177	2920497	And here we can see that it's done.
2920617	2921557	So if we click on this,
2921637	2923617	it should open up the app here on the side.
2924097	2925037	Let's see if this works.
2925317	2927217	Okay, wait, while this finishes up,
2927217	2928917	what we can do is we can go to Xcode.
2929097	2930477	This does appear that it is done
2930477	2932397	and we can run this again on the simulator.
2932897	2934677	And here it succeeded.
2935157	2938217	And here we have the app running on Swift.
2938377	2941697	Learn, platform, skills, and saved.
2941837	2944877	So this is indeed a Swift application.
2945177	2946537	And we have these pages.
2946797	2949577	I wonder, do we want these fixed at the top?
2949737	2952057	We will need to make some decisions here.
2952357	2954297	Oh, okay, so this is running locally.
2954297	2956817	This just opened up in my computer right here.
2956937	2959417	We can see that this is working really well.
2959417	2961097	And so I like this style.
2961297	2964277	For whatever reason, Codex likes to use this style by default.
2964437	2967577	I'm going to have it use a style that looks a lot more like this.
2967677	2969017	We're going to keep it very basic.
2969177	2972757	And okay, so what I want to do is I'm going to go to this Chorus mobile app, right?
2972817	2974577	Because here we're working on the Chorus app.
2974677	2977657	And again, you can rename these chats to keep them more organized.
2977977	2979577	So in fact, I'm going to show you.
2979617	2983697	You can just right click and I'm just going to say mobile, mobile app.
2983737	2986997	We can rename this to web app.
2986997	2990657	We can create chorus project plan.
2991197	2994117	Yeah, we can rename this to plan.
2994417	2997277	And we can even pin the plan to the top right now.
2997437	2998817	Build chorus screens.
2999157	3002357	And so we can rename this screen design.
3002617	3004897	So that way we can stay fully organized while we work.
3005037	3006537	Hi, I want to make some changes.
3006777	3010737	So firstly, the name of each page, like for instance, learn,
3011037	3012717	that should be pinned to the top.
3012757	3015037	And when I scroll, that should not scroll down.
3015037	3016737	And so that should be pinned to the top.
3016737	3021417	Right now when I scroll, the title of the app goes down with it and it just looks janky.
3021657	3026557	And then as I scroll up, the tags at the top, those should scroll.
3027037	3032137	And as items go beneath the top bar, I want it to kind of fade out.
3032237	3034357	And this should be consistent on every page.
3034437	3037497	Right now when I scroll down on platforms, it'll just look a lot better.
3037797	3044477	And then also the bottom little bar thing that has the four tabs, I really like the design.
3044597	3045077	Keep it everything.
3045077	3046677	Just move it down a little bit.
3046737	3051197	And then have as you scroll down, have the items fade out.
3051377	3056237	So the list as I scroll down should not appear to be beneath the bottom bar.
3056237	3059797	It should fade out as it gets like halfway through the bar.
3059897	3063437	I've seen a lot of apps have this design or like right as it reaches the bar,
3063537	3065457	it should like have this light little fade out.
3065557	3067677	Similar to how you're going to do the top as well.
3068017	3070137	And yeah, we're going to run it.
3070357	3073597	Okay, so once your mobile app agent is done building,
3073797	3075617	every single time you actually need to hit play
3075617	3078337	and this actually rebuilds the app on the device.
3078677	3079617	So now we want to test it.
3079677	3080517	Let's see how this looks.
3080637	3082617	We have this nice blur here at the bottom.
3083037	3084777	We have a blur here at the top.
3084857	3085237	Look at this.
3085277	3086237	This is pretty cool.
3086777	3088317	We can switch platforms
3088317	3089557	and we're going to replace this
3089557	3091997	with all the different platforms up here.
3092197	3094277	This is going to be pretty cool.
3094517	3096517	This is looking really good, actually.
3096757	3098917	I'm actually enjoying this.
3099997	3101057	Research, build.
3101177	3104797	Here are going to be the skills for different avatars.
3104797	3106797	Ooh, this is nice actually.
3106977	3108597	And then saved, we can save them.
3109497	3111477	And that's pretty cool.
3111637	3113197	These actually do get saved.
3113297	3115257	This is very, very cool.
3115477	3116957	Okay, so we're working on this app.
3117037	3117837	It looks pretty good.
3117937	3120037	We need to figure out a database, right?
3120057	3121657	We wanna figure out how users
3121657	3122957	are gonna be able to sign in.
3123297	3124637	Actually, we don't even need to worry about that.
3124697	3126177	It's like, how do I update this
3126177	3128897	with the right app icons, et cetera, et cetera.
3128997	3130517	And ideally, how do I do it from here?
3130577	3132117	So we can just ask Kodak.
3132197	3133777	So I'm just gonna ask it a long prompt here.
3133777	3142957	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.
3142957	3150457	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?
3150657	3157697	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.
3157697	3160457	And like what database should we use?
3160677	3163797	And yeah, I want to be able to just like add a ton of things to this,
3163917	3167057	give you documents so you can add it so that it stays organized.
3167157	3170737	And over time, it could scale up to like thousands of skills in theory
3170737	3172197	in a couple of years or something.
3172437	3174897	And we're going to allow users to sign in.
3174997	3179057	So what would be the best database system to set up so that you can use,
3179177	3181757	like I could just ask you to add things to this app
3181757	3185957	and we could just create it basically with AI that would work with Clerk,
3185957	3188197	which is what we use for my company right now.
3188197	3189957	And so this is just another thing to learn
3189957	3191017	when using agents, right?
3191017	3193137	If you don't know what to do, you can just ask it, right?
3193137	3196197	It'll tell you the options and you just need to say,
3196197	3197017	okay, let's do it.
3197017	3197857	Let's solve it.
3197857	3198697	Let's try and figure this out.
3198697	3199737	Okay, well that's working.
3199737	3204737	Let's go ahead and please generate 10 possible app icons
3207597	3209857	for our app here.
3209857	3211197	And so I'm gonna just screenshot it
3211197	3213057	so it knows which app we're talking about
3213057	3214837	because it is located in the folder.
3214837	3216857	We're working on the app now.
3216857	3219397	I want 10 icons, no background that fits
3219397	3221657	this same style of this app.
3221657	3224097	Ideally something close to like those icons
3224097	3228237	at the top row generate 10 images all without a background.
3228237	3231237	I want 10 options for app icons to choose from.
3231237	3233077	These are iOS app icons.
3233077	3236337	And as I said earlier, the Codex app actually has
3236337	3238877	the built-in ability to use image generation.
3238877	3241797	So it will actually decide what prompts to use
3241797	3243877	and it'll generate 10 images.
3243877	3247477	Another thing that I wanna do is I want to begin thinking
3247477	3249037	about our launch video.
3249037	3252837	And so if we go to plugins and we type in the re-motion,
3252837	3255057	we see that there's this re-motion plugin.
3255057	3257917	This is how you can create motion graphics from prompts.
3257917	3258857	We're gonna use this.
3258857	3260317	I've already installed it.
3260317	3262137	You see here it says remove from codex.
3262137	3264497	If you haven't installed it, you'll see add to codex.
3264497	3267017	And then you can basically give it full access
3267017	3267877	to do its thing.
3267877	3269617	So if we come back here and we can say,
3269617	3274617	For the mobile app that we are working on right now,
3274857	3278517	that is the best place for people to learn about agents
3278517	3281657	and download skills and save things and learn about agents
3281657	3283617	and make them become better and more productive
3283617	3285377	and make more money with AI agents.
3285377	3286837	I wanna create a launch video.
3286837	3289457	So please just come up with a list of considerations
3289457	3291317	for this, like what should we consider?
3291317	3295157	Let's plan out the video where we are going to be using the,
3295157	3296897	and remember you can type slash.
3296897	3300637	Actually, when it's in a plugin, you go at, re-motion,
3300637	3302497	skill, don't make the video yet.
3302497	3304177	I just want you to think about the skill
3304177	3305577	and think about the considerations
3305577	3307497	that I should consider when making this video.
3307497	3308657	So now we can run that.
3308657	3309997	Let's go back to the mobile app.
3309997	3311337	Here's what it says.
3311337	3314377	So as of April 17th, the best fit for this
3314377	3316637	would be clerk, Supabase, Postgres.
3316637	3317477	Why?
3317477	3321937	Clerk already covers your auth, and clerk, okay.
3321937	3323637	Postgres is the right shape for this.
3323637	3325857	Okay, so we should use Postgres.
3325857	3330857	Okay, so give me the link to get started with Supabase.
3332277	3337277	And is there a Supabase skill I could download
3338497	3340577	that many people use?
3340577	3345577	If so, download that skill, let's use it.
3345617	3350417	Let me know where I need to sign in.
3350417	3352157	So I noticed that in plugins,
3352157	3354337	they didn't have a Supabase plugin,
3354337	3357537	but Supabase are what most of the vibe coding platforms
3357537	3359057	use for a database.
3359057	3361257	In fact, Lovable uses Supabase
3361257	3363737	and Supabase is actually a more valuable company
3363737	3364577	than Lovable.
3364577	3366557	It's like an incredibly valuable company.
3366557	3368917	They're recently $10 billion and it's just.
3370117	3374377	database at this point. And so we're going to use it. And since it doesn't have a built-in
3374377	3379837	plugin, I'm just having Codex search the internet and find a skill that we can use for Supabase.
3379837	3385617	And while that is searching for that skill, we're going to go to this plan remotion launch video that's now done.
3385837	3391597	And so based on the chorus plan.md, and we have the Swift, the strongest launch video is AI is not the future.
3391937	3393257	And it gave us this plan.
3393337	3399977	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.
3400097	3403797	But the first thing that we want to do is just test and see if this remotion skill works.
3403857	3407677	And remember, remotion is what we're using to create a motion graphics video.
3407677	3417077	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.
3417417	3422897	It should flash between three more scenes that show these different screens.
3423257	3432297	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.
3432297	3439837	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.
3439997	3441897	The purpose of it and keep it as a white background.
3442037	3449017	The purpose of this is to just really I really want to just focus on seeing if this skill works properly.
3449357	3453057	And please look into this skill to figure out how you can run this locally.
3453057	3461357	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.
3461817	3463737	And if you get confused by that last part
3463737	3465377	and I talk about tracks and sequences,
3465377	3467057	I'll explain exactly what that means.
3467197	3468757	I actually have a good deal of experience
3468757	3470297	using the re-motion skill.
3470657	3471897	I used to use it in Claude Code.
3472257	3473577	I've used it in the Vibe Code app
3473577	3475257	and it's a pretty easy skill to use.
3475317	3475777	I'll show you.
3475857	3477317	So here it gave me this link.
3477457	3479137	We're back to creating a mobile app.
3479217	3480897	Remember, I'm sorry if we're moving around,
3481017	3482517	but remember this will take like,
3482597	3484417	some of these will take like five or six minutes.
3484417	3486157	So we want to be able to multitask.
3486157	3487297	So again, we're back.
3487457	3490017	We're looking at how to use Supabase.
3490017	3493917	And remember, I actually don't use Supabase that often, so I'm learning this as I go.
3494037	3497497	And that's part of what I'm trying to show you here is you can learn how to do things
3497497	3498717	as you do it.
3498797	3500717	That is part of the fun of using AIs.
3500857	3502997	It will just tell you how to do things.
3503097	3504097	You can just figure it out.
3504197	3505697	So I'm just going to create a new project.
3506097	3512217	New project name is going to be, and then we'll type a strong password, enable data
3512217	3514577	API, and create new project.
3515057	3518857	I'm going to say, okay, I created a new project.
3518857	3523857	send me the URL region and tell me when it exists.
3524077	3525477	Okay, so we can hit save.
3525477	3528517	I need to give it a URL region.
3528517	3530617	It's loading up.
3530617	3531897	That's pretty cool.
3531897	3536897	And if you take a look here, if we click connect,
3536897	3539737	I noticed here that we have an MCP.
3539737	3544737	We can choose codecs and we can give it feature groups,
3545737	3548117	only enable the subset of the features.
3548857	3550997	All right, so we can just copy this prompt.
3551257	3555397	So this should allow you to connect.
3555397	3560857	If you can connect, create the full DB and add everything.
3561557	3566157	If not, let me know what else you need.
3566557	3568877	Okay, so the Remotion launch video is done.
3568977	3571977	And so notice here, it gives us this localhost 3031.
3572377	3575657	We click on it and a timeline opens up right here.
3575857	3577637	And you can just edit this video.
3577777	3578477	Take a look at this.
3578477	3580297	You can just see a video.
3580417	3581097	We have our app.
3581237	3583917	This is a mock-up of all the screens in our app
3583917	3586357	showing up right here on our screen.
3586437	3588097	And we're just using the Remotion plugin.
3588217	3589317	I didn't do anything crazy.
3589517	3591437	You just enable the Remotion plugin.
3591597	3595257	You type at Remotion and boom, you're using it.
3595377	3596617	Now check this out, please.
3596857	3599117	Can you, I'm just gonna go on a tangent here
3599117	3601237	and just kind of talk about it.
3601277	3602977	And so by the way, this is how this works.
3603037	3607457	So you have like each second, each second has 30 frames.
3607457	3609257	So this is 30 frames per second.
3609497	3611457	And so you can always reference the frames.
3611697	3614477	So that's how I kind of talk to AI as I'm going through this.
3614557	3618057	So this would be on two seconds, 20 frame or 2.20.
3618377	3621497	You can mention the exact time that you want to make a change.
3621577	3625737	Like one thing I noticed here is like there's this learn text here,
3625737	3628317	but we don't need to make changes to this because we're just,
3628437	3631057	we just wanted to test this to see if this works and it does work.
3631137	3634777	And so I'm just going to say, make an outline for the phones like black,
3634777	3636337	make it look a little bit better.
3637457	3640677	Just like right now, you just show the screen.
3640677	3642657	I want a little black border around the edge
3642657	3644077	to make it look more like an iPhone.
3644077	3646577	Now, before the first screen comes on the phone,
3646577	3648237	I want text on the screen.
3648237	3650057	The text on the screen should read,
3650057	3652657	it should read agents are taking over the world.
3652657	3657657	Then there should be a little toggle that says learn,
3658877	3662957	and it should be in the off position.
3662957	3666477	Then have a mouse, and this should be black,
3666477	3668877	like computer mouse, come on the screen
3668877	3670897	and then toggle it to on.
3670897	3674257	As soon as that happens, the first phone screen
3674257	3675497	should come on the screen
3675497	3678397	and then it should scroll down on the phone
3678397	3681597	and look through all of the different things
3681597	3682577	that you can learn.
3682577	3684757	And I want you to have five different things
3684757	3687757	that you can learn that shows up like agents 101,
3687757	3691377	building your first agent, learning about skills,
3691377	3692617	and then come up with two more
3692617	3694257	based on what's popular with Codex.
3694257	3696277	And then we'll build the next scene after that.
3696277	3700537	So that is what I want first here, right?
3700537	3702057	I'm gonna add something that comes up
3702057	3703997	before it says welcome to Chorus.
3703997	3706017	I actually don't want the welcome to Chorus.
3706017	3707897	And remember, we can use steer.
3707897	3711097	So like we should never see the welcome to Chorus phone screen.
3711097	3712317	I don't wanna see that.
3712317	3715137	It should immediately after the screen I said
3715137	3718817	to show the app and scrolling down on the agents page.
3718817	3723397	So remember, while it's loading, we can press enter.
3723397	3726277	And you can see that this actually steered the conversation.
3726277	3727497	Let's go back to our mobile app.
3727577	3729637	Let's take a look and see what the database,
3729817	3730357	what we're doing.
3730457	3732597	Okay, the Supabase MCP is set up.
3732777	3733357	Placed locally.
3733497	3734617	I added the Supabase server
3734617	3736857	and enabled remote MCP client support.
3737097	3739057	Okay, then blah, blah, blah, blah, blah.
3739257	3741237	I could not apply the database directly
3741237	3743117	from this live agent process
3743117	3745757	because the current session still does not expose
3745757	3748417	the newly added MCP server to the layer.
3748717	3750657	So what we need to do
3750657	3752377	is we actually need to create a new chat.
3752377	3753377	Here it actually says,
3753537	3754997	if you restart Codex now
3754997	3760357	and come back to this project, I can do the actual DB apply next. So we're going to come down here.
3760437	3765317	We're just going to quit codec. We are going to quit, I believe. Yeah, we're going to quit codecs
3765317	3770557	and we're going to reopen it. And then I'm going to just say, okay, I restarted it. Please do it.
3770757	3776877	Okay. So it looks like the Xcode is done. So we can actually run this and it says that it created
3776877	3782277	all of these different tables in the database. So it says it should be stored in Supabase. So
3782277	3788177	if we open our simulator, we do see that there is data in here. So let's hope that this is actually
3788177	3793957	stored in Supabase. So we can go to arc. Okay. So we definitely see some requests here. What we can
3793957	3799557	do, let's go ahead and go to table editor. Nice. Look at all these tables. So if we were to go to
3799557	3806957	like skill categories, for example, very cool. So we have different icons. So we can set the icon
3806957	3816637	here. This is cool. So we have the different skill platforms, saved items, skills. So we have
3816637	3823097	category, research, GTM, build ops. Okay. We have competitor scan, landing critic. Let's see if
3823097	3831497	these are in here. Let's go to simulator. So if we go to platform, so we can edit those skills.
3832297	3834757	Yeah, we have competitor scan, landing critic.
3835117	3836357	We can copy this.
3836917	3838477	Let's see if that actually copied.
3838937	3840897	Yep, this copied to my clipboard.
3841297	3842297	That's pretty cool.
3842557	3843977	This is starting to look pretty good.
3844137	3847537	Can we, so I think the saved just happens locally
3847537	3850737	because we haven't added authentication yet,
3850737	3853617	but this does look like it's being stored in the database.
3853817	3854737	So that's pretty cool.
3854877	3856217	So we have database set up.
3856457	3861037	Now, I want you to go to my YouTube account,
3861037	3869217	Riley Brown and find videos where I talk about agents. Find my...
3873959	3880339	agents specifically to come up with the learn, the stuff on the learn tab. I want five lessons
3880339	3883879	and this means you're gonna be in my own voice.
3884079	3885159	I want you to fill them in
3885159	3886299	and these should be more general.
3886439	3887939	I should not be specifically talking
3887939	3889399	about specific agent tools.
3889699	3891599	I want you to actually create a curriculum
3891599	3893139	based on the stuff I've talked about
3893139	3895639	but do additional research to fill in the gaps
3895639	3897679	to create high quality lessons.
3898039	3900539	And remember, earlier we created that skill
3900539	3903519	which is called, I believe it's YouTube researcher
3903519	3906379	for transcript pulling.
3906379	3908619	So let's go back to the Remotion launch video.
3908619	3916839	let's see how this did if we refresh the page here and we hit play agents are
3916839	3923259	taking over the world notice here the mouse missed it right here I believe
3923259	3931779	view show guides no show rulers okay so this is a little hack with the remotion
3931779	3937819	skill so notice here that this mouse goes we want this mouse to go here so
3937819	3953299	this would be like 1000 on the x-axis and 1610. So 1000 x-axis, 610 y-axis. And it's currently
3953299	3961359	at like 1040. So like if you can, you can turn on these grid lines to give the agent very specific
3961359	3971179	instructions. And so 1040 x-axis and it is on 540. The arrow completely missed the screen,
3971439	3979459	the toggle. And it should be about at this location. The arrow ended up like the mouse
3979459	3985399	when clicking ended up at this location. So I don't want it here. I want it at the location above.
3985979	3990519	And so let's see. So this is actually looking pretty good. So agents are taking over the world.
3990519	3995459	You click learn and now this screen pops up.
3995459	3998699	So let's go right at the three second mark.
3998699	4000119	Then right at the three second mark,
4000119	4004319	I want the camera to zoom in on learning about skills.
4004319	4006859	And then it should zoom in on the component
4006859	4008679	that has learning about skills.
4008679	4009999	And then it should kind of transition
4009999	4011819	to like almost like a document view.
4011819	4014359	It should not be a phone screen.
4014359	4018279	It should be, and then it should show some information
4018279	4021739	about skills and just show like 10 popular skills.
4021739	4024099	Do some research, show 10 popular skills
4024099	4026019	and each one should have some information.
4026019	4028379	And so this should be more of like a full screen view
4028379	4030479	that shows the different things that you can learn
4030479	4031319	within that.
4031319	4034419	And it should just take the viewer through the fact
4034419	4036259	that you can learn about agent skills.
4036259	4037959	Okay, we're gonna run that.
4037959	4039579	And now if we go back to our web app,
4039579	4041399	we can see that it is done.
4041399	4043219	And notice here, if we actually open this
4043219	4045179	in a separate browser, right?
4045179	4047259	If we were to open this up in Arc,
4047259	4048519	Let's just paste this in arc.
4048519	4050959	You can see that the tally is indeed working.
4050959	4054839	And so what I'm gonna do is I want you to please
4054839	4059839	make this look like the iOS app we're building.
4060299	4061999	Keep the design very simple
4061999	4065479	and make the design have the same exact font,
4065479	4069639	have like no components, very little like subtext.
4069639	4071579	I just want this to be very, very simple.
4071579	4073879	I just want the design to look exactly like it
4073879	4078819	and then have like information about the app on this website.
4078819	4080339	You know, you're not the best designer,
4080339	4082599	so I want you to like make sure
4082599	4084379	that this is designed pretty well.
4084379	4086919	And like keep it simple, it should look like the app.
4086919	4088519	Get rid of this background gradient,
4088519	4090519	change the font to match the application.
4090519	4093499	Okay, so we're currently working on a launch video,
4093499	4095739	a mobile app and a web app at the same time.
4095739	4098059	So here, I'm just gonna refresh this.
4098059	4099479	The remotion is done.
4099479	4100499	Let's go ahead.
4101399	4102999	So we can click learn.
4102999	4105219	There we go, that's not bad.
4107719	4110279	Okay, so this zoom, when it zooms,
4110279	4111939	I want it to zoom even more.
4111939	4113799	So it like, it should zoom all the way
4113799	4115459	and then it should kind of transition.
4115459	4117339	And then notice here, the transitions are like,
4117339	4121559	kind of like fade out, it looks, this is disgusting.
4121559	4123419	Okay, so what we're gonna do here is,
4123419	4125679	I'm gonna screenshot this.
4125679	4127779	I'm just gonna paste this here.
4127779	4131419	Okay, and then the transition should be like harsher cuts.
4131419	4133379	I do not like this fade out transition.
4133679	4135499	Like make it a faster transition
4135499	4137039	and just make it more professional.
4137299	4139199	And then also the screenshot I gave you,
4139319	4140179	this is hideous.
4140359	4142439	What I want you to do instead of this
4142439	4145419	is I just want you to have skills at the top.
4145539	4147479	Like just put the word skills at the top
4147479	4149339	and then have like colored cards
4149339	4151299	that look premium, amazing.
4151299	4155139	And then have them rotating through like a wheel,
4155399	4157639	like almost like a wheel animation
4157639	4159519	through the like the screen.
4159519	4161879	I'll draw something out for you real quick.
4161999	4164379	I'll kind of share what I want you to create.
4164619	4166039	I want this to be amazing.
4166499	4172759	What I'm going to do here is I'm going to want this to be like, yeah, I want it to be
4172759	4173959	something like this.
4174359	4176419	So we'll give it kind of this sketch right here.
4176599	4180519	I want it to look something like this.
4181139	4181539	Okay.
4181719	4185939	So it turns out I forgot Codex is just not the best at web design.
4186139	4189139	So what we're going to do is we're actually just going to use Opus.
4189139	4192679	So I'm just going to type in Claude here in the terminal.
4192799	4195339	So this is a good use case in my opinion.
4195519	4197279	If you're someone who has a Claude subscription,
4197459	4198599	but you want to use Codex,
4198659	4200479	because I think Codex is a better interface,
4200679	4202199	but Claude is better at design.
4202279	4204719	So you can use Claude directly in here.
4204759	4205839	And you notice here, remember,
4206139	4208939	if we go back to the beginning of the video,
4209199	4210479	whenever we create this project,
4210639	4214039	it already, like we created this project at my new business.
4214199	4216519	And so when we go into the terminal, right?
4216539	4217839	If you know how to use Claude code,
4217839	4220159	You kind of have, you have this set up already.
4220159	4222359	If you don't have Claude code, search on the internet
4222359	4223779	how to set up Claude code.
4223779	4225039	It'll take you five minutes.
4225039	4226039	You can figure it out.
4226039	4230079	And you can run Claude code from this app right here,
4230079	4230999	from the terminal.
4230999	4233459	And if you don't want to have to approve anything,
4233459	4235499	you can go like this.
4240279	4242839	You can go Claude space dash dash
4242839	4247839	dangerously-skip-permissions.
4249859	4252799	And this will run it on bypass permissions mode,
4252799	4255379	which is the same as the full access mode.
4255379	4260379	But anyway, we are working on the landing page here.
4261279	4264899	And what I like to do is I like to give it context, right?
4264899	4266939	Because Claude doesn't have the same context
4266939	4268119	as if you were chatting here.
4268119	4271299	It knows we're in this my new business,
4271299	4273419	but it doesn't know anything else.
4273419	4275859	It's just in this folder.
4275859	4278039	It doesn't know if it's working on the chorus plan
4278039	4279519	or the chorus video.
4279519	4281999	We are using Tally and I wanna make sure
4281999	4284199	that we create a really good landing page.
4284199	4287479	I want you to completely forget the styling of this page
4287479	4288359	that you have here.
4288359	4290979	I want you to make this a landing page
4290979	4293359	for the following application.
4293359	4294939	It is the chorus app.
4294939	4297499	And so you're gonna look at the code of the chorus app
4297499	4299519	in this folder right here,
4299519	4303199	And you are going to analyze how it's styled.
4303259	4303939	It's very simple.
4304019	4304459	It's white.
4304559	4306559	Look at the font and make the app matte
4306559	4308239	or make this landing page match it.
4308279	4309799	And it should have the tally embed.
4310039	4310819	That's all I want.
4311079	4313839	Minimal text, really make it convert, make it great.
4314019	4314939	Okay, we'll run that.
4315219	4316899	And we can actually see Cloud Code
4316899	4318659	working on this in real time.
4319179	4320899	We can very easily just like minimize it
4320899	4321919	almost all the way.
4322359	4324439	And Cloud Code will just continue working on this.
4324519	4326199	Okay, so the mobile app is done.
4326199	4328139	Let's go ahead and open up Xcode.
4328139	4332699	and what we need to do is it analyzed my YouTube, right?
4332759	4333959	Remember what we asked it to do.
4334039	4335719	We were having it research my YouTube
4335719	4340719	and it created five lessons based on my YouTube transcript.
4340899	4341639	So what is an agent?
4341779	4344119	Narrow, Beats, General, Build the Loop,
4344299	4346759	Workspace Memory Skills, Team, and Handoff.
4346879	4348379	So I've made videos on this before.
4348379	4351019	So it did research and it created these lessons.
4351199	4352179	So what is an agent?
4352719	4353119	Okay.
4354134	4361034	these lessons. So what is an agent? Okay. Okay. These are way too short. Make them longer, please.
4361034	4366034	Okay, so Claude Code just went to town on the web app.
4367214	4369534	Oh wow, this looks a lot better.
4369534	4372834	So we can actually open this up in an external browser
4372834	4375374	to see it full screen, or we can just go like this.
4375374	4378934	And you'll notice here, you can press get early access.
4378934	4380794	Oh, and it goes down here,
4380794	4382814	and this is where you put your information.
4382814	4383714	For whatever reason,
4383714	4387474	this in-app browser is not showing the tally form.
4387474	4390154	Let's see if it shows up here.
4390154	4394154	Wait, so we can refresh this, get early access.
4394154	4396114	Boom, we can put this here.
4396114	4399594	For whatever reason, these icons are a little bit different,
4399594	4401594	but learn agents in one place.
4401594	4403914	A simple iPhone app for learning agent fundamentals,
4403914	4405234	comparing the right platforms,
4405234	4407354	and sharing reusable skills.
4407354	4408954	One thing I can add here,
4408954	4413514	and wow, Codex is not nearly as good at design,
4413514	4418514	it feels like, so please add like works with Codex,
4418514	4423954	Codex, Claude Code, OpenClaw, Hermes, and Gemini.
4424274	4432074	Please see if you can pull those logos and put them in the files so they show up.
4432194	4433414	Okay, so that's pretty good.
4433554	4435054	Let's go ahead and check on the mobile app.
4435234	4437074	So if we go to Xcode, we hit play.
4437374	4439094	Let's see what this looks like.
4439194	4440714	Where is my simulator?
4441014	4441734	There it is.
4441954	4443994	Okay, so this is looking pretty good.
4444094	4444874	What is an agent?
4444874	4448254	It is very text heavy, but at least we have some more.
4448554	4449614	This is a little bit longer.
4449754	4451234	We do have the database set up.
4451574	4453694	Now what I want to do is I want to have platforms.
4454234	4466174	So for the platforms, I want to have it be just a list of platforms, no tags or categories
4466174	4467554	going horizontally across.
4467894	4469274	I just want a list of platforms.
4469414	4471794	This will be my curated list of 10 to 20.
4471794	4486254	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.
4486674	4490154	For the icons, see if you can grab the icon for each of these.
4490654	4492234	Like, figure out how to do that.
4492334	4494134	If you can't do it, that's okay.
4494234	4496114	I can get you the PNGs manually.
4496114	4501634	But see if you can do it and get all of this info in the database so it works properly.
4501794	4503594	but yeah, we don't need tags for this
4503594	4504974	because there's never gonna be over 20.
4505214	4507014	Okay, we fired off that prompt.
4507454	4509234	Let's go check on our remotion.
4509854	4511774	So remember, we can full screen this.
4511874	4513014	This is looking pretty cool.
4515034	4519874	Let's go ahead and try to play this.
4523494	4525414	Okay, this is looking good.
4525894	4528034	This is, oh, it's just a little choppy,
4528174	4530554	and then it, okay, so we have like good four seconds
4530554	4531434	are pretty good here.
4531794	4534834	So it goes here, we click learn.
4534834	4536694	It kind of shows that you can learn these
4536694	4539814	and here it has some skills going by.
4539814	4543114	The skills are rotating still slightly too fast.
4543114	4544794	I just want them to be a little bit slower
4544794	4546234	so I can read them.
4546234	4549394	And then immediately after this screen,
4549394	4554394	the way I want it to end is I want the YouTube researcher skill
4555954	4558654	to animate up to the top.
4558654	4561974	And then I want text to come in to describe the skills.
4561974	4564794	I want to show a copy animation
4564794	4566934	as if I was pressing the copy button.
4566934	4569074	Then it should say copy to clipboard.
4569074	4574074	And then we are going to show the Codex app opening up.
4574134	4577234	And so what we can do is we can say,
4577234	4578654	this is gonna be a hard one.
4578654	4579714	So I'm gonna paste this in.
4579714	4582994	Then it should show a text input area,
4582994	4586214	just like the one of the screenshot that I showed you
4586214	4587254	for the Codex app.
4587254	4589474	and then have typing in that box.
4589474	4592114	And it should say, can you please add this skill?
4592114	4595814	And then show somehow that that document was pasted
4595814	4598254	in the text input area.
4598254	4600754	And it should show up above where you're typing.
4600754	4603514	So this should look like a computer basically.
4603514	4604994	Okay, so this is gonna be a hard one.
4604994	4606974	We're gonna have to edit this a little bit more,
4606974	4608094	but that's okay.
4608094	4611034	Okay, so we are kind of working through all of these.
4611034	4612774	We're making our way through our iPhone app.
4612774	4613894	This will take a little bit.
4613894	4616814	One thing I wanna cover is forking a chat.
4616814	4619554	So we can actually come to mobile app here.
4619554	4622214	And what we can do, actually, I'm gonna fork this chat
4622214	4623334	as soon as this is done.
4623334	4625594	So one second, I'm gonna wait for this to finish.
4625594	4627834	Then we're actually gonna fork this chat
4627834	4630354	and we are going to create our,
4630354	4633094	we are gonna start working on our investor deck.
4633094	4638094	So please mark investor deck as working.
4638374	4640274	And so I'm gonna wait for the mobile app to finish.
4640274	4642734	Okay, so the mobile app is done.
4642734	4645854	And so what I wanna do here is I'm actually going to
4645854	4651654	fork the chat. And you can do this by coming over here and right clicking or two finger click.
4651934	4656014	And what we're going to do is we're just going to hit fork into local. If you're not technical,
4656454	4660934	don't worry about fork into new work tree. That doesn't matter for the sake of this video.
4660934	4666434	Just do fork into local. And this is going to create a new chat. And what I'm going to do is
4666434	4673694	I'm going to rename this to investor deck. And what I'm going to do, please analyze the features
4673694	4677274	and assets from this application.
4677734	4682234	And I want you to create an investor slide deck
4682234	4683294	in the same style.
4683714	4685514	You know, like we have all of those icons
4685514	4688674	that we've created earlier for Codex, Cursor,
4688894	4691054	OpenClaw, et cetera, that are in the app right now.
4691134	4693494	So include those, like all the styling stuff
4693494	4695474	in this new investor deck.
4695574	4697714	And I believe we have a skill that's built in.
4697714	4699074	I think it's just called PowerPoint.
4699654	4700974	And so we can reference that.
4701174	4702854	I want you to search the internet for a bit,
4702854	4709594	find out what investors are currently looking for in April of 2026. Like what are they looking for
4709594	4715214	in a PowerPoint deck or in a deck that you send them and please create it like that in that style.
4715374	4720754	So find some examples online and copy the style. Do not rely on your own styling ability. Okay,
4721054	4727034	so we're going to send this off. Now we are working on this investor deck. So remember,
4727034	4732454	so we created the iOS app design. We're still working on the iPhone app. We're working on the
4732454	4738714	web app landing page, which is almost done. We are working on the investor deck and launch video.
4738934	4743934	Okay, so the investor deck is done. And I love the way it looks in codex. Like look at this,
4743974	4748534	you can create an investor deck just like this. I will say it's not the best at designing
4748534	4753314	PowerPoints yet. So what we need to do is we're going to open up the terminal here and we're
4753314	4763014	going to type in Claude dangerously skip permissions and we're going to say hey there Claude I need you
4763014	4768254	to take a look at this PowerPoint and I need you to make it look better I want you to refine it I
4768254	4773954	want there to be less text some more graphics check and see how what are best practices for
4773954	4778174	you to do it I want you to just really make this like a refined deck there's just seems to be too
4778174	4785034	much text on this deck. It's not super readable. It's just not my favorite deck right now. So please
4785034	4790474	make it so much better. Don't add any slides or change the material. Just make it better. Make it
4790474	4796474	more refined, less text, more visuals that like put things into perspective, you know, like charts,
4796974	4804154	anything like that. That could be good. Make it better. We are working on, and so it's useful to
4804154	4808174	give it the files because remember this chat has all the context all this chat
4808174	4813034	knows is we're in this my new business folder it's always good I actually don't
4813034	4820054	even know where this is located I guess we could just click on this oh you can
4820054	4827974	open it in Canva I'm just gonna give it this file path right here what happens
4827974	4830051	if we click Canva
4830411	4831811	Here it is on Canva.
4832651	4833211	Wow.
4833471	4834031	Wow.
4834171	4836311	This is actually very cool.
4836511	4838931	I did not realize you can do that that easily.
4839111	4841011	Just open it up straight in Canva.
4841191	4842151	That's pretty cool.
4842331	4843551	Okay, so Claude Code.
4843551	4847551	We just had Claude Code go to town on this slide deck.
4847631	4848891	It does look a little bit better.
4848991	4850091	It doesn't look a ton better.
4850671	4855531	I don't think it's that much better at design than Codex models.
4855731	4857331	It's just a little bit more refined.
4857491	4861191	We have some more visuals here.
4861371	4864931	Yeah, like this is a really good slide, like value compounds over time.
4865171	4869811	We have a learning graph, a saved workspace, execution memory.
4871591	4873131	This is pretty cool.
4873131	4875391	So we have this slide deck.
4875491	4877051	I didn't really give it enough information.
4877051	4878531	So I'm going to do that now.
4878731	4882291	And so here I'm coming up with kind of like this fictional plan of how I'm going to leverage
4882291	4888271	my audience, right, to build a massive curation of really useful skills for existing tools
4888271	4890311	like OpenAI, Codex, et cetera.
4890531	4893671	We're going to build a lightweight agent through iMessage.
4893951	4897971	People will pay monthly through access for these different agents that are super lightweight
4897971	4898991	that people can test.
4899291	4902511	They're less of a commitment than, say, Codex or Cloud Code.
4902511	4907671	I just kind of want to change the narrative because it's kind of bringing up like clock and off Supabase.
4907811	4908971	Like I need to mention that.
4909071	4914871	We don't need to mention anything about the authentication and talk more about the narrative and why this is a big opportunity.
4915191	4918271	And look up like how much money is in this market.
4918631	4920691	Like focus more on the story, less on the tech.
4920811	4922291	So we fired off that prompt.
4922471	4924331	Let's check on our mobile app here.
4924951	4925351	Oh yeah.
4925731	4929511	While the other one was loading, I forgot to record it, but I uploaded one of these app icons.
4929511	4932551	If you remember, we generated a ton of these app icons earlier.
4932811	4933751	I forgot about it.
4933851	4936191	And so I uploaded it here to the mobile app.
4936351	4938291	So it added an app icon.
4938531	4942671	And so what I'm going to do now is I'm actually going to plug in my actual phone.
4942891	4945331	I'm going to show you real quick how to run.
4945671	4951291	So when you're using your phone or when you're using Xcode, you can use the simulator or
4951291	4953091	you can run it on your actual phone.
4953651	4957451	So on Xcode, you see here we have the device.
4957451	4960231	we chose iPhone 17.
4960751	4961791	These are simulators.
4961971	4963851	You can see that this says iOS simulators,
4964131	4966011	but I can also select my phone.
4966551	4967651	And so I'm gonna select my phone.
4967891	4968731	I'm gonna hit play.
4968971	4971271	I have my phone out open right here.
4971531	4973911	It should open the latest version of the app.
4974271	4974751	It is.
4975151	4977711	And so now I'm just screen sharing my phone to the computer.
4977851	4979451	This is on my actual phone right now.
4979571	4981391	And we're gonna take a look at the app.
4981391	4983951	This page looks pretty good.
4984551	4985671	We have basics.
4985671	4988031	Oh, there's haptics in the app now.
4988031	4989691	I can actually feel the app.
4989691	4991191	There's haptics.
4991191	4992931	Here we can select platforms.
4992931	4995311	Here we see Claude Code, Codex,
4995311	4998891	and here we have the about platforms page.
4998891	5000931	We have this kind of nice overview
5000931	5004151	where we can learn about the platform.
5005231	5007211	Anthropics Claude.
5007211	5008471	This is very cool.
5008471	5009791	Skills.
5009791	5012211	So we have this YouTube researcher skill.
5012211	5014871	I believe I can copy this to my clipboard.
5014871	5016071	It has a pretty cool animation.
5016651	5017751	We can save this.
5017851	5020251	This is actually coming out to be pretty cool.
5021651	5023711	Yeah, this is looking really good.
5024471	5025531	This is my favorite page.
5025591	5027171	I love the actual icons.
5028891	5030191	I'm actually going to make this app.
5030251	5031211	I'm going to put this on the App Store.
5031271	5032051	I'm going to make it really good.
5032171	5033291	But this is looking very good.
5033571	5035191	Now what I'm actually going to do is I'm going to say,
5035191	5037691	I want users to actually be able to sign in.
5038011	5040171	Oh, wait, there's this profile icon.
5040631	5041431	Oh, okay.
5041551	5043091	So this is not real data.
5043091	5048791	and I want the user to actually be able to sign in with Google.
5049131	5050891	And so what is the easiest way to do that?
5051111	5053931	With that, we're using Supabase.
5054291	5054911	Ignore clerk.
5055011	5055931	We don't need to use clerk.
5056331	5057331	What is the easiest way?
5057431	5059551	Are you able to add authentication right now
5059551	5062411	using the MCP with Google sign in?
5062511	5064791	And then this will log all the users that sign in
5064791	5066031	into the actual app.
5066031	5069771	And I want their actual data to show up in the profile.
5070011	5072371	And I basically want this app fully ready to go.
5072371	5074431	Obviously there's no payments in the app.
5074431	5077551	I want you to add authentication so users can sign in.
5077551	5078751	And so we can run that.
5078751	5080731	And if we go back to our launch video,
5080731	5083171	this is the one that we might not finish today.
5083171	5085731	I'm gonna go ahead and close out of my iPhone real quick.
5085731	5090551	If we hit play here, okay, that's pretty cool.
5090551	5093891	Misses a little bit on the learn, that's okay.
5094931	5098031	What is this gradient, that's okay.
5102371	5106491	Ooh, ooh.
5106491	5109191	Okay, I forgot I made a massive edit last time.
5109191	5110311	Ooh, that looks pretty good.
5110311	5112211	So you can please use this skill.
5112211	5114111	You can paste it into Codex.
5117131	5118231	And now what I'm gonna do
5118231	5120611	is I'm gonna just do that again, basically.
5120611	5124051	So I'm going to, let's open up Claude,
5124051	5126231	and we're going to, I'm gonna say,
5126231	5128931	after the Welcome to Codex screen,
5128931	5131471	I actually wanna go back to the phone screen
5131471	5134011	that shows the skills, show a different skill
5134011	5136031	and show copying a different skill,
5136031	5138791	maybe like a mobile app designer skill.
5138791	5140751	And then we're gonna paste it into Claude code,
5140751	5142271	which looks like this.
5142271	5145811	And then I'm gonna go ahead and go to Claude
5145811	5150811	and I'm just gonna open up a new normal chat like this.
5151391	5156311	And I'm just gonna copy this just like this.
5156311	5158791	And what I'm gonna do is I'm actually going to be using
5158791	5161111	Claude again, because it is better at design.
5161111	5165351	Claude dash dash dangerously get permissions.
5165851	5167511	I'm gonna paste that image in here.
5167751	5169631	And I'm also just gonna paste this.
5169991	5172691	We are working on the remotion video.
5172931	5175071	Use the remotion skill, really think deep.
5175151	5177371	We're adding two scenes at the end of this
5177371	5178991	to kind of close out the video
5178991	5182211	to show that you can add skills to your agents.
5182351	5184171	And so now we're focusing on Claude code.
5184271	5186651	Instead of the subtitle above,
5186651	5188891	so instead of it saying Riley returns.
5189511	5191211	So instead of it saying Riley returns,
5191311	5192831	it should just say Claude Code.
5193151	5194391	And it should show the same thing.
5194571	5196311	I want you to add this skill
5196311	5199211	and then it should paste in a skill in the UI
5199211	5200351	like the image.
5200691	5202451	So like we've already done this once with Codex.
5202551	5203351	We're doing it again.
5203451	5205231	So we're going back to the same app from earlier,
5205431	5207891	copying the prompt and then pasting it into Claude Code.
5208011	5209611	So please think deep, make this look good.
5209731	5211071	Okay, this is really fun.
5211231	5212951	I actually haven't done this until today
5212951	5215991	where I use Claude Code inside the Codex app
5215991	5217491	for like design heavy tasks.
5217491	5218991	it ends up looking a lot better.
5219191	5221351	And obviously these can take a lot longer, right?
5221411	5223191	Like a launch video, like, I mean,
5223211	5225031	we've only put in a total of like 10 minutes
5225031	5227251	of like focused effort in the launch video.
5227391	5228931	If you spend a few hours on this,
5228971	5230231	you could actually make this pretty good.
5230331	5232291	This is not terrible.
5232631	5235651	Okay, quad has literally just went ham
5235651	5237771	for seven minutes and 24 seconds.
5237771	5240551	And it cooked on this slide deck.
5240671	5243911	It's like curation is the wedge, agents are the business.
5244151	5246071	Most startups pray for distribution.
5246071	5247291	We start with it.
5247291	5255311	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.
5255531	5257191	Curate, test, monetize.
5257311	5258951	I don't like this like top bar.
5259231	5260831	In fact, I'm just going to do that.
5260911	5262711	Oh yeah, one really useful thing.
5262951	5265151	I use a tool called CleanShot Pro.
5265711	5269851	And what it does is it allows you to like immediately just like make really good.
5269951	5272671	Like I can just kind of go like this very easily.
5272671	5274611	Just select which part that I want.
5274711	5276851	Like I actually don't want any of this up here.
5276851	5278211	So I'm going to give this to Claude.
5278351	5281771	I'm going to say, please don't have the top bar.
5281971	5283491	We don't need it.
5283551	5286651	The big black thing that says 1.5 million followers.
5287011	5287671	Simplify that.
5287731	5288711	I don't like that component.
5288891	5289771	Just change that.
5289971	5292651	Let's just go through and make some changes here.
5293051	5294971	Yeah, the top bar on all the pages, by the way.
5295011	5295851	Not just that one.
5296151	5297271	I don't want the top bar.
5297611	5298891	This one looks good.
5298991	5300131	This one looks good.
5300391	5303191	Yeah, this is looking pretty solid here.
5303791	5305151	Oh, I like this one.
5305151	5309851	Every consumer is about to decide which agents to trust. Nobody is guiding them.
5310211	5311691	Yeah, I like this.
5311691	5314351	I'm just gonna copy this right here.
5314351	5316071	We're gonna go back to Claude Code.
5316071	5318171	On this first slide, make the text,
5318171	5320911	the main text at the top, every consumer,
5320911	5324711	and then just change what's going on on the bottom part.
5324711	5327011	Like it says fragmented, technical, and unbranded.
5327391	5328371	Please come up with something else.
5328471	5333891	Maybe show the phone on the right with the app design.
5334111	5337811	Show that there on the right and show that there's like a course or something there or something.
5338291	5339211	That's pretty good.
5339611	5340871	Where are we on the mobile app?
5341031	5341391	Oh, yeah.
5341651	5342211	Let me see here.
5342291	5342491	Oh, yeah.
5342531	5343771	We just tried to add authentication.
5344551	5346171	Let's go ahead and go to Xcode.
5346731	5349271	What we're going to do is we're going to run this on Riley's iPhone.
5349271	5351971	So I'm going to go ahead and open up Riley's iPhone here.
5352551	5353911	This is going to open up.
5353911	5361131	Let's take a look. We tried to add authentication. Add your Superbase publishable keys. Okay, so
5361131	5367211	we're not quite ready for adding authentication. The easiest path is Superbase native Google
5367211	5372171	OAuth flow. It's asking it, what do I need to do to make this work? I'm not signed in yet,
5372171	5376971	or I can't sign in. So again, we're just asking the agent what we need to do to set this up.
5376971	5382971	Actually, we're not going to do Google. I want to just set up, what were some of the providers?
5382971	5390551	Is Apple one of them? Let's do Apple. Actually, let's just do email. We don't need to do Google.
5390811	5397811	Just do email for now. Okay, so the mobile app is done. Let's see if this works here. What we're
5397811	5404771	going to do is we're going to go to Xcode and we're going to hit play. Build succeeded. So it
5404771	5409151	decided that doing email and password was actually the easiest way to do it. So that's what we're
5409151	5413571	going to do. I'm going to put in my email and password. I'm going to pause the video for this.
5413711	5418671	And here we're just going to sign in. Ah, I have to do create account first. Create an account.
5418931	5424471	Okay, wait. It worked. It worked. It worked. I had to go into Supabase and I had to turn off
5424471	5430011	confirm email. I can turn that on later, but all I want to do is be able to sign in.
5430171	5438471	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
5438471	5441651	save a few things here on platforms.
5441651	5443271	We'll save Cloud Code.
5443271	5445291	If we go back to our profile,
5445291	5448351	we have one platform saved, two tracks saved,
5448351	5449491	no skills saved.
5449491	5452071	So I can save some skills.
5452071	5455651	One, two, three, one, two, three.
5455651	5457751	Now let's go back to my profile.
5457751	5460651	All of these things are now saved in the app.
5460651	5462131	So I am signed in.
5462131	5464511	It doesn't show the account that I'm signed in with,
5464511	5466471	which I will want it to do.
5466471	5467831	That's one thing we'll ask.
5467831	5469011	Okay, so I am signed in.
5469071	5471831	Once I sign in, I want it to be clearer that I'm signed in,
5471951	5474051	like show like my email up at the top.
5474211	5475411	But this is pretty cool.
5475691	5478511	We are signed in and this is working.
5478691	5482151	We have a full working authentication set up.
5482611	5487711	We can go to the tables and yeah, this is pretty cool.
5487871	5490791	So I think this app is ready for test flight.
5490791	5493631	So I'm actually gonna add this later.
5493631	5498851	I want to get this ready for test flight.
5499071	5503391	Please do everything to prep for this.
5503711	5509571	I'm going to do it on the not a number account.
5509791	5511331	So yeah, we're gonna be sending this app
5511331	5512671	to the app store here.
5512771	5513531	Let's take a look.
5513691	5516431	A trusted curator for the AI agent era.
5516631	5517591	That's pretty good.
5518271	5520171	And so we can see this full screen
5520171	5524011	or what we can do is we can open this in Canva.
5524291	5526931	So we're gonna open up this new version in Canva
5526931	5529491	and it will show up right here
5529491	5532071	and we can actually manually make edits to it.
5532171	5534731	And so we can do like the last five, 10% here.
5534891	5536411	Like we might wanna get rid of this.
5537071	5539251	You know, maybe we'd wanna change these colors
5539251	5542991	just a little bit, but yeah, it exports pretty well.
5543071	5544251	Ooh, nice animation.
5544931	5545711	That's kind of sick.
5545771	5546991	It looks a lot better in Canva.
5546991	5549991	And so yeah, like we can get rid of these here.
5550171	5557511	then we can also add some like offset good like background we can put it over here
5557511	5563871	so this is looking a little bit better we can make some uh yeah you know this slide it's fine
5563871	5572511	we could add some icons but you know what this is a decent start to an investor deck so i'm
5572511	5576651	going to go ahead and go back to the plan i finished the investor deck i also finished
5576651	5582131	the iOS app because this mobile app, I think is looking pretty good. You know, we still need to
5582131	5587371	send it to the app store. And so while the mobile app is loading, what I want to do is I want to be
5587371	5591751	able to put this on the internet. So I want to be able to actually put this on the internet and we
5591751	5596491	can give it a domain later. But what I'm going to do now is I'm going to say, please, can you
5596491	5607351	deploy this to at Vercel and give me the public link. So we are actually putting this website
5607351	5612151	on the internet, right? So this is how people can get early access. They can come to the website
5612151	5618531	and we can actually grab this link right here. Let me show you in a browser. So the actual,
5618831	5623431	and while this is loading, I want to add a song to our launch video. So I'm just going to drag
5623431	5629011	this song that I have. It's called Chasing Horizons in my folder. I'm going to say please add this
5629011	5640911	song at 50% volume in the launch video. Keep everything else the same. Okay, so we've created
5640911	5649431	a build here on App Store Connect. Now, please put it on test flight. I'm done. Okay, well that's
5649431	5654451	loading. I'm running one final prompt on Claude Code. I want to add, oh yeah, here's the music by
5654451	5673531	the way. So it shows copying. I can paste it here. It's pretty good. Some repetition shows me copying
5673531	5681631	this. Boom. Now after this, I wanted to actually use the skill. So we're using the skill and then
5681631	5687691	I want you to create a little canvas that shows all like five frames of a calorie tracking app
5687691	5692071	that look really good on the same background as that Claude code is. But remember, change the font
5692071	5697011	here. You didn't really choose the right font for the Claude code. And yeah, have a new app,
5697171	5702711	like have a like a laptop screen pop up, just basically like a computer screen pop up that
5702711	5708591	shows the different canvases of an iPhone mock-up. Okay, we're getting there. We're almost there,
5708671	5717271	guys. Okay, this web app looks done. Okay, yep, this is done. Deploy to Vercel. Give me link.
5717511	5721811	And we can't mark this as complete until we've tested it. So I'm going to go in and try and
5721811	5726671	submit an email on the website, right? I need to go to this link. If we open up ARC here,
5726891	5731091	we need to be able to type in the info here. And then remember, this last thing is I want to be
5731091	5735311	able to set up xPost automation. So we're just going to set that up. This is one of my favorite
5735311	5740371	skills that I've ever used. For this, we're going to use Typefully. So Typefully is how I control
5740371	5748271	six different Twitter accounts to combine over like 275,000 followers across all of my accounts.
5751750	5756890	to do is I need to grab my API key, right? Because I can just go here and I can create new posts from
5756890	5762830	Vibe Coding explain this account has 50,000 followers and we can use AI to draft tweets
5762830	5765070	from Typefully.
5765070	5769650	And so here what we need to do is we need to go to settings, then we need to go to API
5769650	5771550	and then we need to create a new API key.
5771550	5773210	So I'm going to create one and copy it.
5773210	5774210	Now we're going to come here.
5774210	5778550	I'm going to say, please, can you search Typefully?
5778550	5783010	And I want you to create a skill that allows me to fully control it with their new API.
5783010	5785330	Their new API is v3.
5785330	5786610	It gives me full control.
5786610	5788450	When you search it, you might find V2.
5788450	5789450	I want V3.
5789450	5792290	I want full control over typefully.
5792290	5795010	And I want you to just test it right away.
5795010	5800070	Test it with the Riley Brown account and use fruit emojis in your test so I know which
5800070	5801130	ones are yours.
5801130	5803950	In the message below, I'm going to paste my API key.
5803950	5804950	Use that.
5804950	5805950	Figure this out.
5805950	5806950	Test it.
5806950	5807950	Let's see if this works.
5807950	5808950	Create the skill.
5808950	5809950	All right.
5809950	5813670	So we're creating a skill so we can have AI and we can set up automations to automatically
5813670	5816410	use this API to schedule tweets.
5816410	5818310	So here, I'm going to enter this.
5818310	5820790	Now off camera, I'm gonna paste my API key.
5820790	5823050	I do not want that out there in the wild.
5823050	5824890	Okay, so we just got the web app link,
5824890	5827210	and I know this is not centered, right?
5827210	5829930	I know we made this really quickly.
5829930	5831290	We could easily center this.
5831290	5833410	It says made with Tally.
5833410	5836650	I'm just gonna put in an email address.
5836650	5838630	All right, so we're gonna hit register.
5838630	5839630	All right, so done.
5839630	5841610	So now let's check to see if that worked.
5841610	5843370	We're gonna go back to Tally,
5843370	5846390	and here we see the registration form template.
5846390	5852870	one submission we see the one submission here and we see that it works so this is actually on the
5852870	5860230	internet right this is chorus dash beta dash two versell app so this is on the internet we can give
5860230	5865910	it a custom domain i just haven't bought a domain yet for this but you can actually sign up for early
5865910	5872790	access right now so we can go back to our plan and we can say cool i finished the web app and landing
5872790	5878710	page waitlist sign up. All right. And look at this. We actually have our app. We can open our
5878710	5883690	app here. This is actually in test flight. You can see that this is a real build. This is not
5883690	5888410	the chorus app. This one is the app that we downloaded to our phone, right? That we downloaded
5888410	5896390	from Xcode. This one, this one is actually a test flight link. Now I can say Riley at, um, actually,
5896450	5902270	I forget what email at. Okay. There we go. We are signed into our account. We have this app. It is
5902270	5908110	literally on the app store. It's a pretty bare bones app. You know, it's, it is a pretty simple
5908110	5913110	app, but we have some good information here that we're going to add to, right? We just created the
5913110	5918590	bare bones. We have it set up to a backend so I can constantly add things to this to make it a
5918590	5924450	really useful app. One thing I do want to add is an AI chat, but it has haptics and it feels pretty
5924450	5929590	good. So we are done with our app, fully done with our app. Let's check on our launch video. Let's
5929590	5935870	see if Opus is done. Okay, this is actually looking pretty good, but I think the Typefully
5935870	5943110	one is done. I was wrong. It is V2, but it said that it was able to create a draft autonomously.
5943110	5949070	So we did create the skill that controls Typefully, which allows me to draft tweets. So if I go back
5949070	5955970	to Typefully here, it said that it created one on Riley Brown. Let's see. There you go.
5955970	5958930	So it is able to create drafts for me.
5959410	5971530	And so now I can say, please do research and come up with three drafts every single morning to post on X.
5971750	5978490	Please create that automation now and use the slash.
5978630	5980530	I think it should have created a skill.
5980910	5983570	Typefully control skill and we can run it.
5983570	5991050	So we just created the automation. So we are done with this. I just finished the x-post video automation
5991050	5995910	So all we have left is the launch video. We need to go to the
5997010	6002890	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
6002890	6004890	Let's see if it's good
6013570	6016930	Okay, so we're adding the skill.
6016930	6017930	Very good.
6017930	6022930	We're going to do it again.
6022930	6025930	Boom.
6025930	6031350	That's a little bit long.
6031350	6036350	That's okay.
6036350	6043570	Okay, we got this app laptop opening up and it created the designs for the app.
6043570	6044490	That's pretty sick.
6045990	6049310	And then, boom.
6051290	6052230	There you go.
6052530	6053350	It's kind of sick.
6054070	6055730	Obviously, there's a lot more we can do.
6055870	6059530	We were multitasking, but I think this is actually a good first draft.
6059630	6060770	We can continue to edit it.
6061090	6065030	I will say Claude Code is significantly better at designing.
6065710	6068930	Codex just wants to use these really clunky design styles.
6069030	6072270	I cannot wait for them to get a model specifically for design.
6072270	6075490	I think that'll be really great, but we're good.
6075630	6078150	And as you can see here, automations just turned to three.
6078510	6081610	We can see that it created these morning drafts here
6081610	6084630	and here is the morning draft that it created
6084630	6087030	and we have three automations ready to go.
6087210	6088510	So that's what we've done today.
6088770	6092170	Woo, this was a long one.
6092510	6093930	Yeah, we covered a lot.
6094650	6096070	I'm just gonna, just so we finished,
6096410	6099330	finished the launch video.
6099770	6101470	Okay, yeah, and so there you go.
6101470	6106870	we are done. And all I wanted to illustrate in part two of this video was that you can multitask
6106870	6111890	to create really cool things. If you ever get stuck, just ask the agent. If you ever want a skill,
6112250	6116990	just ask the agent if you can create a skill. Maybe you'll need an API key to a tool you already use,
6117290	6121990	maybe not, but you can just ask the agent to create a skill and you can download it. And
6121990	6126710	they have a lot of plugins. They're going to continue to add a ton more plugins. So you're
6126710	6131210	going to basically be able to all of the tools that you already use and it's only going to get
6131210	6136350	easier from here. I highly recommend to just take everything that you do in your job or in your
6136350	6140270	business and try and figure out how you can automate as much as you can. You know, if you
6140270	6145330	have a software company, try and create a launch video every week. You can just launch on Instagram
6145330	6151850	or on Twitter every week. You can create Instagram videos. You can create graphics. There's a ton of
6151850	6157850	things that you can just do and experiment with and figure out how to use Canva with Codex. There's
6157850	6162790	so much that you can do on these AI powered super apps and they're only going to get better. Anyway,
6162970	6167250	thank you guys so much for watching. Please hit subscribe and like this video. It helps me out a
6167250	6173810	ton. I will put the app that we created, right? We have the app that we created. By the time you see
6173810	6177830	this video, it should be on the app store. You'll be able to use it for free. I'm going to load it
6177830	6182730	up. I'm just going to keep this as my notes for all of the useful tools that I use. So I'm actually
6182730	6189010	going to put all of the useful skills and all the platforms that I'm testing out on this mobile app,
6189150	6193370	and it'll be on the app store. So check that out if you want. Anyway, thank you guys for watching.