0:00.000–0:17.070
Welcome to the Open AI Codex complete guide, where we will be learning how to use Open AI's new super app to create and edit designs, do research and create documents, create and deploy full web apps, create motion graphic launch
0:17.080–0:26.722
videos, create high-quality investor decks that you can export to Canva, and even create high-quality iOS apps in Swift.
0:26.722–0:33.491
What you'll realize in this video is Codex is the only unified all-purpose AI agent tool.
0:33.491–0:43.623
One that combines coding, co-work, browser, and computer use cases all into one single interface that we are going to cover in great detail.
0:43.623–0:45.806
So, this video is going to be divided into two parts.
0:45.806–0:54.695
We're going to first start with the basics, and then we are going to move on to multitasking and creating many different things in parallel.
0:54.695–0:57.904
In part one, we're going to talk about the basics of prompting.
0:57.904–1:03.510
We're going to talk about permissions, the different AI models you can use, and the effort.
1:03.520–1:06.023
We're also going to talk about the main features in the app.
1:06.023–1:11.383
We're going to do a detailed dive into all of the different things that you can do on Codex.
1:11.383–1:13.289
We're going to talk about how to stay organized.
1:13.289–1:19.473
We're going to talk about this preview, which makes Codex so useful for basically any use case.
1:19.473–1:24.445
You can even comment directly on the preview to give additional information to the AI agent.
1:24.445–1:30.780
We're also going to talk about how to create PowerPoints, how to create Excel sheets, and how to create documents.
1:30.780–1:33.015
We're going to talk about skills and plugins.
1:33.015–1:41.006
We're also going to create automations, so you can simply chat with Codex to create automations that allow you to just save so much time.
1:41.006–1:47.798
And then, we're also going to talk about computer use, which allows your agent to literally control your computer.
1:47.798–1:52.670
And the Open AI computer use is best in the world by far.
1:52.680–1:58.597
And so, part one is going to feel very linear and somewhat slow, but we're really going to dig into the basics.
1:58.597–2:01.202
And part two, we're going to start to have a lot more fun.
2:01.202–2:04.910
In part two, we are going to create a design for a mobile app.
2:04.920–2:06.550
We're going to create a mobile app.
2:06.560–2:07.585
We're going to build a web app.
2:07.585–2:11.750
We're going to build an investor deck, and we're going to create a launch video.
2:11.760–2:14.086
And we're going to do these all at the same time.
2:14.086–2:18.604
And so, we are going to dive into multitasking with Codex.
2:18.604–2:28.834
Because every month that goes by, AI agents are working for longer and longer to the point where AI agents can take up to an hour or two hours on any given task.
2:28.834–2:33.750
So, in order to become effective at using AI, you need to learn how to multitask.
2:33.760–2:38.709
And in this part, I want to talk about how I multitask with Codex.
2:38.709–2:53.043
And so, by the end of this video, you are going to be ahead of 99% of people in terms of practically using AI agents to get work done, whether it's coding or general use cases and creating documents and things for work.
2:53.043–2:54.670
Let's dive into the video.
2:54.680–2:59.006
Okay, so let's first start off by downloading the Codex app.
2:59.006–3:03.477
So, you can go to any browser and type in Codex app download.
3:03.477–3:08.045
And here we see chat.gpt .com Codex desktop app.
3:08.045–3:09.636
We're going to click on this.
3:09.636–3:11.069
The page should look like this.
3:11.069–3:15.139
And here is where you can download this for Mac OS.
3:15.139–3:20.648
I already have it downloaded, but just click this and go through the process of getting it on your computer.
3:20.648–3:25.299
Okay, so when you download the Codex app for the first time, it'll look a lot like this.
3:25.299–3:31.190
You're going to see this left side panel with these five options over here, which we're going to dive deep into later.
3:31.200–3:38.870
You're not going to see any conversations over here, and then you're going to see this kind of chat interface that looks oddly similar to chat.gpt.
3:38.880–3:41.756
And we can actually open up Arc here real quick.
3:41.756–3:42.800
Here is chat.gpt.
3:42.800–3:44.527
This is what chat.gpt looks like.
3:44.527–3:45.436
It's very similar.
3:45.436–3:49.114
You type a chat, and you get a response from chat.gpt.
3:49.114–3:50.314
It's very similar.
3:50.314–3:55.166
So, it looks similar from this perspective, but there's so much more in this application.
3:55.166–3:56.470
It is unbelievable.
3:56.480–3:59.710
So, if I were to type something here, let's say I type something like this.
3:59.720–4:03.034
Hello, please search and tell me the latest news on Open AI's new desktop app.
4:03.034–4:04.590
List all the different features.
4:04.600–4:10.466
Just like chat.gpt, it has built-in web search, so it'll automatically search the web, and it will give me a nice response.
4:10.466–4:13.773
I can also type that into Codex and press enter.
4:13.773–4:22.654
Now, notice here that the chat find Open AI desktop features showed up here in the side panel under this chats column.
4:22.654–4:24.607
This is actually brand new to Codex.
4:24.607–4:26.295
They added this chats column.
4:26.295–4:32.792
This is because we didn't actually select which location we wanted this chat to be in.
4:32.792–4:35.008
And I'll explain that right now.
4:35.008–4:43.062
What makes Quad Code and Codex so powerful is that it is an AI agent that can basically control your entire computer.
4:43.062–4:44.038
It can create files.
4:44.038–4:45.113
It can edit files.
4:45.113–4:53.018
And as we'll get to later, it can even use computer use, which means fully controlling the mouse and keyboard on your computer.
4:53.018–5:01.307
And so, when you do this, the most useful way to do it is to give it a specific location in which it starts out in.
5:01.307–5:06.554
And when you create a project, it's going to open up your folders on your computer, right?
5:06.554–5:08.073
It's going to open up Finder.
5:08.073–5:13.453
And so, I create a project called Codex projects, and you can create anything you want.
5:13.453–5:16.956
You can call it Riley's Codex, or you could just put them in your documents folder.
5:16.956–5:18.011
It doesn't matter.
5:18.011–5:20.866
I keep it organized, and I'll I'll even create a new folder.
5:20.866–5:24.401
So, I'll just say like Riley's Codex projects.
5:24.401–5:31.070
So, this is the folder that I'll create where I will put all of my other projects beneath it.
5:31.080–5:34.105
So, I just created this Riley's Codex projects.
5:34.105–5:41.108
Now, let's say I wanted to do some research on all the cool things about Codex and the new desktop app.
5:41.108–5:46.479
And I can create a project where all the documents that I create about this will be stored in that location.
5:46.479–5:52.075
And so, what I'm going to do is I'm going to hit new folder, and I'm going to call this Codex desktop research.
5:52.075–5:53.717
And we're going to hit create.
5:53.717–5:57.550
We're going to select this folder, and we're going to hit open.
5:57.560–6:00.510
Notice here that a project was created.
6:00.520–6:05.352
We have one project created, and it's called Codex desktop research.
6:05.352–6:12.301
Now, if we click on this button, we are now creating a new chat at Codex desktop research.
6:12.301–6:14.110
It's also listed right here.
6:14.120–6:16.116
Codex desktop research.
6:16.116–6:19.975
So, when we create a chat, it'll show up here.
6:19.975–6:28.770
So, I'm just going to say, please tell me about the new Codex desktop app features that they released today.
6:28.770–6:31.630
And again, this can search the internet by default.
6:31.640–6:33.631
It can go off and do research.
6:33.631–6:38.565
And notice here, if we were to expand this, this chat shows up right here.
6:38.565–6:40.750
And it will automatically use AI to name it.
6:40.760–6:42.721
So, find new Codex app features.
6:42.721–6:46.281
Now, we can press this button again, and we can actually create a new chat.
6:46.281–6:51.274
I can say, what are people saying about the new Codex app?
6:51.274–6:56.590
Figure out a way to look at blogs and x.com.
6:56.590–7:02.543
And what are people saying what are they excited about?
7:02.543–7:07.391
So, these are chats under the same project, and they work at the same time.
7:07.391–7:12.633
And you can tell that it's in progress because of this right here, right?
7:12.633–7:18.203
You can see that we have this spinning circle right here, so we know that we're waiting.
7:18.203–7:26.482
And one of the coolest features of the Codex app and other similar apps like it is it makes it pretty easy to multitask.
7:26.482–7:31.744
And so, we'll know when it's done because a blue little dot There we go, right on cue.
7:31.744–7:33.590
So, this blue dot popped up here.
7:33.600–7:36.091
Now, we know that we have like an unread message.
7:36.091–7:37.251
So, we can click on this.
7:37.251–7:40.230
And so, here we can find the new feature.
7:40.240–7:42.111
And let's say I don't want to read it like this.
7:42.111–7:47.996
I can say, please create a spreadsheet of the new features that you just told me.
7:47.996–7:58.190
And so, now, what it's going to do is it is going to create a spreadsheet, which is a document, and it's actually going to store this spreadsheet in this folder right here.
7:58.200–8:05.390
And remember, you can always get back to this folder for this project by clicking these three dots and hit open in Finder.
8:05.400–8:07.755
And you can see that it opens up right here.
8:07.755–8:12.389
And we can click into it, and we're going to be able to see all of the files that get created.
8:12.389–8:17.093
No files have been created so far, and these chats don't actually get stored here.
8:17.093–8:19.536
It's just the files that they create.
8:19.536–8:20.646
Oh, and here we go.
8:20.646–8:22.634
It just created this outputs folder.
8:22.634–8:25.360
We click in this, and so it's created the folder.
8:25.360–8:27.230
It hasn't yet created the document yet.
8:27.230–8:35.029
And if you'll notice here, it's done, and you'll see at the bottom we have this Codex Codex desktop features.xlsx.
8:35.039–8:38.303
If we go ahead and we just click open, look at this.
8:38.303–8:40.743
It opens right here in the side view.
8:40.743–8:49.030
Notice here, if we don't want this side-by-side view, we can come up and we can press this button right here, which will allow us to full screen it.
8:49.040–8:56.769
And I could even remove the side panel, and now we're operating in this spreadsheet view, and it is literally full screen.
8:56.769–9:00.714
Yeah, I can view the whole thing, and I can create a follow-up.
9:00.714–9:06.182
And I could say something like, please remove the source page column.
9:06.182–9:16.119
And so, now, we can just see that it is working, and you can tell it's working because it says stop, and we can leave this full screen view, and we can see that this was entered in the chat.
9:16.119–9:23.700
So, this is a fun way to toggle between like here you can see all of your agents and the chat and what your agent is working on.
9:23.700–9:31.869
And if you want to just focus on the thing that you're working on, again, you can full screen this, and you can remove the side panel to kind of toggle between the views.
9:31.869–9:33.656
And look, here it's done.
9:33.656–9:38.495
You will notice here that the source column is no longer here.
9:38.495–9:43.287
It removed it, and so, we can just use AI to edit this document pretty perfectly.
9:43.287–9:59.430
And remember, remember when I said that all of the files that your agent creates will show up in this folder, and you can open in Finder at this location, and we can open this, and here we can see that this xls, this is the file that we're working on
9:59.440–10:00.374
right now.
10:00.374–10:03.364
So all of it is stored in this file.
10:03.364–10:07.747
And so this makes it easy for me to create chats and reference that file.
10:07.747–10:22.125
I can very easily hit create new chat and I can say, "Please add anything that I missed to @ and we should be able to see the file." If we go back to finder, we can see that this file is called Codex desktop features.
10:22.125–10:25.466
And so we can go @Codex desktop features.
10:25.466–10:29.657
And so we can @ mention that file and say, "Do research.
10:29.657–10:34.830
Let me know if I missed anything for new features for Codex."
10:34.840–10:42.140
And so within this chat, like within this folder, we can @ mention anything that we create, which is really, really fun.
10:42.140–10:48.710
Okay, I wanted to take a brief moment to just recap everything that we've talked about before we dive into more advanced topics.
10:48.710–10:57.413
Codex in its simplest form, this Codex application allows you to chat with an AI agent that can create, edit, and delete files on your computer.
10:57.413–11:03.977
And the specific parts of the app that we've talked about, the project location or file path is right here.
11:03.977–11:06.070
The permissions are right here.
11:06.080–11:10.923
It's basically what your agent is allowed to do and do you need to approve its actions.
11:10.923–11:13.917
I prefer using full access, so just let it let it cook.
11:13.917–11:22.396
And then we also have the model GPT 5.4 and the effort level, which is extra high that I use by default.
11:22.396–11:27.908
And you can type your question or answer or whatever you want to create, you can type it in.
11:27.908–11:34.630
When you type it in, when you choose a file location, it'll also show up in the side panel right here.
11:34.630–11:44.776
And again, your project location, Codex desktop research, Codex desktop research, this chat, whatever you type in will be named and will be will be placed here in the side panel.
11:44.776–11:49.059
And if we go down here, your agent can also create files, right?
11:49.059–11:53.724
So it can create this .xlsx document on your computer.
11:53.724–11:56.588
And so this is just an agent created file.
11:56.588–12:01.814
And this agent created file gets added to this folder that you created, right?
12:01.814–12:15.335
The same project location, your file created by an agent, if the chat is within this project location, that file will actually show up in this outputs folder within the Codex desktop research.
12:15.335–12:19.464
So you can see they all get organized in this clean file layout.
12:19.464–12:26.910
And then if you press this open button right here, then it opens up the file in this clean view.
12:26.920–12:31.835
And remember, you can full screen this view if you want to and you can see all of your files here.
12:31.835–12:36.212
So you can actually have multiple files open, which we'll get to a lot later.
12:36.212–12:40.138
We haven't done this yet, but you can see the file name right here.
12:40.138–12:43.888
And so that's kind of a basic overview of what we've talked about so far.
12:43.888–12:47.926
Now let's dig into some more fun workflows and more fun projects.
12:47.926–12:54.910
So now I want to go over the other options up here on the top left. one being search.
12:54.920–12:56.587
And don't worry, we'll get to plugins in a second.
12:56.587–12:57.889
This is when it gets really fun.
12:57.889–13:00.513
But you know how we have two projects over here?
13:00.513–13:05.446
I've actually created over 30 different projects in the time that I've been using Codex.
13:05.446–13:09.266
But one thing that you can do is you can very easily remove them from the side panel.
13:09.266–13:15.534
And that doesn't mean you delete anything because remember, these are all just folders on your computer and those don't actually get deleted.
13:15.534–13:17.370
You just remove them from the side panel.
13:17.370–13:20.349
But this search feature, what I can do is I can search anything.
13:20.349–13:27.990
So I remember I looked for I said to do research and create a report in the style of Karpathy, but it I removed the project.
13:28.000–13:35.946
But if I just type in Karpathy, it can actually it searches all the chats for the name Karpathy and I can click on it and now this chat opens up.
13:35.946–13:42.102
And you can see here that the name of the chat is analyze Karpathy voice and it's in this general agent tasks.
13:42.102–13:44.741
So remember, this is just the project folder.
13:44.741–13:47.155
So this Codex desktop research, right?
13:47.155–13:48.695
That is the project folder.
13:48.695–13:53.064
This is the general agent tasks folder that I removed from the side panel.
13:53.064–13:56.385
But if I click on this, it'll actually open up the location.
13:56.385–13:59.736
And then all I need to do is just drag this in here and boom.
13:59.736–14:06.350
Now all of the chats for this general agent tasks here shows up here on the left side panel, right?
14:06.360–14:07.288
That's pretty cool.
14:07.288–14:11.786
And again, I can remove it and I can bring it back whenever I want.
14:11.786–14:22.613
And so in order to access this search menu, you can just press command G and we can just type in Codex outline and you can open it without even clicking on it, which is kind of fun.
14:22.613–14:26.274
Here is application that I was working on earlier that goes through all the features.
14:26.274–14:29.307
But we're going to get to more advanced applications in just a second.
14:29.307–14:31.494
First, I want to talk about plugin.
14:31.494–14:35.510
And so yeah, many people get these confused, plugins versus skills.
14:35.520–14:39.483
And I will say the line between plugins and skills is a little blurry.
14:39.483–14:51.263
And so I actually just asked Codex to create a little graphic using my Excalidraw skill that I created and I had it create this image and then I exported it and here it is.
14:51.263–14:54.436
So fun fact, I generated this with my Excalidraw skill.
14:54.436–14:57.073
But let's talk about the difference between skills and plugins.
14:57.073–15:02.144
So skills are basically a reusable workflow package for a specific kind of task.
15:02.144–15:10.550
And so you can think of a skill as a reusable recipe, whereas a plugin is the installable unit that extends Codex with more capabilities.
15:10.560–15:13.656
And so you can see here, if we click on plugins, right?
15:13.656–15:15.155
It's kind of weird, right?
15:15.155–15:19.345
In the Claude app, we can see that they call it the customize tab.
15:19.345–15:22.156
And then here they have skills and connectors.
15:22.156–15:24.182
OpenAI has plugins and skills.
15:24.182–15:27.990
If you use different tools, they have different vocabulary for each one.
15:28.000–15:32.989
So I kind of just clump these together and I personally think them of them as skills.
15:32.989–15:37.282
And so skills are just ways to extend the capability of the model, right?
15:37.282–15:47.618
So if I wanted to say something to Codex and be like, "Hey, check my email and tell me all of the urgent messages that they've sent me today, right?" It couldn't do that right as you downloaded Codex.
15:47.618–15:50.083
You need to give it the skill of email.
15:50.083–15:51.970
And so I've done that already, right?
15:51.970–15:53.200
I've given it the email skill.
15:53.200–15:56.374
Uh one thing that I can give it is my Google Calendar skill.
15:56.374–15:58.007
I haven't done that yet in Codex.
15:58.007–15:59.067
So let me show you this.
15:59.067–16:01.025
So this is actually a plugin, sorry.
16:01.025–16:02.710
Google Calendar plugin.
16:02.720–16:17.301
And so I can give it the plugin and so we can hit install Google Calendar and this will automatically take me to my browser where I can sign in to my email and I can hit continue and we can hit select all, continue.
16:17.301–16:23.110
And now once we get the verification Google Calendar is ready, Google Calendar is now connected.
16:23.120–16:25.466
That means the calendar is now plugged in.
16:25.466–16:32.388
Now, if I go, let's say we go to uh let's go to general agent task because that's what I want to do right now.
16:32.388–16:34.716
And we're just going to press this button right here.
16:34.716–16:41.030
Now we can say, "Please list out the events for this week for me."
16:41.040–16:42.768
And I can press slash.
16:42.768–16:44.791
You actually wouldn't have to do this.
16:44.791–16:46.791
You don't have to type in everything.
16:46.791–16:52.989
The agent is smart enough to just do it and you'll see here that Google Calendar shows up right here.
16:52.989–16:56.043
And so I can say, "Please list out the events for me.
16:56.043–16:59.837
List them out here in the chat." And we can run this.
16:59.837–17:01.052
And look at this.
17:01.052–17:04.551
So all of my events are listed out right here.
17:04.551–17:08.214
So this is my entire calendar listed out right here.
17:08.214–17:15.630
And so I'm going to say, "Please, can you send me a weekly recap in email?
17:15.630–17:18.270
Just email it to myself."
17:18.280–17:29.167
Because I I've set up my Gmail integration and I can hit slash Gmail and um please send me this recap to my email.
17:29.167–17:33.816
And so that's all we're doing is we are sending this to my email.
17:33.816–17:38.233
So it's using the Gmail skill, connected Gmail address and it's going to send me the email.
17:38.233–17:41.475
I found the email address is my email right here.
17:41.475–17:45.045
Sending the recap there with the week and conflict note included.
17:45.045–17:45.886
And so it's done.
17:45.886–17:54.888
It said, "I sent the recap to your email with the subject weekly calendar recap." If I go to my email application, I can see here, check this out.
17:54.888–17:58.128
Here is the email that I got and I use Superhuman for email.
17:58.128–18:03.127
And here it says weekly, it was sent from me and here's this weekly recap.
18:03.127–18:07.210
Now, one thing that we're going to talk about and I'll talk about more about this later is automations.
18:07.210–18:22.744
I can just say, "Please, can you make this task an automation for every Friday at 4:00 p.m. for the previous week?" Okay, look, I'm turning this into a weekly automation, blah blah blah blah blah.
18:22.744–18:26.833
Here it says created weekly calendar recap Fridays at 4:00 p.m.
18:26.833–18:31.978
And so if I click on this right here, I can see this weekly calendar recap.
18:31.978–18:34.622
We can see that the status is active.
18:34.622–18:36.766
The next run is tomorrow at 4:00 p.m.
18:36.766–18:39.146
Right now it's currently Thursday at 4:00 p.m.
18:39.146–18:43.830
And it's never run before, so it doesn't list the last run and that's what we got.
18:43.830–18:49.490
And what you'll notice here, if we actually go up to automations, we now see a one by automations.
18:49.490–18:52.552
We can click on this and here we see the automations.
18:52.552–18:53.216
Look at this.
18:53.216–19:08.830
And you can actually test this automation just by hitting play, which will automatically play it, or we can edit the automation and it is very easy to just edit it and we can add to it and I can say, "Make sure to use the Gmail
19:08.840–19:11.531
skill." If you want to, you actually don't need to do that.
19:11.531–19:12.756
It's basically implied.
19:12.756–19:15.912
And it's that easy to create an automation.
19:15.912–19:22.226
You just ask Codex to create an automation. if you're ever confused about what a plugin can do, just create a new chat.
19:22.226–19:24.630
So what we're going to do is we're going to go to general agent task.
19:24.640–19:35.562
We're going to create a new chat and I'm just going to type in @Figma and this is a plugin and I'm going to say, "Please tell me what actions I can do with this plugin.
19:35.562–19:37.632
I've never used it.
19:37.632–19:46.333
Describe to me what I can do or what you can do, your abilities with this plugin.
19:46.333–19:50.461
List all." So now Figma, we will learn about the Figma plugin.
19:50.461–19:53.384
And here it listed all of the things that it can do.
19:53.384–20:01.822
A very quick side note, you see this carrot here after working for 18 seconds, you can actually click this, and this will show kind of it's thinking behind the scenes.
20:01.822–20:05.520
Figma plugins gives me three broad kinds of abilities.
20:05.520–20:12.389
It can inspect existing Figma files, it can generate new visual artifacts, and connect Figma to your code base.
20:12.389–20:14.296
And so, we can just test this out right now.
20:14.296–20:23.989
So, I have Figma open right here, and I guess I'm just going to create a new design, and let's go ahead and call this cuz I don't see the ability for it to create a new design.
20:23.989–20:33.475
Uh so, I'm going to rename this, and I'm just going to say, I created this new Figma board called Riley new design.
20:33.475–20:40.625
Can you please put hello world on that design to see if that works?
20:40.625–20:43.677
So, now we're going to test out this Figma integration.
20:43.677–20:45.969
And so, look at this, it says, Figma's running locally.
20:45.969–20:50.257
I'm switching to the text tool and placing a simple hello world on the canvas.
20:50.257–20:53.472
And so, now it says, hello world is now on the Riley new design canvas.
20:53.472–20:57.407
Let's go ahead and go over there, and look at this, we have hello world.
20:57.407–21:06.806
And I've been typing a lot in this video, and so, I'm going to show you how I normally interact with AI agents, which is just with my voice using a tool called whisper flow.
21:06.806–21:11.400
And uh that's literally, you can look it up on Google, you can download it, they have a generous free plan.
21:11.400–21:15.198
But, all we have to do is hold the FN key, and I can speak my idea.
21:15.198–21:17.753
So, now I want you to go to Figma.
21:17.753–21:21.380
Actually, I don't want you to ignore the hello world, that was just a test.
21:21.380–21:31.310
Now that I know that it works, I want you to make a mock-up design on Figma for my new shoe company called new shoe, n o o s h o o.
21:31.320–21:35.353
This is a new futuristic shoe, and I want you to create a landing page for it.
21:35.353–21:36.983
So, do that on Figma.
21:36.983–21:43.226
If you need to get an image of this new shoe, generate it using your built-in image generation tool.
21:43.226–21:49.167
And take a look at this, it just generated new shoe, and it generated an image right here in the chat.
21:49.167–21:52.923
As you can see here, and now it says, looked at Codex.
21:52.923–21:58.371
So, it's actually seeing the computer use, is actually checking to see if it generated it.
21:58.371–22:06.224
So, now I'm using Figma, Figma/generate design for Figma landing page workflow, and image gen for the product art.
22:06.224–22:08.470
And so, it generated this without a background.
22:08.480–22:15.508
Notice here, if I were to copy this image, and I were to like open it up, you can see here, it's saved to my clipboard without a background.
22:15.508–22:16.576
This is a pretty cool shoe.
22:16.576–22:29.611
So, I'm not going to lie, this Figma integration is it's pretty much made for you to have a Figma board, and convert the Figma board into code, rather than like telling it to generate code, and then put it onto Figma.
22:29.611–22:37.316
And so, there's actually a tool made specifically for that, which is called paper, which a lot I've talked to a lot of designers, and a lot of designers are switching to this.
22:37.316–22:44.352
But, what this allows you to do is you can create a new file here, and I'm just going to call this Codex test.
22:44.352–22:54.350
And what I'm going to do is I'm just going to press new, I can say slash paper, and I have this skill that I've created previously called paper desk deck style.
22:54.360–22:58.414
Um but, what we can do is we can actually go to plugins, and we can hit manage.
22:58.414–23:03.129
And here we have MCPs, and here we have this paper MCP.
23:03.129–23:13.846
And so, if you are ever using a tool, on their website, they might say like, use the new paper MCP, or use the new Figma MCP, or use the new notion MCP.
23:13.846–23:22.047
You can literally just go to claw Claude code, this works in Claude code or Codex, and say, hey, I want to be able to use this MCP.
23:22.047–23:25.195
Can you please create a skill that wraps this MCP?
23:25.195–23:30.060
And that'll tell it that it can create a skill with that MCP, so that you can use it really easily.
23:30.060–23:45.821
So, what I'm going to do is I can go to this new chat here, and I can hit slash paper, or I can say, use the paper MCP to create a landing page for my new company new shoe.
23:45.821–23:51.164
And remember, we've created those files for new shoe. see if they're in here.
23:51.164–24:06.390
Yep, new shoe hero, and we can type at new shoe PNG, use the one without a background, and create a landing page on the open paper board.
24:06.400–24:10.030
Use the paper tool that we've created.
24:10.040–24:17.175
And since I've already created this, you're going to see, and I In my opinion, this is the best way to get AI to make designs for you.
24:17.175–24:18.110
Check this out.
24:18.120–24:19.669
So, we can open up paper.
24:19.669–24:21.349
Oh, this is really cool as well.
24:21.349–24:34.494
So, if we open up this general tasks here, and we right click on this chat, and we say, open in mini window, we can actually open this chat in a mini window, and we can minimize Codex.
24:34.494–24:39.169
So, now we can have whatever application we want to have open here on the side.
24:39.169–24:41.511
And here it says, okay, the board is empty.
24:41.511–24:44.684
So, I'm going to build a fresh desktop artboard.
24:44.684–24:47.150
I'm checking both the hero files locally.
24:47.160–24:48.692
Okay, design is set.
24:48.692–24:50.070
I'm building this.
24:50.080–24:51.076
Look at this.
24:51.076–24:56.187
So, it'll just generate a landing page design, and we can just have this open.
24:56.187–25:02.695
We have the chat open on the side, and I love this animation when it's when it's editing, and we'll just let it cook.
25:02.695–25:08.985
Okay, you see here, it created this top board or top bar, technology performance launch.
25:08.985–25:13.092
You can see Oh, move like the roads has been written.
25:13.092–25:14.766
New shoe blends featherweight written.
25:14.766–25:17.692
New shoe blends featherweight knit All right, so, these buttons are a little overlapping.
25:17.692–25:19.270
Remember, the AI might fix this.
25:19.270–25:22.625
It might just realize it messes up, and then it'll actually just fix this.
25:22.625–25:26.070
Oh, this is a great opportunity to talk about a new feature.
25:26.080–25:40.110
So, one thing that a lot of AI tools have is message queuing, which basically, like, if I were to type a prompt while it's working right now, and say like, please fix it, on a lot of AI tools, what it'll do is it'll wait for
25:40.120–25:43.372
the AI to be done before entering the prompt.
25:43.372–25:48.863
But, Codex has steering built in, like steer like like your steering wheel.
25:48.863–25:56.547
And what you can do is is I can paste that screenshot, and just say, oh, by the way, there's some overlap here, you might want to fix this while you're working.
25:56.547–26:04.037
And so, when you press enter, by default, it'll be queued up, but if you click steer, it'll actually enter it while it's working.
26:04.037–26:08.776
So, you don't even have to wait for it to be done, you can kind of steer it while you work.
26:08.776–26:15.585
And so, you can see here, once it's done with its latest activity or tool call, your prompt gets entered.
26:15.585–26:20.253
And so, now, in the middle of your conversation, it says that I saw the overlap.
26:20.253–26:28.810
I'd already started moving the CTA and stats down, but I'm rechecking the hero and adjusting the copy, and it'll hopefully make the fix on this specific run.
26:28.810–26:29.639
And look at this.
26:29.639–26:32.536
So, it's already starting to fix it, and here we go.
26:32.536–26:37.316
And I could say something like, create four more variations.
26:37.316–26:42.202
I want you to make slight modifications on each.
26:42.202–26:55.790
I'm not going to go through this whole process, but the point I'm trying to make here is paper is a software tool that was designed specifically to connect to your AI agents, like Codex, like Claude code, and there will be way more tools just
26:55.800–26:56.243
like this.
26:56.243–27:07.394
I think there's a massive opportunity to create tools that connect to other agents that people already use, and you can see here, Figma has a really bad integration, in my opinion, compared to paper.
27:07.394–27:09.112
Paper's just way more fun.
27:09.112–27:16.669
And look at this, it just created this new variation, and it is going to copy over everything, and that's how easy it is.
27:16.679–27:18.787
You just get AI to create multiple variations.
27:18.787–27:21.830
Look at this, number two, number three, and number four, right?
27:21.840–27:23.803
Making them with different background colors.
27:23.803–27:32.379
It's working on them in parallel, and this tool, paper, was made specifically to be an integration into your existing tools.
27:32.379–27:34.920
And this is going to be a massive trend going forward.
27:34.920–27:38.475
And so, plugins are kind of pre-made for you a lot of the time.
27:38.475–27:43.747
They're just built into Codex, and this list is going to get a thousand times bigger.
27:43.747–27:50.893
This tool is going to become so popular that every software platform in the world is going to be begging OpenAI to create an official plugin for them.
27:50.893–27:52.934
So, you show up at the top of the list.
27:52.934–28:04.870
The value of showing up at the top of this list for like GitHub, linear, all of these tools, even showing up at this part right here, like neon Postgres, like this is so valuable to show up here on this list.
28:04.880–28:07.803
And so, there's going to be more and more of these integrations.
28:07.803–28:10.601
But, it's important to realize how to create your own skill.
28:10.601–28:13.219
So, let's go ahead and create our own skill.
28:13.219–28:28.110
So, if we go to our general agent tasks, we open up a new task, one of the things that I was constantly doing over and over again was going to YouTube, and I would go to this site called like YouTube transcript extractor, and I wanted a way to very
28:28.120–28:30.878
easily like pull a transcript from a video.
28:30.878–28:40.810
And then I wanted to be able to do it for all of the videos of a given channel, or or I wanted to be able to search YouTube and pull the transcripts from a certain search term.
28:40.810–28:42.839
And so, I I looked it up.
28:42.839–28:47.275
I said, hey, I want to be able to use an API.
28:47.275–28:58.203
And so, an API, for those of you who are untechnical, you can think of this as just like a way to use code to access certain information from other people's software.
28:58.203–29:02.822
And so, when you're vibe coding, a lot of you guys who follow me, uh have vibe coded before.
29:02.822–29:11.236
And if you wanted to add an AI chat to an application, you needed the OpenAI API, which you also needed an OpenAI API key.
29:11.236–29:17.495
And this would basically grant you access to add the OpenAI technology into your app.
29:17.495–29:19.526
And so, this is what I'll do all the time.
29:19.526–29:25.651
Like, if I'm if I'm running into an annoying process that I'm doing over and over again, I'll just look up and see if there's an API for it.
29:25.651–29:30.872
So, it's like, I want to be able to use an API to pull YouTube transcripts.
29:30.872–29:34.315
Can you suggest the top five for me?
29:34.315–29:39.471
And look at this, it just created a list of different ones that we can use.
29:39.471–29:46.304
Here the top five, super data, transcript API, youtube transcript.io, and scrape creators.
29:46.304–29:51.023
So, I'm going to go ahead, and I'm going to check out Super Data and I have used this before.
29:51.023–29:56.840
What we can do is we can sign in and once you sign in and put in your credit card, you can get an API key.
29:56.840–29:58.930
I think I might even be on the free plan.
29:58.930–30:02.612
And so, I get a certain amount of transcripts per month.
30:02.612–30:05.070
I think you get 100 free per month.
30:05.070–30:07.696
So, I'm not on my personal Super Data account.
30:07.696–30:09.322
I don't think I'm using that many of them.
30:09.322–30:27.350
So, I can copy this API key and we can go back to Codex and say, "Okay, please can you create a skill that allows me to ask you to summarize the latest 10 videos from a certain YouTube channel and you can always use this API to just immediately
30:27.360–30:27.769
pull them.
30:27.769–30:33.781
So, you can go to their YouTube channel, you can search their YouTube channel, get their latest five videos and pull the transcripts and then summarize them.
30:33.781–30:45.390
I want you to create a skill, so you're going to need to look and research how to use Super Data and figure out how to use it well and quickly and create a skill so that I can always ask you for this information.
30:45.400–30:47.032
Here is my API key.
30:47.032–30:49.242
I'm going to include my API key.
30:49.242–30:50.673
I'm going to paste it at the end.
30:50.673–30:52.310
I don't want to show it on camera.
30:52.320–30:58.940
But one thing before I want to do that is you can type in skill creator and this will indicate that it should use the skill creator.
30:58.940–31:04.237
It'll help it understand what it needs to do and this skill makes it really good at creating skills.
31:04.237–31:06.009
And so, here is the key.
31:06.009–31:08.156
I'm going to paste it, but I'm going to do it off camera.
31:08.156–31:09.812
Okay, so I entered my prompt.
31:09.812–31:10.910
It's now running.
31:10.910–31:18.216
I'm just have this covering up my key and it's going to use the skill creator and it is going to create the skill.
31:18.216–31:25.897
And then once your Codex is done working and it's created the skill, again, you go to plugins, you click on skills and you'll see it right here.
31:25.897–31:28.557
And so, it created the skill called YouTube Researcher.
31:28.557–31:32.052
And so, in order to use a skill, you actually need to create a new session.
31:32.052–31:34.750
So, this is the session that we created the skill in.
31:34.760–31:41.632
Once we're done, right, we can just hit this new chat button and we can just type in YouTube Researcher.
31:41.632–31:59.910
And so, please can you look at Riley Brown latest 10 YouTube videos, pull the transcripts and summarize them in a document and please I want you to inform me which of these videos did well and
31:59.920–32:05.595
which of these videos did not do as well and this should be kind of an analysis of what people are interested in.
32:05.595–32:08.798
That's what I want you to look in and then also do a hook analysis.
32:08.798–32:15.584
So, based on like the intro of my video, I want you to say which intros did well, which intros did not do well.
32:15.584–32:19.550
And in this report, I want the YouTube thumbnails in there as well.
32:19.560–32:23.335
So, Super Data can also pull the YouTube thumbnail, which is really cool.
32:23.335–32:27.239
Okay, so it is done and you can see here we see this report.
32:27.239–32:31.310
If I click open, we now have this Riley Brown YouTube report.
32:31.320–32:32.309
And look at this.
32:32.309–32:37.624
So, this is using this skill right here, which is the {slash} docs word docs skill.
32:37.624–32:46.081
This is I think this comes built into Codex and it looked at all the full transcripts and here at the bottom we see the hook winners.
32:46.081–32:49.476
So, Claude is taking over, big market shift, high urgency.
32:49.476–32:50.981
These intros did best.
32:50.981–32:57.805
Claude code leak, open Claude Blender skills, Claude code can design now, why specialized agents are superior.
32:57.805–32:58.745
That's pretty good.
32:58.745–33:02.721
The hooks that didn't do well is build a sync web app and mobile app in 16 minutes.
33:02.721–33:04.460
That video did not do as well.
33:04.460–33:06.788
The 35 fundamentals you need to vibe code your first app.
33:06.788–33:08.858
So, it looks like vibe coding did not do as well.
33:08.858–33:13.630
Building a mobile app with open AI Codex and seven open Claude skills that can 10x your output.
33:13.640–33:14.536
Very interesting.
33:14.536–33:17.279
And so, it even told me what to double down on.
33:17.279–33:18.641
So, this is pretty cool.
33:18.641–33:22.168
So, it took all of that YouTube data and turned it into a document.
33:22.168–33:31.292
I'm going to say, "Okay, on the last day of every month, I want you to do this for the videos for that month.
33:31.292–33:50.070
Can you create this automation that uses the {slash} YouTube Researcher skill and the {slash} word doc to create a report just like this for the videos
33:50.080–33:51.575
for that month.
33:51.575–34:01.845
Make it slightly more brief and in the table, make them ordered by view count." And so, now we're running this.
34:01.845–34:04.856
We can exit full screen mode and that's exactly what we're going to do here.
34:04.856–34:15.897
So, what we did here is we basically created a YouTube Researcher skill and this required an external API and we just did research on Codex to find the Super Data API.
34:15.897–34:19.790
And then what we did is we got an API key.
34:19.800–34:31.461
We gave this API key to Codex and we said create a skill with the Super Data API, use this key and then this created this skill.
34:31.461–34:34.939
So, this process created this skill and then we said to use it.
34:34.939–34:42.337
I said use the Super Data API to look up my YouTube, pull all my latest transcripts and then create a doc, right?
34:42.337–34:45.869
And so, we created a doc and then we kind of paired these together, right?
34:45.879–34:48.637
We used these in tandem with one another.
34:48.637–34:51.407
We used this and we created this automation, right?
34:51.407–34:53.272
So, we created an automation.
34:53.272–35:01.659
We said every single end of the month, at the end of every single month, I want you to create a report that searches YouTube and prepares it in a word doc and send it to me.
35:01.659–35:03.239
And that's exactly what we did.
35:03.239–35:06.030
And so, if we go back to Codex, let's see if it's done.
35:06.040–35:06.852
Yes, it's done.
35:06.852–35:10.045
And you see here it says created monthly YouTube report.
35:10.045–35:13.661
So, I can click on this and here, okay, I didn't realize this.
35:13.661–35:17.101
You can reference skills in the monthly report.
35:17.101–35:18.799
So, that's useful to know.
35:18.799–35:21.977
And you'll notice here in the automations tab, we now have a two.
35:21.977–35:27.320
So, we have two automations that are set up, a monthly YouTube report and a weekly calendar recap.
35:27.320–35:30.229
Okay, so we've covered a lot here in part one.
35:30.229–35:35.070
We've talked about a lot of the basics, how the app works, how to create skills.
35:35.080–35:37.270
We've talked about plugins, automations.
35:37.280–35:41.263
We've created a couple and we're kind of moving slowly through this process.
35:41.263–35:47.181
In part two, we're going to be doing a role play and we're going to be creating six different things at once.
35:47.181–35:53.428
And what I really want to show in this section is A, how to do like we're actually going to create a web app, we're going to create a mobile app.
35:53.428–35:58.939
So, we're going to learn about vibe coding in this process, but I also want to focus on multitasking.
35:58.939–36:03.915
As I said earlier in the video, these agents are taking longer and longer to complete tasks.
36:03.915–36:17.761
So, if you want to be efficient in this new AI world, you need to learn how to set like send instructions to an agent, trust the agent to do really good work and then move to a new agent chat so that you can start working on something else.
36:17.761–36:31.950
And all of the best engineers and the best operators who use AI are very effective multitaskers and they're able to like just focus on one agent chat, put all of your effort into a prompt and then once you press enter to just check out of
36:31.960–36:33.633
that task and move to a new one.
36:33.633–36:36.834
So, it's not even like multitasking, you're like serial tasking.
36:36.834–36:40.029
Each prompt that you type in is the task.
36:40.029–36:43.991
And so, we're going to create six different things in this role play.
36:43.991–36:50.221
So, in this role play, my name is Riley Brown, which is my actual name, but I want to create an iOS app.
36:50.221–36:54.874
So, my main priority is to create an iOS app, but creating the app isn't enough, right?
36:54.874–37:00.037
We actually have to do some marketing and so, that's why I'm going to be creating some X post automations.
37:00.037–37:02.050
We also need a high quality launch video.
37:02.050–37:03.419
We're going to do a launch video.
37:03.419–37:04.779
I want to raise a little bit of money.
37:04.779–37:06.300
I want to raise a million bucks for this app.
37:06.300–37:08.130
So, we're going to create an investor deck.
37:08.130–37:13.294
We're also going to release this launch video before this app is out, right?
37:13.294–37:24.239
So, we want to go launch video then iOS app, which means that we need to create some sort of website or landing page that we can allow people to sign up for a wait list.
37:24.239–37:25.770
You want to be able to collect data.
37:25.770–37:32.731
And before we create our iOS app, we are going to create an iOS app design and that's what we're kind of do.
37:32.731–37:35.017
So, we're going to kind of move through these together.
37:35.017–37:49.286
You know, we're not going to work on all six at once, but we're going to be working on many things at once the whole time until we create a system around this app that could be a fully operating business and we're going to create some automations as well.
37:49.286–37:54.751
So, in order to get started, what I'm going to do is I'm going to go to Codex and we're going to create a new project.
37:54.751–37:57.239
So, this new project, we're going to go into Riley Brown.
37:57.239–37:58.873
We're going to go into Codex projects.
37:58.873–38:04.990
Actually, we're going to create a whole new folder here and I'm just going to call this my new business.
38:05.000–38:08.387
And what I'm going to do is I'm just going to open up this folder and I'm going to hit new chat.
38:08.387–38:10.875
I'm going to say, "I have a plan.
38:10.875–38:20.430
Create a markdown file of my plan." Then what I'm going to do is I'm going to go to this little thing here and just going to take a screenshot this.
38:20.440–38:21.286
Put this image.
38:21.286–38:26.542
I'm creating a mobile app right now and a landing page as well as some other assets.
38:26.542–38:28.108
I want to create a design for this.
38:28.108–38:31.506
I just want you to outline what I've put in this in a simple markdown file.
38:31.506–38:35.377
Whatever you see here, I'm also going to make a launch video with a remotion skill.
38:35.377–38:37.271
I'm going to make What else am I doing?
38:37.271–38:38.209
Oh, an investor deck.
38:38.209–38:39.967
I also want to make an investor deck.
38:39.967–38:45.990
So, please just make a simple bulleted list that I can check off as I go along of all of these items.
38:46.000–38:47.225
So, there should be six.
38:47.225–38:49.338
Each one of the ones that are listed here.
38:49.338–38:51.809
And then please at the top put my app idea.
38:51.809–38:54.808
So, my app idea is as follows and I put a little info here.
38:54.808–38:56.434
The app is going to be called Chorus.
38:56.434–38:59.870
It's going to be a place where people can learn about AI agents.
38:59.880–39:01.890
People can learn about the best agent platforms.
39:01.890–39:04.263
People can learn about how agents work.
39:04.263–39:04.672
Oops.
39:04.672–39:06.310
We can stop it here.
39:06.320–39:09.597
People People can also learn about the best skills.
39:09.597–39:15.991
So, that's going to be a skills library that I'm going to curate that people can copy and paste into any agent and it will just work.
39:15.991–39:18.581
So, basically just put this in a very simple one-pager doc.
39:18.581–39:19.694
Don't add anything.
39:19.694–39:23.447
So, we're kind of just creating a plan here in this my new business.
39:23.447–39:38.470
Now, while that's going to run, what I'm going to do is I'm going to create a new chat and I'm going to say, "I want to use the {slash} mobile design skill." Now, this mobile design skill is a custom skill that I made and I actually extracted it
39:38.480–39:40.942
from Anthropic's new design tool.
39:40.942–39:48.870
So, if you go to Claude.ai/design, they just released a new design tool that's like supposed to be like Figma.
39:48.880–39:52.453
And all I did, I had it create a mobile app design.
39:52.453–39:55.061
As you can see here, there's this like design.
39:55.061–39:58.177
And I want to be able to use a skill just like this.
39:58.177–40:05.697
So, then I just asked the agent, I said, "Hey, can you tell me exactly how this design app worked?" And it just literally worked for me.
40:05.697–40:07.885
Like I it just outputted everything.
40:07.885–40:10.961
So, I just copied all of these documents here.
40:10.961–40:15.838
And then I copied the files that this new Claude design skill gives you.
40:15.838–40:17.410
And then I gave it to Codex.
40:17.410–40:19.679
And I literally said the following here.
40:19.679–40:21.086
I literally said this.
40:21.086–40:23.323
I said, "I want you to create a mobile design skill.
40:23.323–40:24.522
This is how Claude does it.
40:24.522–40:30.413
I want you to mimic this." And then I just pasted literally everything it gave me here with all of the files.
40:30.413–40:32.380
And it just created this mobile design skill.
40:32.380–40:33.630
And it works really well.
40:33.630–40:34.227
I'll show you.
40:34.227–40:35.387
So, we can go back to this.
40:35.387–40:37.070
I want you to use a mobile design skill.
40:37.080–40:47.469
And I want you to create the screens for this app in very basic Apple style design.
40:47.469–40:51.742
We will add some flare in a little bit.
40:51.742–40:57.049
I just want to get all the screens functionally correct.
40:57.049–41:01.682
And so, what I'm going to do here is I'm going to go ahead and run this.
41:01.682–41:04.425
I'm going to go back to this Chorus app plan.
41:04.425–41:06.236
We can open this here in the side view.
41:06.236–41:09.510
So, you can see here we have this right here.
41:09.520–41:11.316
So, this app is going to be called Chorus.
41:11.316–41:12.731
So, I can just copy this.
41:12.731–41:15.199
And we can just paste this app idea.
41:15.199–41:17.710
And now we're creating the mobile app design.
41:17.720–41:21.550
And so, what we need to do is we're going to create the design first.
41:21.560–41:23.372
Then we're going to create an iPhone app.
41:23.372–41:28.277
We're going to create a web app, investor deck, launch video, and expose automation.
41:28.277–41:29.894
So, we're working on this right now.
41:29.894–41:35.290
And by the way, I will post the mobile app design skill on the actual app that we're creating.
41:35.290–41:36.747
I'm going to put this on TestFlight.
41:36.747–41:39.460
And I'll put I'll put it on a website somewhere below the video.
41:39.460–41:41.705
So, you'll be able to get this mobile app design skill.
41:41.705–41:46.887
You'll be able to just copy the link and paste it into Codex and use the skill for 100% for free.
41:46.887–41:52.219
And okay, so while these screens are loading, we can actually get our mobile app set up.
41:52.219–41:58.174
And so, I'm going to go through this process relatively slowly so that you can understand how to build an iOS app with Codex.
41:58.174–42:03.630
So, I'm going to say, "I want you to create a new project called Chorus.
42:03.640–42:05.870
This is going to be a Swift mobile app.
42:05.880–42:09.295
And what I want you to do right now is just make it say, 'Hello world.
42:09.295–42:11.910
This is Chorus.' In simple text in the middle.
42:11.920–42:14.421
Basically, what we're doing is we're just getting our project set up.
42:14.421–42:15.832
We're not going to do anything else.
42:15.832–42:25.580
Just put this text on a mobile app and open the Xcode project when you're done so that I can run it from Xcode." And so, we're going to run this.
42:25.580–42:28.883
In order to use this, you're going to need two things.
42:28.883–42:30.990
And you can search on Codex how to do this.
42:31.000–42:32.540
You're going to need Xcode.
42:32.540–42:33.810
And I will pull it up here.
42:33.810–42:40.703
If you just type in download Xcode, this is Apple's This is Apple's developer platform.
42:40.703–42:43.518
And Codex can actually connect to Xcode.
42:43.518–42:52.145
And once you download this, you're also going to need to download iOS simulator if you want to run it on a little device on your phone.
42:52.145–42:54.885
So, that's Those are the two things that I have downloaded.
42:54.885–42:57.458
And you're going to need the iOS simulator for this.
42:57.458–43:00.029
And you can figure out how to download this.
43:00.029–43:00.739
Just ask AI.
43:00.739–43:02.379
You do need a Mac for this.
43:02.379–43:07.872
And you will probably need like 20 GB of spare storage on your computer.
43:07.872–43:10.352
So, the Chorus screens are still being built.
43:10.352–43:13.014
But the create Chorus hello app is done.
43:13.014–43:16.894
And so, it actually opened up Xcode on my computer.
43:16.894–43:20.870
Now, what I'm going to do is I'm going to change this to one of the simulators.
43:20.880–43:23.577
We're going to use an iPhone 17.
43:23.577–43:26.190
And we're going to hit this play button.
43:26.200–43:27.771
This should open a simulator.
43:27.771–43:28.356
Here it is.
43:28.356–43:31.288
And here is the app that we're going to be working on.
43:31.288–43:33.309
So, I'm going to move this right here.
43:33.309–43:37.837
Here is going to be the mobile app that we are working on.
43:37.837–43:39.675
And this is really cool.
43:39.675–43:41.918
And as you can see here, "Hello.
43:41.918–43:43.882
This is Chorus." This is the app.
43:43.882–43:45.269
It is completely white.
43:45.269–43:47.430
Just have this black text here in the middle.
43:47.440–43:48.914
There's no app functionality.
43:48.914–43:50.544
We just now have the project open.
43:50.544–43:52.008
And now we can talk to Codex.
43:52.008–43:54.498
And we can actually edit this app however we want.
43:54.498–43:56.293
We can build any features we want.
43:56.293–43:59.148
Literally any features simply by five coding.
43:59.148–44:01.723
And you'll see we'll add some more features later.
44:01.723–44:06.710
Now, here is an app where we see that the build Chorus screens is done.
44:06.720–44:07.933
We can click on this.
44:07.933–44:11.136
Okay, so I actually just went to have lunch for about 25 minutes.
44:11.136–44:12.314
And we're back.
44:12.314–44:13.639
And all my agents are done.
44:13.639–44:15.939
So, obviously we have the Xcode project set up.
44:15.939–44:18.294
And here we have the build Chorus screens.
44:18.294–44:20.987
So, now that it's done and it gave us this prototype link.
44:20.987–44:23.100
So, my skill gives you a prototype link.
44:23.100–44:24.349
And take a look at that.
44:24.359–44:25.654
So, we have this app screen.
44:25.654–44:26.552
It's very basic.
44:26.552–44:28.990
But we can switch screens here.
44:29.000–44:30.015
We can switch tabs.
44:30.015–44:31.904
So, we have this like learn tab.
44:31.904–44:34.514
And maybe you can do like agents 101.
44:34.514–44:37.452
I think this is actually a decent start.
44:37.452–44:38.734
I like the hierarchy.
44:38.734–44:41.166
So, like the learn the different platforms.
44:41.166–44:45.980
This is like a good We can organize this or actually create real categories later.
44:45.980–44:48.959
But this is ultimately what I want the app to look like.
44:48.959–44:50.105
And saved is good.
44:50.105–44:54.535
It separates the learning and the platforms and the skills here.
44:54.535–44:56.955
As you can see here, we have multiple save.
44:56.955–44:58.110
I like this design.
44:58.120–45:03.850
So, if we go to this Chorus app, and what we can do is we can say, "Please integrate." And you can actually go up here.
45:03.850–45:08.305
And what you can do is you can actually click on this toggle files.
45:08.305–45:10.321
So, here we have the output.
45:10.321–45:11.574
Oh, this is cool.
45:11.574–45:15.525
Yeah, so now we can see we have this mobile design.
45:15.525–45:25.510
So, we can just say, "Please integrate the screens in the my new business folder in the mobile app.
45:25.520–45:30.726
And just make this app have all of these screens.
45:30.726–45:40.874
We will populate it with real data later and build out the experience and polish the design.
45:40.874–45:46.069
So, implement it now." So, we've created these screens right here.
45:46.069–45:48.173
And this just give us kind of a like a nice little outline.
45:48.173–45:50.470
I like, "Okay, we can make some edits to this."
45:50.480–45:52.256
But I think this is good enough to just implement.
45:52.256–45:53.808
And so, we can go to our plan.
45:53.808–45:58.807
And we can say, "Okay, mark the iPhone iPhone app as done.
45:58.807–46:03.885
And then make the building the iPhone app as working in the works.
46:03.885–46:09.630
And then also put web app and landing page in the works." Because now we need to create a landing page.
46:09.640–46:11.159
Okay, so that just sent through.
46:11.159–46:12.853
Now, what we can do is we're going to create a new chat.
46:12.853–46:24.421
And we're going to say, "I want to create a very basic web app landing page that can collect data from interested users for our app.
46:24.421–46:26.112
I just want to create the shell.
46:26.112–46:29.832
And basically just have a page with a title that says Chorus app.
46:29.832–46:37.710
And then I want a field that users can fill out in order to put in their email and and their information."
46:37.720–46:39.799
Except we're going to use an external tool for this.
46:39.799–46:42.346
And so, what I'm going to do is I'm going to go to Arc.
46:42.346–46:44.939
And what I'm going to do is I'm going to go to tally.so.
46:44.939–46:48.734
So, Tally is a tool that I use to collect form submissions.
46:48.734–46:51.441
So, here are all the form submissions that I've created in the past.
46:51.441–46:53.585
Here's a brand new form that we're going to create.
46:53.585–46:56.846
And so, I'm just going to say I'm going to say waitlist Chorus.
46:56.846–46:58.939
And we're going to use a template.
46:58.939–47:00.590
Let's just use a template.
47:00.600–47:02.838
And we can just do this right here.
47:02.838–47:05.505
And we can do last name, first name, email address.
47:05.505–47:08.150
Yeah, let's use this template.
47:08.160–47:09.263
And we'll keep this really basic.
47:09.263–47:11.804
We'll just say sign up for Chorus.
47:11.804–47:13.352
We can always edit this later.
47:13.352–47:14.652
But I think this is good.
47:14.652–47:17.114
How do we Yeah, I think this is good.
47:17.114–47:19.353
Let's How do we make this not Okay, there we go.
47:19.353–47:19.596
Done.
47:19.596–47:21.530
Your registration is complete.
47:21.530–47:23.975
We will reach out in a few days.
47:23.975–47:25.510
Okay, that's good.
47:25.520–47:28.757
So, now what we're going to do is we're going to publish this registration template.
47:28.757–47:32.456
Now, we're going to go to I believe it is share.
47:32.456–47:36.266
And we can do this standard embed right here.
47:36.266–47:39.140
And so, we can click embed the code link.
47:39.140–47:40.636
And so, we can copy this code.
47:40.636–47:44.510
As you can see here, it's saved to my clipboard.
47:44.520–47:46.132
Or we can say get the code.
47:46.132–47:49.056
Yeah, I think we can just copy all of this.
47:49.056–47:50.939
And we can go back to Codex.
47:50.939–47:52.769
I am using we can go back to Codex.
47:52.769–47:53.710
I am using tally.so.
47:53.720–47:57.536
Can you please put this form in the site?
47:57.536–48:00.491
We will design it after.
48:00.491–48:01.230
Right?
48:01.240–48:05.601
Because right now, we are using Tally to collect people's email addresses.
48:05.601–48:05.950
Right?
48:05.960–48:08.688
So, then we can reach out to them once we actually launch the app.
48:08.688–48:11.757
So, like right after this video, in theory, I could put this up on the internet.
48:11.757–48:13.430
And I'll show you exactly how to do that.
48:13.440–48:19.130
And we're creating just a website that embeds this code, which allows people to type that in.
48:19.130–48:22.270
Then we're going to design out the rest of the website.
48:22.270–48:25.447
And here, we actually have this app is done.
48:25.447–48:30.112
Oh, and by the way, for this Tally app, I said make this a React app and run it locally.
48:30.112–48:32.886
React is just like a good framework for design.
48:32.886–48:35.339
I actually really don't even know what it is.
48:35.339–48:38.808
I just know that every app I've created has been a React app.
48:38.808–48:40.365
And here we can see that it's done.
48:40.365–48:43.907
So, if we click on this, it should open up the app here on the side.
48:43.907–48:45.296
Let's see if this works.
48:45.296–48:45.966
Okay, wait.
48:45.966–48:48.769
While this finishes up, what we can do is we can go to Xcode.
48:48.769–48:50.345
This does appear that it is done.
48:50.345–48:52.943
And we can run this again on the simulator.
48:52.943–48:54.990
And here it succeeded.
48:55.000–48:58.292
And here we have the app running on Swift.
48:58.292–49:01.736
Learn, platform, skills, and saved.
49:01.736–49:05.054
So, this is indeed a Swift application.
49:05.054–49:06.682
And we have these pages.
49:06.682–49:09.310
I wonder, do we want these fixed at the top?
49:09.310–49:12.006
We will need to make some decisions here.
49:12.006–49:12.592
Oh, okay.
49:12.592–49:14.303
So, this is running locally.
49:14.303–49:16.851
This just opened up in my computer right here.
49:16.851–49:19.337
We can see that this is working really well.
49:19.337–49:20.764
And so, I like this style.
49:20.764–49:24.209
For whatever reason, Codex likes to use this style by default.
49:24.209–49:27.550
I'm going to have it use a style that looks a lot more like this.
49:27.560–49:29.021
We're going to keep it very basic.
49:29.021–49:32.352
And okay, so what I want to do is I'm going to go to this Chorus mobile app.
49:32.352–49:32.710
Right?
49:32.720–49:34.405
Cuz here we're working on the Chorus app.
49:34.405–49:38.123
And again, And can rename these chats to keep them more organized.
49:38.123–49:39.650
So, in fact, I'm going to show you.
49:39.650–49:43.478
You can just right-click and I'm just going to say mobile mobile app.
49:43.478–49:46.556
We can rename this to web app.
49:46.556–49:50.300
We can create Chorus project plan.
49:50.300–49:53.450
Um yeah, we can rename this to plan.
49:53.450–49:58.852
And we can even pin the plan to the top right now, build Chorus screens.
49:58.852–50:01.718
And so, we can rename this screen design.
50:01.718–50:05.180
So, that way we can stay fully organized while we work.
50:05.180–50:07.033
Hi, I want to make some changes.
50:07.033–50:12.605
So, firstly, the name of each page, like for instance, learn, that should be pinned to the top.
50:12.605–50:14.925
And when I scroll, that should not scroll down.
50:14.925–50:16.593
And so, that should be pinned to the top.
50:16.593–50:21.470
Right now, when I scroll, the title of the app goes down with it and it's just looks janky.
50:21.480–50:26.815
And then, as I scroll up, the the tags at the top, those should scroll.
50:26.815–50:32.006
And every And as items go beneath the top bar, I want it to kind of fade out.
50:32.006–50:34.310
And this should be consistent on every page.
50:34.320–50:37.630
Right now, when I scroll down on platforms, it'll just look a lot better.
50:37.640–50:44.334
And then, also, the bottom little bar thing that has the four tabs, I really like the design.
50:44.334–50:45.110
Keep it everything.
50:45.120–50:46.570
Just move it down a little bit.
50:46.570–50:51.043
And then, have as you scroll down, have the items fade out.
50:51.043–50:56.260
So, the list, as I scroll down, should not appear to be beneath the bottom bar.
50:56.260–50:59.602
It should fade out as it gets like halfway through the bar.
50:59.602–51:05.442
I've seen a lot of apps have this design or like right as it reaches the bar, it should just like have this light little fade out.
51:05.442–51:08.348
Similar to the how you're going to do the top, as well.
51:08.348–51:10.254
And yeah, we're going to run it.
51:10.254–51:18.368
Okay, so once your mobile app agent is done building, every single time you actually need to hit play and this actually rebuilds the app on the device.
51:18.368–51:19.492
So, now we want to test it.
51:19.492–51:20.438
Let's see how this looks.
51:20.438–51:22.727
We have this nice blur here at the bottom.
51:22.727–51:24.636
We have a blur here at the top.
51:24.636–51:25.532
Look at this.
51:25.532–51:26.910
This is pretty cool.
51:26.920–51:28.046
We can switch platforms.
51:28.046–51:31.605
And we're going to replace this with all the different platforms up here.
51:31.605–51:33.688
This is going to be pretty cool.
51:33.688–51:36.646
This is looking really good, actually.
51:36.646–51:38.796
I'm actually enjoying good, actually.
51:38.796–51:39.510
I'm actually enjoying this.
51:39.520–51:40.528
Um research, build.
51:40.528–51:44.838
Here are going to be the skills for different avatars.
51:44.838–51:46.626
Ooh, this is nice, actually.
51:46.626–51:49.390
And then, saved, we can save them.
51:49.400–51:51.134
And that's pretty cool.
51:51.134–51:53.352
These actually do get saved.
51:53.352–51:55.390
This is very very cool.
51:55.400–51:56.980
Okay, so we're working on this app.
51:56.980–51:57.943
It looks pretty good.
51:57.943–51:59.823
We need to figure out a database, right?
51:59.823–52:02.723
We want to figure out how users are going to be able to sign in.
52:02.723–52:04.619
Actually, we don't even need to worry about that.
52:04.619–52:08.576
It's like, how do I update this with the right app icons, etc., etc.?
52:08.576–52:10.586
And ideally, how do I do it from here?
52:10.586–52:12.110
So, we can just ask Codex.
52:12.120–52:13.728
So, I'm just going to ask it a long prompt here.
52:13.728–52:22.910
What I want to be able to do is I want to be able to update the app so that the different platforms and the platform types are kind of stored in a database.
52:22.910–52:30.214
And I'm thinking, what is the easiest way to like store this information in this app so that I can have you edit it with AI?
52:30.214–52:38.257
Like I could just ask you right now to uh edit things or add things to this app that's secure, so users won't be able to edit it.
52:38.257–52:40.945
And um like what database should we use?
52:40.945–52:51.750
And yeah, I want to be able to just like add a ton of things to this, give you documents so you can add it so that it stays organized and over time it could scale up to like thousands of skills in theory in in a couple years or
52:51.760–52:52.330
something.
52:52.330–52:54.645
And uh we're going to allow users to sign in.
52:54.645–53:06.710
So, what would be the best database system to set up so that you can use like I could just ask you to add things to this app and we could just create it basically with AI that would work with with Clerk, which is what we
53:06.720–53:08.001
use for my company right now.
53:08.001–53:10.776
And so, this is just another thing to learn when using agents, right?
53:10.776–53:12.990
If you don't know what to do, you can just ask it, right?
53:13.000–53:16.761
It'll tell you the options and you just need to say, "Okay, let's do it.
53:16.761–53:17.334
Let's solve it.
53:17.334–53:28.784
Let's try and figure this out." Okay, while that's working, let's go ahead and um please generate 10 possible app icons for our app here.
53:28.784–53:36.718
And so, I'm going to just screenshot it so it knows which app we're talking about, cuz it is located in the folder we're working working on the app.
53:36.718–53:41.378
Now, I want 10 icons, no background, that fits this same style of this app.
53:41.378–53:45.190
Ideally, something close to like the those icons at the top row.
53:45.200–53:48.065
Generate 10 images, all without a background.
53:48.065–53:51.272
I want 10 options for app icons to choose from.
53:51.272–53:52.733
These are iOS app icons.
53:52.733–53:58.815
And as I said earlier, the Codex app actually has the built-in ability to use image generation.
53:58.815–54:03.750
So, it will actually decide what prompts to use and it'll generate 10 images.
54:03.760–54:08.629
Another thing that I want to do is I want to begin thinking about our launch video.
54:08.629–54:14.624
And so, if we go to plugins and we type in Remotion, we see that there's this Remotion plugin.
54:14.624–54:17.750
This is how you can create motion graphics from prompts.
54:17.760–54:18.687
We're going to use this.
54:18.687–54:19.763
I've already installed it.
54:19.763–54:21.802
Um you see here it says remove from Codex.
54:21.802–54:24.310
If you haven't installed it, you'll see add to Codex.
54:24.320–54:27.522
And then, you can basically give it full access to do its thing.
54:27.522–54:42.950
So, if we come back here and we can say, "For the mobile app that we are working on right now that is the best place for people to learn about agents and download skills and save things and learn about agents and may and become better and more
54:42.960–54:46.710
productive and make more money with AI agents, I want to create a launch video.
54:46.720–54:49.722
So, please just come up with a list of considerations for this.
54:49.722–54:51.325
Like, what should we consider?
54:51.325–54:56.750
Let's plan out the video where we are going to be using the And remember, you can type {slash}.
54:56.760–55:00.664
Actually, when it's a plugin, you go at Remotion skill.
55:00.664–55:02.191
Don't make the video yet.
55:02.191–55:07.182
I just want you to think about the scale and think about the considerations that I should consider when making this video.
55:07.182–55:08.388
So, now we can run that.
55:08.388–55:09.859
Let's go back to the mobile app.
55:09.859–55:10.989
Here is what it says.
55:10.989–55:16.656
So, as of April 17th, the best fit for this would be Clerk Supabase Postgres.
55:16.656–55:17.071
Why?
55:17.071–55:23.441
Clerk already covers your off and Clerk Okay, Postgres is the right shape for this.
55:23.441–55:25.550
Okay, so we should use Postgres.
55:25.550–55:32.148
Okay, so give me the link to get started with Supabase.
55:32.148–55:40.897
And is there a Supabase skill I could download that many people use?
55:40.897–55:44.137
If so, download that skill.
55:44.137–55:45.813
Let's use it.
55:45.813–55:49.750
Let me know where I need to sign in.
55:49.750–55:53.877
So, I noticed that in plugins, they didn't have a Supabase plugin.
55:53.877–55:58.983
But Supabase are what most of the Vibe coding platforms use for a database.
55:58.983–56:04.128
In fact, Lovable uses Supabase and Supabase is actually a more valuable company than Lovable.
56:04.128–56:06.214
It's like any incredibly valuable company.
56:06.214–56:11.338
They're recently $10 billion and apparently, it's just AI's favorite database at this point.
56:11.338–56:12.830
And so, we're going to use it.
56:12.840–56:19.854
And since it doesn't have a built-in plugin, I'm just having Codex search the internet and find a skill that we can use for Supabase.
56:19.854–56:25.507
And while that is searching for that skill, we're going to go to this plan Remotion launch video that's now done.
56:25.507–56:31.686
And so, based on the Chorus plan.md, and we have the Swift, the strongest launch video is AI is not the future.
56:31.686–56:33.153
And it gave us this plan.
56:33.153–56:39.963
It gave us some ideas, but I actually kind of want to make it more like the Anthropic videos, which are do a really good job of showing off the product.
56:39.963–56:43.645
But the first thing that we want to do is just test and see if this Remotion skill works.
56:43.645–56:47.465
And remember, Remotion is what we're using to create a motion graphics video.
56:47.465–56:57.325
And so, what I'm going to do is I'm just going to say, "Please use the skill to create a test video that just says Then, it should show a mock-up.
56:57.325–57:09.710
It should It should flash between three more scenes that show these different screens." And so, what I'm going to do is I'm just going to screenshot this screen and this screen and this screen right here, just to give it some
57:09.720–57:12.127
additional context so it knows what screens to use.
57:12.127–57:19.652
I want you to make a mock-up of these so it looks exactly like an iPhone and have it animate on the screen and just have these four scenes.
57:19.652–57:21.867
The purpose of the And keep it as a white background.
57:21.867–57:29.218
The purpose of this is to just really uh I I really want to just focus on seeing if this skill works properly.
57:29.218–57:37.283
And please look into the skill to figure out how you can run this locally so I can just click the local link and it opens up here in the side window.
57:37.283–57:41.397
Um and I can see the video along with the different tracks and sequences.
57:41.397–57:46.957
And if you get confused by that last part and I talk about tracks and sequences, I'll explain exactly what that means.
57:46.957–57:50.550
I actually have a good deal of experience using the Remotion skill.
57:50.560–57:52.116
I used to use it in Claude code.
57:52.116–57:53.473
I've used it in the Vibe code app.
57:53.473–57:55.079
And it's a pretty easy skill to use.
57:55.079–57:55.750
I'll show you.
57:55.760–57:57.329
So, here it gave me this link.
57:57.329–57:59.038
We're back to creating a mobile app.
57:59.038–58:04.476
Remember, I'm sorry if we're moving around, but remember, this will take like some of these will take like five or six minutes.
58:04.476–58:06.110
So, we want able to multitask.
58:06.120–58:07.272
So, again, we're back.
58:07.272–58:09.600
We're looking at how to use Supabase.
58:09.600–58:13.721
And remember, I actually don't use Supabase that often, so I'm learning this as I go.
58:13.721–58:18.554
And that's part of what I'm trying to show you here is you can learn how to do things as you do it.
58:18.554–58:20.440
That is part of the fun of using AI.
58:20.440–58:22.828
It will just tell you how to do things.
58:22.828–58:24.018
You can just figure it out.
58:24.018–58:25.950
So, I'm just going to create a new project.
58:25.960–58:34.788
New project name is going to be and then we'll type a strong password, enable data API, and create new project.
58:34.788–58:39.064
I'm going to say, "Okay, I created a new project.
58:39.064–58:45.422
Send me the URL, region, and tell me when it exists." Okay, so we can hit save.
58:45.422–58:48.546
I need to give it a URL region.
58:48.546–58:50.665
It's It's loading up.
58:50.665–58:52.710
That's pretty cool.
58:52.720–58:59.412
And if you take a look here, if we click connect, I noticed here that we have an MCP.
58:59.412–59:02.070
We can choose Codex.
59:02.080–59:09.310
And we can give it a feature groups only enable the subset of the features.
59:09.320–59:11.334
All right, so we can just copy this prompt.
59:11.334–59:15.440
So, this should allow you to connect.
59:15.440–59:21.574
If you can connect, create the full DB and add everything.
59:21.574–59:25.747
If not, let me know what else you need.
59:25.747–59:28.606
Okay, so the Remotion launch video is done.
59:28.606–59:32.470
And so, notice here it gives us this notice here it gives us this localhost:3031.
59:32.480–59:37.492
We click on it and a timeline opens up right here and you can just edit this video.
59:37.492–59:38.332
Take a look at this.
59:38.332–59:39.910
You could just see a video.
59:39.910–59:41.030
We have our app.
59:41.030–59:48.114
This is a mock-up of all the screens in our app showing up right here on our screen and we're just using the Remotion plugin.
59:48.114–59:49.478
I didn't do anything crazy.
59:49.478–59:55.139
You just enable the Remotion plugin, you type @remotion and boom, you're using it.
59:55.139–59:56.204
Now, check this out.
59:56.204–1:00:01.171
Please, can you I'm just going to go on a tangent here and just kind of to go on a tangent here and just kind of uh talk about it.
1:00:01.171–1:00:03.019
And so, by the way, this is how this works.
1:00:03.019–1:00:07.590
So, you have like each second each second has 30 frames.
1:00:07.600–1:00:11.548
So, this is 30 frames per second and so, you can always reference the frames.
1:00:11.548–1:00:14.671
So, that's how I kind of talk to AI as I'm going through this.
1:00:14.671–1:00:18.237
So, this would be on 2 seconds 20 frame or 2.20.
1:00:18.237–1:00:21.432
You can mention the exact time that you want to make a change.
1:00:21.432–1:00:30.272
Like, one thing I notice here is like there's this learn text here, but we don't need to make changes to this cuz we're just we just wanted to test this to see if this works.
1:00:30.272–1:00:30.860
And it does work.
1:00:30.860–1:00:34.621
And so, I'm just going to say, "Make an outline for the phones like black.
1:00:34.621–1:00:36.182
Make it look a a little bit like black.
1:00:36.182–1:00:36.910
Make it look a a little bit better."
1:00:36.920–1:00:44.129
better." Um just like right now if you just show the screen, I want a little black border around the edge to make it look more like an iPhone.
1:00:44.129–1:00:48.041
Now, before the first screen comes on the phone, I want text on the screen.
1:00:48.041–1:00:52.590
The text on the screen should read It should read "Agents are taking over the world."
1:00:52.600–1:01:02.874
Then, there should be a little toggle that says "Learn" and it should be in the off position.
1:01:02.874–1:01:10.315
Then, have a mouse and this should be black, like computer mouse, come on the screen and then toggle it to on.
1:01:10.315–1:01:22.305
As soon as that happens, the the first phone screen should come on the screen and then it should scroll down on the phone and look through all of the different things that you can learn.
1:01:22.305–1:01:34.042
And I want you to have five different things that you can learn that shows up like Agents 101, building your first agent, learning about skills, and then come up with two more based on what's popular with Codex.
1:01:34.042–1:01:36.190
And then, we'll build the next scene after that.
1:01:36.200–1:01:40.110
So, that is what I want first here.
1:01:40.120–1:01:40.339
Right?
1:01:40.339–1:01:43.703
I'm going to add something that comes up before it says Welcome to Chorus.
1:01:43.703–1:01:45.909
I actually don't want the Welcome to Chorus.
1:01:45.909–1:01:47.406
And remember, we can use steer.
1:01:47.406–1:01:51.091
So, like we should never see the Welcome to Chorus phone screen.
1:01:51.091–1:01:52.135
I I don't want to see that.
1:01:52.135–1:01:58.761
It should immediately after the screen I said to show the the app and scrolling down on the Agents page.
1:01:58.761–1:02:03.270
So, remember, while it's loading, we can press it's loading, we can press enter.
1:02:03.280–1:02:05.976
And you can see that this actually steered the conversation.
1:02:05.976–1:02:07.506
Let's go back to our mobile app.
1:02:07.506–1:02:10.270
Let's take a look and see what the database what we're doing.
1:02:10.280–1:02:13.279
Okay, the the Superbase MCP is set up, placed locally.
1:02:13.279–1:02:16.855
I added the Superbase server, enabled remote MCP client support.
1:02:16.855–1:02:18.999
Okay, then blah blah blah blah blah.
1:02:18.999–1:02:28.555
I could not apply the database directly from this live agent process because the current session still does not expose the newly added MCP server to the layer.
1:02:28.555–1:02:32.550
So, um what we need to do is we actually need to create a new chat.
1:02:32.560–1:02:39.224
Here it actually says if you restart Codex now and come back to this project, I can do the actual DB apply next.
1:02:39.224–1:02:40.260
So, we're going to come down here.
1:02:40.260–1:02:41.609
We're just going to quit Codex.
1:02:41.609–1:02:42.669
We are going to quit.
1:02:42.669–1:02:46.470
I believe Yeah, we're going to quit Codex and we're going to reopen it.
1:02:46.480–1:02:49.389
And then, I'm going to just say, "Okay, I restarted it.
1:02:49.389–1:02:52.869
Please do it." Okay, so it looks like the Xcode is done.
1:02:52.869–1:02:59.271
So, we can actually run this and it says that it created all of these different tables in the database.
1:02:59.271–1:03:01.731
So, it says it should be stored in Superbase.
1:03:01.731–1:03:05.944
So, if we open our simulator, we do see that the there is data in here.
1:03:05.944–1:03:09.830
So, let's hope that this is actually stored in Superbase.
1:03:09.840–1:03:10.857
So, we can go to Arc.
1:03:10.857–1:03:13.359
Okay, so we definitely see some requests here.
1:03:13.359–1:03:16.528
What we can do, let's go ahead and go to table editor.
1:03:16.528–1:03:16.869
Nice.
1:03:16.869–1:03:18.358
Look at all these tables.
1:03:18.358–1:03:22.632
So, if we were to go to like skill categories, for example, very cool.
1:03:22.632–1:03:25.051
So, we have different icons.
1:03:25.051–1:03:27.734
So, we can set the icon here.
1:03:27.734–1:03:28.990
This is cool.
1:03:29.000–1:03:36.110
So, we have the different skill So, we have the different skill platforms, saved items, skills.
1:03:36.120–1:03:39.099
So, we have category, research, GTM, build, ops.
1:03:39.099–1:03:42.050
Okay, we have competitor scan, landing critic.
1:03:42.050–1:03:44.338
Let's see if these are in here.
1:03:44.338–1:03:46.425
Let's go to simulator.
1:03:46.425–1:03:48.534
So, if we go to platform.
1:03:48.534–1:03:50.357
So, we can edit those.
1:03:50.357–1:03:50.961
Skills.
1:03:50.961–1:03:55.134
Yeah, we have competitor scan, landing critic.
1:03:55.134–1:03:56.830
We can copy this.
1:03:56.840–1:03:58.907
Let's see if that actually copied.
1:03:58.907–1:04:01.095
Yep, this copied to my clipboard.
1:04:01.095–1:04:02.130
That's pretty cool.
1:04:02.130–1:04:04.118
This is starting to look pretty good.
1:04:04.118–1:04:13.669
Can we So, I think the saved just happens locally because we haven't added authentication yet, but this does look like it's being stored in the database.
1:04:13.669–1:04:14.710
So, that's pretty cool.
1:04:14.720–1:04:16.781
So, we have database set up.
1:04:16.781–1:04:28.217
Now, I want you to go to my YouTube account, Riley Brown, and find videos where I talk about agents.
1:04:28.217–1:04:38.961
Find my three like find like my five videos on AI agents specifically to come up with the learn the stuff on the learn tab.
1:04:38.961–1:04:44.907
I want five lessons and this means you're going to be in my own voice, I want you to fill them in.
1:04:44.907–1:04:46.128
And these should be more general.
1:04:46.128–1:04:49.399
I should not be specifically talking about specific agent tools.
1:04:49.399–1:04:58.036
I want you to actually create a curriculum based on the stuff I've talked about, but do additional research to fill in the gaps to create high-quality lessons.
1:04:58.036–1:05:06.378
And remember, earlier we created that skill which is called, I believe it's YouTube researcher for transcript pulling.
1:05:06.378–1:05:08.852
So, let's go back to the Remotion launch video.
1:05:08.852–1:05:10.767
Let's see how this did.
1:05:10.767–1:05:18.105
If we refresh the page here and we hit play, Agents are taking over the world.
1:05:18.105–1:05:20.990
Notice here that the mouse missed it.
1:05:21.000–1:05:23.670
Right here, I believe.
1:05:23.680–1:05:26.724
View, show guides.
1:05:26.724–1:05:29.430
No, show rulers.
1:05:29.440–1:05:32.327
Okay, so this is a little hack with the Remotion skill.
1:05:32.327–1:05:37.737
So, notice here that this mouse goes We want this mouse to go here.
1:05:37.737–1:05:46.510
So, this would be like 1,000 on the x-axis and 6 1,610.
1:05:46.520–1:05:52.430
So, 1,000 x-axis 610 y-axis.
1:05:52.440–1:05:56.550
And it's currently at uh like 1,040.
1:05:56.560–1:06:02.805
So, like if you can you can turn on these grid lines to give the agent very specific instructions.
1:06:02.805–1:06:08.790
And so, 1,040 x-axis and it is on 540.
1:06:08.800–1:06:17.210
The arrow completely missed the screen the the toggle and the it should be about at this location.
1:06:17.210–1:06:22.006
The arrow ended up like the mouse when clicking ended up at this location.
1:06:22.006–1:06:23.674
So, I don't want it here.
1:06:23.674–1:06:25.870
I wanted at the location above.
1:06:25.880–1:06:26.974
And so, let's see.
1:06:26.974–1:06:28.829
So, this is actually looking pretty good.
1:06:28.829–1:06:31.428
So, Agents are taking over the world.
1:06:31.428–1:06:32.990
You click learn.
1:06:33.000–1:06:35.263
And now this screen pops up.
1:06:35.263–1:06:38.550
So, let's go right at the 3-second mark.
1:06:38.560–1:06:51.650
Then, right at the 3-second mark, I want the camera to zoom in on learning about skills and then it should zoom in on the component that has learning about skills and then it should kind of transition to like almost like a document view.
1:06:51.650–1:06:53.859
It should not be a phone screen.
1:06:53.859–1:07:01.642
It should be And then, it should talk It should show some information about skills and should show like 10 popular skills.
1:07:01.642–1:07:02.612
Do some research.
1:07:02.612–1:07:05.554
Show 10 popular skills and each one should have some information.
1:07:05.554–1:07:10.923
And so, this should be more of like a full-screen view that shows the different things that you can learn within that.
1:07:10.923–1:07:15.925
And it should just It should just take the viewer through the fact that you can learn about agent skills.
1:07:15.925–1:07:17.830
Okay, we're going to run that.
1:07:17.840–1:07:21.301
And now, if we go back to our web app, we can see that it is done.
1:07:21.301–1:07:24.689
And notice here if we actually open this in a separate browser, right?
1:07:24.689–1:07:26.701
If we were to open this up in Arc.
1:07:26.701–1:07:28.323
Let's just paste this in Arc.
1:07:28.323–1:07:30.482
You can see that the tally is indeed working.
1:07:30.482–1:07:39.928
And so, what I'm going to do is I want you to please make this look like the iOS app we're building.
1:07:39.928–1:07:44.678
Keep the design very simple and make the design have the same exact font.
1:07:44.678–1:07:49.103
Uh have like no components, very little like subtext.
1:07:49.103–1:07:51.157
I just want this to be very, very simple.
1:07:51.157–1:07:58.229
I just want the design to look exactly like it and then have like information about the app on this website.
1:07:58.229–1:08:03.872
You know, you're not the best designer, so I want you to like make sure that this is designed pretty well.
1:08:03.872–1:08:05.180
And like keep it simple.
1:08:05.180–1:08:06.613
It should look like the app.
1:08:06.613–1:08:08.363
Get rid of this background gradient.
1:08:08.363–1:08:10.603
Change the font to match the application.
1:08:10.603–1:08:10.912
Okay.
1:08:10.912–1:08:15.397
So, we're currently working on a launch video, a mobile app, and a web app at the same time.
1:08:15.397–1:08:17.859
So, here I'm just going to refresh this.
1:08:17.859–1:08:19.112
The Remotion is done.
1:08:19.112–1:08:19.813
Let's go this.
1:08:19.813–1:08:20.709
The Remotion is done.
1:08:20.709–1:08:21.349
Let's go ahead.
1:08:21.359–1:08:22.799
So, we can click learn.
1:08:22.799–1:08:23.550
There we go.
1:08:23.560–1:08:27.590
That's not bad.
1:08:27.600–1:08:31.690
Okay, so this zoom When it zooms, I want it to zoom even more.
1:08:31.690–1:08:35.242
So, it like it should zoom all the way and then then it should kind of transition.
1:08:35.242–1:08:38.561
And then, notice here the transitions are like kind of like fade out.
1:08:38.561–1:08:40.383
It looks This is kind of like fade out.
1:08:40.383–1:08:41.430
It looks This is disgusting.
1:08:41.440–1:08:41.675
Okay.
1:08:41.675–1:08:45.550
So, what we're going to do here is I'm going to screenshot this.
1:08:45.560–1:08:47.670
I'm just going to paste this here.
1:08:47.680–1:08:48.438
I'm just going to paste this here.
1:08:48.438–1:08:48.550
Okay.
1:08:48.560–1:08:51.155
Um and then, the transition should be like harsher cuts.
1:08:51.155–1:08:53.337
I do not like this fade out transition.
1:08:53.337–1:08:57.115
Like, make it a faster transition and just make it more professional.
1:08:57.115–1:09:00.270
And then, also the the screenshot I gave you, this is hideous.
1:09:00.280–1:09:05.179
What I want you to do instead of this is I just want you to have skills at the top.
1:09:05.179–1:09:10.466
Like, just put the word skills at the top and then have like colored cards that look premium.
1:09:10.466–1:09:10.976
Amazing.
1:09:10.976–1:09:19.608
And then, have them rotating through like a wheel like almost like a a wheel animation through the like the screen.
1:09:19.608–1:09:21.939
I'll draw something out for you real quick.
1:09:21.939–1:09:24.337
I'll kind of share what I I want you to create.
1:09:24.337–1:09:26.186
I want this to be amazing.
1:09:26.186–1:09:33.896
What I'm going to do here is I'm I'm going to want this to be like Yeah, I want it to be something like this.
1:09:33.896–1:09:36.614
So, we'll give it kind of this sketch right here.
1:09:36.614–1:09:41.150
I want it to look something like this.
1:09:41.160–1:09:46.249
Okay, so it turns out I forgot Codex is just not the best at web design.
1:09:46.249–1:09:49.238
So, what we're going to do is we're actually just going to use Opus.
1:09:49.238–1:09:52.792
So, I'm just going to type in Claude here in the terminal.
1:09:52.792–1:09:55.268
This is a good a good use case in my opinion.
1:09:55.268–1:10:02.197
If you're someone who has a Claude subscription, but you want to use Codex cuz I think Codex is a better interface, but Claude is better at design.
1:10:02.197–1:10:05.614
So, you can use Claude directly in here and you notice here.
1:10:05.614–1:10:13.858
Remember, if we go back to our the beginning of the video, whenever we create this project, it already like we created this project at my new business.
1:10:13.858–1:10:16.281
And so, when we go into the terminal, right?
1:10:16.281–1:10:19.976
If you know how to use Claude code, you kind of have a you have this set up already.
1:10:19.976–1:10:23.670
If you don't have Claude code, search on the internet how to set up Claude code.
1:10:23.680–1:10:24.827
It'll take you 5 minutes.
1:10:24.827–1:10:30.870
You can figure it out and you can run Claude code from this app right here from the terminal.
1:10:30.880–1:10:40.190
And if you don't want to have to approve anything, you can go like this.
1:10:40.200–1:10:49.790
You can go Claude's space {dash} {dash} You can go Claude's space {dash} {dash} dangerously {dash} skip {dash} permissions.
1:10:49.800–1:10:55.558
And this will run it on bypass permissions mode, which is the same as the full access mode.
1:10:55.558–1:11:01.084
But anyway, we are working on the landing page here.
1:11:01.084–1:11:07.985
And what I like to do is I like to give it what I like to do is I like to give it context right because Claude doesn't have the same context as if you were chatting here.
1:11:07.985–1:11:13.372
It knows we're in this my business my new business, but it doesn't know anything else.
1:11:13.372–1:11:15.750
It's just in this folder.
1:11:15.760–1:11:19.248
It doesn't know if it's working on the Chorus plan or the Chorus video.
1:11:19.248–1:11:24.064
We are using Tally and I want to make sure that we create a really good landing page.
1:11:24.064–1:11:28.230
I want you to completely forget the styling of this page that you have here.
1:11:28.240–1:11:33.146
I want you to make this a landing page for the following application.
1:11:33.146–1:11:34.373
It is the Chorus app.
1:11:34.373–1:11:42.891
And so, you're going to look at the code of the Chorus app in this folder right here and you are going to analyze how it's styled.
1:11:42.891–1:11:43.857
It's very simple.
1:11:43.857–1:11:44.387
It's white.
1:11:44.387–1:11:49.748
Look at the font and make the app match or make this landing page match it and it should have the Tally embed.
1:11:49.748–1:11:50.930
That's all I want.
1:11:50.930–1:11:51.696
Minimal text.
1:11:51.696–1:11:53.056
Really make it convert.
1:11:53.056–1:11:53.825
Make it great.
1:11:53.825–1:11:54.975
Hey, we'll run that.
1:11:54.975–1:11:58.554
And we can actually see Claude code working on this in real time.
1:11:58.554–1:12:04.433
We can very easily just like minimize it almost all the way and Claude code will just continue working on this.
1:12:04.433–1:12:06.071
Okay, so the mobile app is done.
1:12:06.071–1:12:08.390
Let's go ahead and open up Xcode.
1:12:08.400–1:12:12.525
And what we need to do is it analyzed my YouTube, right?
1:12:12.525–1:12:13.923
Remember what we asked it to do.
1:12:13.923–1:12:20.441
We were having it research my YouTube and it created five lessons based on my YouTube transcript.
1:12:20.441–1:12:26.653
So, what is an agent narrow beats general build the loop workspace memory skills team and handoff.
1:12:26.653–1:12:28.452
So, I've made videos on this before.
1:12:28.452–1:12:31.029
So, it did research and it created these lessons.
1:12:31.029–1:12:33.482
So, what is an agent?
1:12:33.482–1:12:34.950
Okay.
1:12:34.960–1:12:38.706
Okay, these are way too short.
1:12:38.706–1:12:41.156
Make them longer, please.
1:12:41.156–1:12:46.981
Okay, so Claude code just went to town on the web app.
1:12:46.981–1:12:47.612
Oh, wow.
1:12:47.612–1:12:49.121
This looks a lot better.
1:12:49.121–1:12:55.228
So, we can actually open this up in an external browser to see it full screen or we can just go like this.
1:12:55.228–1:12:58.862
And you'll notice here you can press get early access.
1:12:58.862–1:13:02.558
Oh, and it goes down here and this is where you put your information.
1:13:02.558–1:13:07.744
For whatever reason this in-app browser is not showing the Tally form.
1:13:07.744–1:13:10.011
Let's see if it shows up here.
1:13:10.011–1:13:11.387
Wait, so we can refresh shows up here.
1:13:11.387–1:13:12.270
Wait, so we can refresh this.
1:13:12.280–1:13:13.617
Get early access.
1:13:13.617–1:13:14.010
Boom.
1:13:14.010–1:13:15.626
We can put this here.
1:13:15.626–1:13:21.384
For whatever reason, these icons are a little bit different, but learn agents in one place.
1:13:21.384–1:13:26.963
A simple iPhone app for learning agent fundamentals, comparing the right platforms, and sharing reusable skills.
1:13:26.963–1:13:34.358
One thing I can add here and wow, Codex is not nearly as good at design it feels like.
1:13:34.358–1:13:44.009
So, please add like works with Codex, Claude code, add like works with Codex, Claude code, OpenClaude, Hermes, and Gemini.
1:13:44.009–1:13:51.634
Please see if you can pull those logos and put them in the files so they show up.
1:13:51.634–1:13:53.305
Okay, so that's pretty good.
1:13:53.305–1:13:55.134
Let's go ahead and check on the mobile app.
1:13:55.134–1:13:57.042
So, if we go to Xcode, we hit play.
1:13:57.042–1:13:59.016
Let's see what this looks like.
1:13:59.016–1:14:00.669
Where is my simulator?
1:14:00.669–1:14:01.484
There it is.
1:14:01.484–1:14:03.934
Okay, so this is looking pretty good.
1:14:03.934–1:14:05.069
What is an agent?
1:14:05.069–1:14:09.601
It is very text heavy, but at least we have some more This is a little bit longer.
1:14:09.601–1:14:11.163
We do have the database set up.
1:14:11.163–1:14:14.581
Now, what I want to do is I want to have platforms.
1:14:14.581–1:14:24.358
So, for the platforms I want to have it be just a list of platforms.
1:14:24.358–1:14:27.440
No tags or categories going horizontally across.
1:14:27.440–1:14:29.270
I just want a list of platforms.
1:14:29.280–1:14:31.433
This will be my curated list of 10 to 20.
1:14:31.433–1:14:46.870
The ones that I want you to have right now, I want to have Claude code, Codex, Cursor, OpenClaude, Hermes, Manus, Perplexity Computer, and that's good for now.
1:14:46.880–1:14:50.392
For the icons, see if you can grab the icon for each of these.
1:14:50.392–1:14:52.371
Like figure out how to do that.
1:14:52.371–1:14:54.276
If you can't do it, that's okay.
1:14:54.276–1:15:01.496
I can get you the PNGs manually, but see if you can do it and get it all of this info in the database so it works properly.
1:15:01.496–1:15:05.256
But yeah, we don't need tags for this cuz there's never going to be over 20.
1:15:05.256–1:15:07.185
Okay, we fired off that prompt.
1:15:07.185–1:15:09.283
Let's go check on our remotion.
1:15:09.283–1:15:11.613
So, remember, we can full screen this.
1:15:11.613–1:15:12.981
This is looking pretty screen this.
1:15:12.981–1:15:13.870
This is looking pretty cool.
1:15:13.880–1:15:14.816
cool.
1:15:14.816–1:15:23.590
Um let's go ahead and try to play this.
1:15:23.600–1:15:25.810
Okay, this is looking good.
1:15:25.810–1:15:31.712
This is Oh, it's just a little choppy and then it Okay, so we have like good 4 seconds are pretty good here.
1:15:31.712–1:15:32.784
So, it goes here.
1:15:32.784–1:15:34.790
We click learn.
1:15:34.800–1:15:39.830
It kind of shows that you can learn these and here it has some skills going these and here it has some skills going by.
1:15:39.840–1:15:42.586
The skills are rotating still slightly too fast.
1:15:42.586–1:15:46.230
I just want them to be a little bit slower so I can read them.
1:15:46.240–1:16:02.043
And then immediately after this screen, the way I want it to end is I want the YouTube researcher skill to animate up to the top and then I want text to come in to describe the skills.
1:16:02.043–1:16:09.347
I want to show a copy animation as if I was pressing the copy button and then it should say copy to clipboard.
1:16:09.347–1:16:18.075
And then we are going to show the Codex app opening up and And so, what we can do is we can say This is going to be a hard one.
1:16:18.075–1:16:19.590
So, I'm going to paste this in.
1:16:19.600–1:16:36.990
Then it should show a text input area just like the one of the screenshot that I showed you for the Codex app and then have typing in that box and it should say, "Can you please add this skill?" And then show somehow that that document was pasted in the
1:16:37.000–1:16:40.512
text input area and it should show up above where you're typing.
1:16:40.512–1:16:43.390
So, this should look like a computer basically.
1:16:43.400–1:16:44.870
Okay, so this is going to be a hard one.
1:16:44.880–1:16:47.985
We're going to have to edit this a little bit more, but that's okay.
1:16:47.985–1:16:50.758
Okay, so we are kind of working through all of these.
1:16:50.758–1:16:52.534
We're making our way through our iPhone app.
1:16:52.534–1:16:53.790
This will take a little bit.
1:16:53.800–1:16:56.502
One thing I want to cover is forking a chat.
1:16:56.502–1:16:59.344
So, we can actually come to mobile app here.
1:16:59.344–1:17:03.081
And what we can do Actually, I'm going to fork this chat as soon as this is done.
1:17:03.081–1:17:03.635
So, one sec.
1:17:03.635–1:17:05.407
I'm going to wait for this to finish.
1:17:05.407–1:17:13.588
Then we're actually going to fork this chat and we are going to create our we are going to start working on our investor deck.
1:17:13.588–1:17:18.310
So, please mark investor deck as working.
1:17:18.320–1:17:20.330
And so, I'm going to wait for the mobile app to finish.
1:17:20.330–1:17:22.368
Okay, so the mobile app is done.
1:17:22.368–1:17:27.230
And so, what I want to do here is I'm actually going to fork the chat.
1:17:27.240–1:17:31.447
And you can do this by coming over here and right clicking or you know, two-finger click.
1:17:31.447–1:17:34.764
And what we're going to do is we're just going to hit fork into local.
1:17:34.764–1:17:38.509
If you're not technical, don't worry about fork into new work tree.
1:17:38.509–1:17:41.386
That doesn't matter for the sake of this video.
1:17:41.386–1:17:45.510
Just do fork into local and this is going to create a new chat.
1:17:45.520–1:17:49.525
And what I'm going to do is I'm going to rename this to investor deck.
1:17:49.525–1:18:07.510
And what I'm going to do, please analyze the features and assets from this application and I want you to create an investor slide deck in the same style, you know, like we have all of those icons for that we've created earlier for
1:18:07.520–1:18:11.082
Codex, Cursor, OpenClaude, etc. that are in the app right now.
1:18:11.082–1:18:15.163
So, include those like all the styling stuff in this new investor deck.
1:18:15.163–1:18:17.392
And I believe we have a skill that's built in.
1:18:17.392–1:18:19.274
I think it's just called PowerPoint.
1:18:19.274–1:18:20.870
And so, we can reference that.
1:18:20.870–1:18:23.000
I want you to search the internet for a bit.
1:18:23.000–1:18:28.430
Find out what investors are currently looking for in April of 2026.
1:18:28.440–1:18:32.563
Like what are they looking for in a PowerPoint deck or or in a deck that you send them?
1:18:32.563–1:18:35.180
And please create it like that in that style.
1:18:35.180–1:18:38.114
So, find some examples online and copy the style.
1:18:38.114–1:18:40.350
Do not rely on your own styling ability.
1:18:40.360–1:18:42.950
Okay, so we're going to send this off.
1:18:42.960–1:18:45.396
Now, we are working on this investor deck.
1:18:45.396–1:18:49.102
So, remember, so we created the iOS app design.
1:18:49.102–1:18:51.196
We're still working on the iPhone app.
1:18:51.196–1:18:55.190
We're working on the web app landing page, which is almost done.
1:18:55.200–1:18:58.610
We are working on the investor deck and launch video.
1:18:58.610–1:19:03.127
Okay, so the investor deck is done and I love the way it looks in Codex.
1:19:03.127–1:19:03.747
Like look at this.
1:19:03.747–1:19:06.219
You can create an investor deck just like this.
1:19:06.219–1:19:09.526
I will say it's not the best at designing PowerPoints yet.
1:19:09.526–1:19:18.898
So, what we need to do is we're going to open up the terminal here and we're going to type in Claude here and we're going to type in Claude dangerously skip permissions.
1:19:18.898–1:19:22.102
And we're going to say, "Hey there, Claude.
1:19:22.102–1:19:26.943
I need you to take a look at this PowerPoint and I need you to make it look better.
1:19:26.943–1:19:27.975
I want you to refine it.
1:19:27.975–1:19:30.712
I want there to be less text, some more graphics.
1:19:30.712–1:19:34.376
Check and see how what are best practices for you to do it.
1:19:34.376–1:19:36.890
I want you to just really make this like a refined deck.
1:19:36.890–1:19:39.350
There just seems to be too much text on this deck.
1:19:39.360–1:19:40.988
It's not super readable.
1:19:40.988–1:19:44.208
It's just not my favorite deck right now.
1:19:44.208–1:19:46.556
So, please make it so much better.
1:19:46.556–1:19:48.962
Don't add any slides or change the material.
1:19:48.962–1:19:50.048
Just make it better.
1:19:50.048–1:19:59.270
Make it more refined, less text, more visuals that like put things into perspective, you know, like charts, anything like that that could be good.
1:19:59.280–1:20:00.830
Make it better.
1:20:00.830–1:20:07.350
We are working on and so it's useful to give it the files cuz remember this chat has all the context.
1:20:07.360–1:20:10.908
All this chat knows is we're in this my new business folder.
1:20:10.908–1:20:12.190
It's always good.
1:20:12.200–1:20:15.737
Actually, don't even know where this is located.
1:20:15.737–1:20:19.294
I guess we could just click on this.
1:20:19.294–1:20:21.090
Oh, you can open it in click on this.
1:20:21.090–1:20:22.270
Oh, you can open it in Canva.
1:20:22.280–1:20:23.833
Canva.
1:20:23.833–1:20:26.910
Um I'm just going to give it this file path right here.
1:20:26.920–1:20:30.710
Um what happens if we click Canva?
1:20:30.720–1:20:32.510
Here it is on Canva.
1:20:32.520–1:20:32.963
Wow.
1:20:32.963–1:20:33.407
Wow.
1:20:33.407–1:20:36.399
This is actually very cool.
1:20:36.399–1:20:38.913
I did not realize you can do that that easily.
1:20:38.913–1:20:40.860
Just open it up straight in Canva.
1:20:40.860–1:20:42.190
That's pretty cool.
1:20:42.190–1:20:47.248
Okay, so Claude Code, we just had Claude Code go to town on this slide deck.
1:20:47.248–1:20:48.766
It does look a little bit better.
1:20:48.766–1:20:50.079
It doesn't look a ton better.
1:20:50.079–1:20:55.443
I don't think it's that much better design than Code X models.
1:20:55.443–1:20:57.438
It's just a little bit more refined.
1:20:57.438–1:20:59.735
We have some more visuals.
1:20:59.735–1:21:00.595
Um Here.
1:21:00.595–1:21:03.146
Yeah, like this is a really good slide.
1:21:03.146–1:21:04.896
Like value compounds over time.
1:21:04.896–1:21:10.670
We have a learning graph, a saved workspace, execution graph, a saved workspace, execution memory.
1:21:10.680–1:21:12.915
Um This is pretty cool.
1:21:12.915–1:21:15.007
So, we have this slide deck.
1:21:15.007–1:21:16.975
I didn't really give it enough information.
1:21:16.975–1:21:18.253
So, I'm going to do that now.
1:21:18.253–1:21:30.043
And so here I'm coming up with kind of like this fictional plan of how I'm going to leverage my audience, right, to build a massive curation of really useful skills for existing tools like OpenAI, Code X, etc.
1:21:30.043–1:21:33.497
We're going to build a lightweight agent through iMessage.
1:21:33.497–1:21:39.141
People will pay monthly through access for these different agents that are super lightweight that people can test.
1:21:39.141–1:21:42.495
Uh less of a commitment than say Code X or Claude Code.
1:21:42.495–1:21:47.564
I just kind of want to change the narrative because it's kind of bringing up like Claude and off super base.
1:21:47.564–1:21:48.835
Like I need to mention that.
1:21:48.835–1:21:58.431
We don't need to mention anything about the authentication and talk more about the narrative and why this is a big opportunity and look up like how much money is in this market.
1:21:58.431–1:22:00.726
Like focus more on the story, less on the tech.
1:22:00.726–1:22:02.167
So, we fired off that prompt.
1:22:02.167–1:22:04.536
Let's check on our mobile app here.
1:22:04.536–1:22:05.263
Oh, yeah.
1:22:05.263–1:22:09.371
While the other one was loading, I forgot to record it, but I uploaded one of these app icons.
1:22:09.371–1:22:12.735
If you remember, we generated a ton of these app icons earlier.
1:22:12.735–1:22:16.392
I forgot about it and so I uploaded it here to the mobile app.
1:22:16.392–1:22:18.002
So, it added an app icon.
1:22:18.002–1:22:22.410
And so, what I'm going to do now is I'm actually going to plug in my actual phone.
1:22:22.410–1:22:25.030
I'm going to show you real quick how to run.
1:22:25.030–1:22:34.013
So, when you're using your phone or when you're using X Code, you can use the simulator or you can run it on your actual phone.
1:22:34.013–1:22:38.015
So, on X Code, you see here we have the device.
1:22:38.015–1:22:39.864
We we chose iPhone 17.
1:22:39.864–1:22:41.628
This These are simulators.
1:22:41.628–1:22:45.812
You can see that this says iOS simulators, but I can also select my phone.
1:22:45.812–1:22:47.616
And so, I'm going to select my phone.
1:22:47.616–1:22:48.846
I'm going to hit play.
1:22:48.846–1:22:51.065
I have my phone open right here.
1:22:51.065–1:22:54.552
It should open the latest version of the app.
1:22:54.552–1:22:55.030
It is.
1:22:55.040–1:22:57.669
And so now I'm just screen sharing my phone to the computer.
1:22:57.669–1:22:59.493
This is on my actual phone right now.
1:22:59.493–1:23:02.125
And we're going to take a look at the app.
1:23:02.125–1:23:04.555
This page looks pretty good.
1:23:04.555–1:23:06.051
We have basics.
1:23:06.051–1:23:07.901
Oh, there's haptics in the app now.
1:23:07.901–1:23:09.891
I can actually feel the app.
1:23:09.891–1:23:11.150
There's haptics.
1:23:11.160–1:23:12.763
Here we can select platforms.
1:23:12.763–1:23:14.936
Here we see Claude Code, Code X.
1:23:14.936–1:23:18.790
And here we have the about platforms page.
1:23:18.800–1:23:25.110
We have this kind of nice overview where we can learn about the platform.
1:23:25.120–1:23:27.110
Anthropic's Claude.
1:23:27.120–1:23:28.575
This is very cool.
1:23:28.575–1:23:29.141
Skills.
1:23:29.141–1:23:32.155
So, we have this YouTube researcher skill.
1:23:32.155–1:23:34.644
I believe I can copy this to my clipboard.
1:23:34.644–1:23:36.639
It has a pretty cool animation.
1:23:36.639–1:23:37.620
We can save this.
1:23:37.620–1:23:41.030
This is actually coming out to be pretty cool.
1:23:41.040–1:23:44.470
Um yeah, this is looking really good.
1:23:44.480–1:23:45.551
This is my favorite page.
1:23:45.551–1:23:48.150
I love the the actual icons.
1:23:48.160–1:23:50.070
Um I'm actually going to make this app.
1:23:50.080–1:23:51.150
I'm going to put this on the App Store.
1:23:51.160–1:23:52.104
I'm going to make it really good.
1:23:52.104–1:23:53.397
But this is looking very good.
1:23:53.397–1:24:00.175
Now what I'm actually going to do is I'm going to say, "I want users to actually be able to sign in." Oh, wait, there's this profile icon.
1:24:00.175–1:24:00.961
Oh, okay.
1:24:00.961–1:24:03.830
So, this is not real data.
1:24:03.840–1:24:04.332
real data.
1:24:04.332–1:24:08.480
Um and I want the user to actually be able to sign in with Google.
1:24:08.480–1:24:14.139
And so, what is the easiest way to do that with with that we're using Superbase?
1:24:14.139–1:24:14.817
Ignore Clerk.
1:24:14.817–1:24:16.152
We don't need to use Clerk.
1:24:16.152–1:24:17.255
What is the easiest way?
1:24:17.255–1:24:19.640
Are you able to add authentication right now?
1:24:19.640–1:24:21.988
Um using the MCP with Google sign-in.
1:24:21.988–1:24:26.079
And then this will log all the users that sign in into the actual app.
1:24:26.079–1:24:29.894
And I want their actual data to show up in the profile.
1:24:29.894–1:24:32.206
And I basically want this app fully ready to go.
1:24:32.206–1:24:34.134
Obviously, there's no payments in the app.
1:24:34.134–1:24:37.412
I want you to add authentication so users can sign in.
1:24:37.412–1:24:38.484
So, we can run that.
1:24:38.484–1:24:42.642
And if we go back to our launch video, this is the one that we might not finish today.
1:24:42.642–1:24:45.835
I'm going to go ahead and close out of my iPhone real quick.
1:24:45.835–1:24:50.364
If we hit play here, Okay, that's pretty cool.
1:24:50.364–1:24:53.580
It misses a little bit on the learn.
1:24:53.580–1:24:54.830
That's okay.
1:24:54.840–1:24:56.390
What is this?
1:24:56.400–1:24:59.687
Gradient.
1:24:59.687–1:25:04.070
That's okay.
1:25:04.080–1:25:04.533
Ooh.
1:25:04.533–1:25:04.986
Ooh.
1:25:04.986–1:25:08.877
Okay, I forgot I made a massive edit last time.
1:25:08.877–1:25:10.185
Ooh, that looks pretty good.
1:25:10.185–1:25:12.068
So, you can please use this skill.
1:25:12.068–1:25:16.070
You can paste it into Code X.
1:25:16.080–1:25:20.510
Um And now what I'm going to do is I'm going to just do that again, basically.
1:25:20.520–1:25:32.516
So, I'm going to let's open up Claude and we're going to I'm going to say, "After the welcome to Code X screen, I actually want to go back to the phone screen that shows the skills.
1:25:32.516–1:25:35.828
Show a different skill and show copying a different skill.
1:25:35.828–1:25:41.701
Maybe like a mobile app designer skill." And then we're going to paste it into Claude Code, which looks like this.
1:25:41.701–1:25:51.270
And then I'm going to go ahead and go to Claude and I'm just going to open up a new normal chat like going to open up a new normal chat like this.
1:25:51.280–1:25:52.049
this.
1:25:52.049–1:25:55.637
And um I'm just going to copy this just like this.
1:25:55.637–1:26:01.261
And what I'm going to do is I'm actually going to be using Claude again because it is better at design.
1:26:01.261–1:26:05.313
Claude {dash} {dash} dangerously get permissions.
1:26:05.313–1:26:09.664
I'm going to paste that image in here and I'm also just going to paste this.
1:26:09.664–1:26:12.486
We are working on the remotion video.
1:26:12.486–1:26:14.150
Use the remotion skill.
1:26:14.160–1:26:15.065
Really think deep.
1:26:15.065–1:26:21.879
We're adding two scenes at the end of this to kind of close out the video to show that you can add skills to your agents.
1:26:21.879–1:26:26.277
And so now we're focusing on Claude Code instead of the subtitle above.
1:26:26.277–1:26:32.612
So, instead of it saying Riley returns, so instead of it saying Riley returns, it should just say Claude Code.
1:26:32.612–1:26:34.409
And it should show the same thing.
1:26:34.409–1:26:39.989
I want you to add this skill and then it should paste in a skill in the UI like the image.
1:26:39.989–1:26:42.590
So, like we've already done this once with Code X.
1:26:42.600–1:26:43.224
We're doing it again.
1:26:43.224–1:26:47.803
So, we're going back to the same app from earlier, copying the prompt, and then pasting it into Claude Code.
1:26:47.803–1:26:48.790
So, please think deep.
1:26:48.800–1:26:49.738
Make this look good.
1:26:49.738–1:26:50.832
Hey, this is really fun.
1:26:50.832–1:26:57.343
I I actually haven't done this until today where I use Claude Code inside the Code X app for like design heavy tasks.
1:26:57.343–1:26:58.908
It ends up looking a lot better.
1:26:58.908–1:27:01.279
And obviously, these can take a lot longer, right?
1:27:01.279–1:27:07.202
Like a launch video, like I mean, we've only put in a total of like 10 minutes of like focused effort in the launch video.
1:27:07.202–1:27:10.940
If you spend a few hours on this, you could actually make this pretty good.
1:27:10.940–1:27:12.509
This is not terrible.
1:27:12.509–1:27:20.477
Okay, Claude has literally just went ham for 7 minutes and 24 seconds and it cooked on this slide deck.
1:27:20.477–1:27:22.448
I was like, "Curation is the wedge.
1:27:22.448–1:27:24.078
Agents are the business.
1:27:24.078–1:27:26.323
Most startups pray for distribution.
1:27:26.323–1:27:35.306
We start with it." And obviously, some of these things don't fit, but the fact that you can like literally export it into Canva immediately and make edits, that's pretty insane.
1:27:35.306–1:27:37.188
Curate, test, monetize.
1:27:37.188–1:27:39.216
I don't like this like top bar.
1:27:39.216–1:27:40.980
In fact, I'm just going to do that.
1:27:40.980–1:27:42.805
Oh, yeah, one really useful thing.
1:27:42.805–1:27:44.967
I use a tool called CleanShot Pro.
1:27:44.967–1:27:51.604
And what it does is it allows you to like immediately just like make really good Like I can just kind of go like this.
1:27:51.604–1:27:54.698
I can very easily just select which part that I want.
1:27:54.698–1:27:56.870
Like I actually don't want any of this up here.
1:27:56.880–1:27:58.270
So, I'm going to give this to Claude.
1:27:58.280–1:28:01.554
I'm going to say, "Please don't have the top bar.
1:28:01.554–1:28:03.070
We don't need it.
1:28:03.070–1:28:06.870
The big black thing that says 1.5 million followers.
1:28:06.880–1:28:07.490
Simplify that.
1:28:07.490–1:28:08.761
I don't like that component.
1:28:08.761–1:28:12.950
Just change that." Let's just go through and make some changes here.
1:28:12.960–1:28:16.060
Yeah, the top bar on all the pages, by the way, not just that one.
1:28:16.060–1:28:17.503
I don't want the top bar.
1:28:17.503–1:28:18.809
This one looks good.
1:28:18.809–1:28:19.892
This one looks good.
1:28:19.892–1:28:23.319
Yeah, this is looking pretty pretty solid here.
1:28:23.319–1:28:24.855
Oh, I like this one.
1:28:24.855–1:28:28.494
Every consumer is about to decide which agents to trust.
1:28:28.494–1:28:29.952
Nobody is guiding them.
1:28:29.952–1:28:31.429
Yeah, I'm I like this.
1:28:31.429–1:28:33.618
I'm going to just going to copy this right here.
1:28:33.618–1:28:35.638
We're going to go back to Claude Code.
1:28:35.638–1:28:40.318
On this first slide, make the text the main text at the top, every consumer.
1:28:40.318–1:28:44.476
And then just change what's going on in the on the bottom part.
1:28:44.476–1:28:47.310
Like it says fragmented, technical, and unbranded.
1:28:47.320–1:28:48.310
Please come up with something else.
1:28:48.320–1:28:53.641
Maybe show the phone on the the right with the the the app design.
1:28:53.641–1:28:58.119
Show that there on the right and show that there's like a course or something there or something.
1:28:58.119–1:28:59.334
That's pretty good.
1:28:59.334–1:29:00.988
Where are we on the mobile app?
1:29:00.988–1:29:01.445
Oh, yeah.
1:29:01.445–1:29:02.099
Let me see here.
1:29:02.099–1:29:04.144
Oh, yeah, we just tried to add authentication.
1:29:04.144–1:29:05.915
Let's go ahead and go to X Code.
1:29:05.915–1:29:09.194
What we're going to do is we're going to run this on Riley's iPhone.
1:29:09.194–1:29:12.670
So, I'm going to go ahead and open up Riley's iPhone here.
1:29:12.680–1:29:13.916
This is going to open up.
1:29:13.916–1:29:15.165
Let's take a This is going to open up.
1:29:15.165–1:29:15.630
Let's take a look.
1:29:15.640–1:29:20.929
We tried to add authentication, add your Superbase publishable keys.
1:29:20.929–1:29:24.967
Okay, so we're not quite ready for adding authentication.
1:29:24.967–1:29:28.432
The easiest path is Superbase native Google OAuth flow.
1:29:28.432–1:29:30.959
It's asking it, what do I need to do to make this work?
1:29:30.959–1:29:33.156
I'm not signed in yet or I can't sign in.
1:29:33.156–1:29:36.823
So again, we're just asking the agent what we need to do to set this up.
1:29:36.823–1:29:39.157
Actually, we're not going to do Google.
1:29:39.157–1:29:43.363
I want to just set up What were some of the providers?
1:29:43.363–1:29:44.997
Was Apple one of them?
1:29:44.997–1:29:46.342
Let's do Apple.
1:29:46.342–1:29:48.693
Actually, let's just do email.
1:29:48.693–1:29:50.968
We don't need to do Google.
1:29:50.968–1:29:53.507
Just do email for now.
1:29:53.507–1:29:55.748
Okay, so the mobile app is done.
1:29:55.748–1:29:57.194
Let's see if this works here.
1:29:57.194–1:30:02.815
What we're going to do is we're going to go to Xcode and we're going to hit play.
1:30:02.815–1:30:04.322
Build succeeded.
1:30:04.322–1:30:08.430
So it decided that doing email and password was actually the easiest way to do it.
1:30:08.440–1:30:09.641
So that's what we're going to do.
1:30:09.641–1:30:11.910
I'm going to put in my email and password.
1:30:11.920–1:30:13.710
I'm going to pause the video for this.
1:30:13.720–1:30:15.990
And here we are just going to sign in.
1:30:16.000–1:30:17.990
Ah, I have to do create account first.
1:30:18.000–1:30:18.984
Create an account.
1:30:18.984–1:30:20.222
Okay, wait, it worked.
1:30:20.222–1:30:20.882
It worked.
1:30:20.882–1:30:21.542
It worked.
1:30:21.542–1:30:26.252
I had to go into Superbase and I had to turn off confirm email.
1:30:26.252–1:30:34.910
I can turn that on later, but all I want to do is be able to sign in and it looks like that I am indeed signed in here.
1:30:34.920–1:30:37.883
I can see that it Let's see if I hit save.
1:30:37.883–1:30:41.362
Let's save a few things here on platforms.
1:30:41.362–1:30:42.949
We'll save Cloud Code.
1:30:42.949–1:30:49.623
If we go back to our profile, uh, we have one platform saved, two tracks saved, no skills saved.
1:30:49.623–1:30:51.910
So I can save some skills.
1:30:51.920–1:30:57.054
1 2 3 1 2 3 Now let's go back to my profile.
1:30:57.054–1:31:00.429
All of these things are now saved in the app.
1:31:00.429–1:31:01.942
So I am signed in.
1:31:01.942–1:31:06.310
It doesn't show the account that I'm signed in with, which I will want it to do.
1:31:06.320–1:31:07.743
That's one thing we'll ask.
1:31:07.743–1:31:08.920
Okay, so I am signed in.
1:31:08.920–1:31:14.188
Once I sign in, I want it to be clearer that I'm signed in, like show like my email up at the top.
1:31:14.188–1:31:15.665
Um, but this is pretty cool.
1:31:15.665–1:31:18.393
We are signed in and this is working.
1:31:18.393–1:31:22.371
We have a full working authentication set up.
1:31:22.371–1:31:25.150
We can go to the tables.
1:31:25.160–1:31:28.086
And yeah, this is pretty cool.
1:31:28.086–1:31:31.243
So I think this app is ready for TestFlight.
1:31:31.243–1:31:34.990
So I'm actually going to add this later.
1:31:34.990–1:31:39.265
I want to get this ready for TestFlight.
1:31:39.265–1:31:43.905
Please do everything to prep for this.
1:31:43.905–1:31:49.573
I'm going to do it on the not number account.
1:31:49.573–1:31:52.209
So yeah, we're going to be sending this app to the App Store.
1:31:52.209–1:31:53.528
Here, let's take a look.
1:31:53.528–1:31:56.363
A trusted curator for the AI agent era.
1:31:56.363–1:31:57.899
That's pretty good.
1:31:57.899–1:32:04.089
And so we can see this full screen or what we can do is we can open this in Canva.
1:32:04.089–1:32:12.033
So we're going to open up this new version in Canva and it will show up right here and we can actually manually make edits to it.
1:32:12.033–1:32:16.194
And so we can do like the last 5 10% here, like we might want to get rid of this.
1:32:16.194–1:32:23.164
You know, maybe we'd want to change these colors just a little bit, but yeah, it exports pretty well.
1:32:23.164–1:32:24.384
Ooh, nice animation.
1:32:24.384–1:32:25.589
That's kind of sick.
1:32:25.589–1:32:27.029
It looks a lot better in Canva.
1:32:27.029–1:32:30.550
And so yeah, like we can get rid of these here.
1:32:30.560–1:32:34.310
Then we can also add some like offset.
1:32:34.320–1:32:35.704
Get like background.
1:32:35.704–1:32:37.325
We can put it over here.
1:32:37.325–1:32:40.193
So this is looking a little bit better.
1:32:40.193–1:32:44.351
We can make some Yeah, you know, this slide is fine.
1:32:44.351–1:32:47.070
We could add some icons, but you know what?
1:32:47.080–1:32:51.367
This is a decent start to an investor deck.
1:32:51.367–1:32:54.219
So I'm going to go ahead and go back to the plan.
1:32:54.219–1:32:55.745
I finished the investor deck.
1:32:55.745–1:33:01.103
I also finished the iOS app because this mobile app I think is looking pretty good.
1:33:01.103–1:33:03.585
You know, we still need to send it to the App Store.
1:33:03.585–1:33:08.990
And so while the mobile app is loading, what I want to do is I want to be able to put this on the internet.
1:33:09.000–1:33:12.772
So I want to be able to actually put this on the internet and we can give it a domain later.
1:33:12.772–1:33:24.293
But what I'm going to do now is I'm going to say, please, can you deploy this to @vercel and give me the public link.
1:33:24.293–1:33:28.654
So we are actually putting this website on the internet, right?
1:33:28.654–1:33:30.847
So this is how people will can get early access.
1:33:30.847–1:33:35.838
They can come to the website and we can actually grab this link right here.
1:33:35.838–1:33:42.081
Let me show you in a browser, so the actual And while this is loading, I want to add a song to our launch video.
1:33:42.081–1:33:44.513
So I'm just going to drag this song that I have.
1:33:44.513–1:33:46.888
It's called Chasing Horizons in my folder.
1:33:46.888–1:33:55.571
I'm going to say, please add this song at 50% volume in the launch video.
1:33:55.571–1:33:58.843
Keep everything else the same.
1:33:58.843–1:34:03.313
Okay, so we've created a build here on App Store Connect.
1:34:03.313–1:34:06.054
Now, please put it on Connect.
1:34:06.054–1:34:07.430
Now, please put it on TestFlight.
1:34:07.440–1:34:07.997
I'm done.
1:34:07.997–1:34:11.987
Okay, while that's loading, I'm running one final prompt on Cloud Code.
1:34:11.987–1:34:23.070
I want to add Oh yeah, here's the music, by the way.
1:34:23.080–1:34:24.910
So it shows copying.
1:34:24.920–1:34:27.430
I can paste it here.
1:34:27.440–1:34:31.790
It's pretty good.
1:34:31.800–1:34:36.030
Some repetition shows me copying this.
1:34:36.040–1:34:36.402
Boom.
1:34:36.402–1:34:39.926
Now after this, I want it to actually use the skill.
1:34:39.926–1:34:52.100
So we're using the skill and then I want you to create a little canvas that shows all like five frames of a calorie tracking app that look really good on the same background as that Cloud Code is, but remember change the font here.
1:34:52.100–1:34:54.953
You didn't really choose the right font for the Cloud Code.
1:34:54.953–1:35:00.034
And yeah, have a new app like have a like a laptop screen pop up.
1:35:00.034–1:35:05.793
Just basically like a computer screen pop up that shows the different canvases of an iPhone mock-up.
1:35:05.793–1:35:07.492
Okay, we're getting there.
1:35:07.492–1:35:09.707
We're almost there, guys.
1:35:09.707–1:35:11.705
Okay, this web app looks done.
1:35:11.705–1:35:13.688
Okay, yep, this is done.
1:35:13.688–1:35:15.831
Deploy to Vercel.
1:35:15.831–1:35:17.470
Give me link.
1:35:17.480–1:35:20.242
And we can't mark this as complete until we've tested it.
1:35:20.242–1:35:23.262
So I'm going to go in and try and submit an email on the website.
1:35:23.262–1:35:24.897
Right, I need to go to this link.
1:35:24.897–1:35:28.877
If we open up Arc here, we need to be able to type in the info here.
1:35:28.877–1:35:32.870
And then remember, this last thing is I want to be able to set up X post automation.
1:35:32.880–1:35:34.127
So we're just going to set that up.
1:35:34.127–1:35:36.412
This is one of my favorite skills that I've ever used.
1:35:36.412–1:35:38.454
For this, we're going to use Typefully.
1:35:38.454–1:35:48.870
So Typefully is how I control six different Twitter accounts to and uh combine over like 275,000 followers across all of my accounts.
1:35:48.880–1:35:54.133
And I just need to come in here and what I need to do is I need to grab my API key, right?
1:35:54.133–1:35:57.862
Cuz I can just go here and I can create new posts from Vibe Coding Explained.
1:35:57.862–1:36:04.152
This account has 50,000 followers and we can use AI to draft tweets from Typefully.
1:36:04.152–1:36:11.378
And so here, what we need to do is we need to go to settings, then we need to go to API, and then we need to create a new API key.
1:36:11.378–1:36:13.095
So I'm going to create one and copy it.
1:36:13.095–1:36:13.990
Now we're going to come here.
1:36:13.990–1:36:22.522
I'm going to say, please, can you search Typefully and I want you to create a skill that allows me to fully control it with their new API.
1:36:22.522–1:36:24.628
Their new API is V3.
1:36:24.628–1:36:26.149
It gives me full control.
1:36:26.149–1:36:28.268
When you search it, you might find V2.
1:36:28.268–1:36:29.088
I want V3.
1:36:29.088–1:36:31.983
I want full control over Typefully.
1:36:31.983–1:36:34.550
And I want you to just test it right away.
1:36:34.550–1:36:40.819
Test it with the Riley Brown account and use fruit emojis in your test, so I know which ones are yours.
1:36:40.819–1:36:43.789
In the message below, I'm going to paste my API key.
1:36:43.789–1:36:44.350
Use that.
1:36:44.360–1:36:45.244
Figure this out.
1:36:45.244–1:36:45.687
Test it.
1:36:45.687–1:36:47.029
Let's see if this works.
1:36:47.029–1:36:48.062
Create the skill.
1:36:48.062–1:36:55.749
All right, so we're creating a skill so we can have AI and we can set up automations to automatically use this API to schedule tweets.
1:36:55.749–1:36:57.985
So here, I'm going to enter this.
1:36:57.985–1:37:00.350
Now off camera, I'm going to paste my API key.
1:37:00.350–1:37:02.490
I do not want that out there in the wild.
1:37:02.490–1:37:06.984
Okay, so we just got the web app link and I know this is not centered, right?
1:37:06.984–1:37:09.759
I know we're we're just we made this really quickly.
1:37:09.759–1:37:11.086
We can easily center this.
1:37:11.086–1:37:12.539
It says made with easily center this.
1:37:12.539–1:37:13.270
It says made with Tally.
1:37:13.280–1:37:16.430
I'm just going to put in an email I'm just going to put in an email address.
1:37:16.440–1:37:18.110
All right, so we're going to hit register.
1:37:18.110–1:37:19.356
All right, so done.
1:37:19.356–1:37:21.286
So now let's check to see if that worked.
1:37:21.286–1:37:26.603
We're going to go back to Tally and here we see the registration form template.
1:37:26.603–1:37:27.497
One submission.
1:37:27.497–1:37:31.132
We see the one submission here and we see that it works.
1:37:31.132–1:37:33.928
So this is actually on the internet, right?
1:37:33.928–1:37:37.694
This is Chorus-Beta-2 Vercel app.
1:37:37.694–1:37:39.790
So this is on the internet.
1:37:39.800–1:37:41.568
We can give it a custom domain.
1:37:41.568–1:37:46.831
I just haven't bought a domain yet for this, but you can actually sign up for early access right now.
1:37:46.831–1:37:54.133
So we can go back to our plan and we can say, cool, I finished the web app and landing page waitlist sign up.
1:37:54.133–1:37:55.483
All right, and look at this.
1:37:55.483–1:37:57.698
We actually have our app.
1:37:57.698–1:37:59.247
We can open our app here.
1:37:59.247–1:38:00.828
This is actually in TestFlight.
1:38:00.828–1:38:02.790
You can see that this is a real build.
1:38:02.790–1:38:04.630
This is not the Chorus app.
1:38:04.640–1:38:07.466
This one is the app that we downloaded to our phone, right?
1:38:07.466–1:38:09.120
That we downloaded from Xcode.
1:38:09.120–1:38:13.001
This one This one is actually a TestFlight link.
1:38:13.001–1:38:18.839
Now, I can say Riley at Actually, I forget what email at Okay, there we go.
1:38:18.839–1:38:20.774
We are signed in to our account.
1:38:20.774–1:38:21.800
We have this app.
1:38:21.800–1:38:24.110
It is literally on the App Store.
1:38:24.120–1:38:32.193
It's a pretty bare-bones app, you know, it's if it is a pretty simple app, but we have some good information here that we're going to add to, right?
1:38:32.193–1:38:33.707
We just created the bare-bones.
1:38:33.707–1:38:39.236
We have it set up to a back end, so I can constantly add things to this to make it a really useful app.
1:38:39.236–1:38:44.808
One thing I do want to add is an AI chat, but it has haptics and it feels pretty good.
1:38:44.808–1:38:47.499
So we are done with our app, fully done with our app.
1:38:47.499–1:38:49.231
Let's check on our launch video.
1:38:49.231–1:38:50.778
Let's see if Opus is done.
1:38:50.778–1:38:57.043
Okay, this is actually looking pretty good, but I think the Typefully one is done.
1:38:57.043–1:38:58.026
I was wrong.
1:38:58.026–1:39:02.961
It is V2, but it said that it was able to create a draft autonomously.
1:39:02.961–1:39:07.950
So we did create the skill that controls Typefully, which allows me to draft tweets.
1:39:07.950–1:39:14.621
So if I go back to Typefully here, it said that it created one on Riley Brown.
1:39:14.621–1:39:15.338
Let's see.
1:39:15.338–1:39:16.270
There you go.
1:39:16.280–1:39:19.350
So, it is able to create drafts for me.
1:39:19.360–1:39:31.790
And so, now I can say, "Please do research and come up with three drafts every single morning to post on X.
1:39:31.800–1:39:43.602
Please create that automation now and use the slash I think it should have use the slash I think it should have created Typefully control skill and we can run it.
1:39:43.602–1:39:46.430
So, we just created the automation.
1:39:46.440–1:39:48.252
So, we are done with this.
1:39:48.252–1:39:51.230
I just finished the X post video automation.
1:39:51.240–1:39:54.594
So, all we have left is the launch video.
1:39:54.594–1:39:58.264
We need to go to the uh Remotion screen here.
1:39:58.264–1:40:00.386
Let's see if Cloud Code is still working.
1:40:00.386–1:40:01.390
It looks like it's done.
1:40:01.400–1:40:02.093
Let's take a look.
1:40:02.093–1:40:05.227
Let's watch the video.
1:40:05.227–1:40:14.990
Let's see if it's good.
1:40:15.000–1:40:16.733
Okay, so we're adding the skill.
1:40:16.733–1:40:17.552
Very good.
1:40:17.552–1:40:20.750
We're going to do it again.
1:40:20.760–1:40:29.190
Boom.
1:40:29.200–1:40:30.968
Yeah, that's a little bit long.
1:40:30.968–1:40:36.994
That's Yeah, that's a little bit long.
1:40:36.994–1:40:39.190
That's okay.
1:40:39.200–1:40:43.510
Okay, we got this app laptop opening up and it created the designs for the app.
1:40:43.520–1:40:46.150
That's pretty sick.
1:40:46.160–1:40:52.486
And then, there you go.
1:40:52.486–1:40:53.990
It's kind of sick.
1:40:54.000–1:40:55.750
Obviously, there's a lot more we can do.
1:40:55.760–1:40:59.428
We were multitasking, but I think this is actually a good first draft.
1:40:59.428–1:41:01.061
We can continue to edit it.
1:41:01.061–1:41:05.084
I will say Cloud Code is significantly better at designing.
1:41:05.084–1:41:08.930
Codex just wants to use these like really clunky design styles.
1:41:08.930–1:41:12.289
I cannot wait for them to get a model specifically for design.
1:41:12.289–1:41:14.337
I think that'll be really great.
1:41:14.337–1:41:15.394
But, we're good.
1:41:15.394–1:41:18.265
And as you can see here, automations just turned to three.
1:41:18.265–1:41:21.598
If we go to we can see that it created these morning drafts here.
1:41:21.598–1:41:24.696
And here is the morning draft that it created.
1:41:24.696–1:41:26.920
And we have three automations ready to go.
1:41:26.920–1:41:29.621
So, that's what we've done today.
1:41:29.621–1:41:30.078
Woo!
1:41:30.078–1:41:32.155
This was a long one.
1:41:32.155–1:41:34.199
Yeah, we covered a lot.
1:41:34.199–1:41:39.175
I'm just going to just so we finished finished the launch video.
1:41:39.175–1:41:39.685
Okay.
1:41:39.685–1:41:40.196
Yeah.
1:41:40.196–1:41:41.849
And so, there you go.
1:41:41.849–1:41:42.707
We are done.
1:41:42.707–1:41:48.150
And all I wanted to illustrate in part two of this video was that you can multitask to create really cool things.
1:41:48.150–1:41:50.605
If you ever get stuck, just ask the agent.
1:41:50.605–1:41:54.112
If you ever want a skill, just ask the agent if you can create a skill.
1:41:54.112–1:41:56.776
Maybe you'll need an API key to a tool you already use.
1:41:56.776–1:42:01.594
Maybe not, but you can just ask the agent to create a skill and you can download it.
1:42:01.594–1:42:03.616
And they have a lot of plugins.
1:42:03.616–1:42:05.903
They're going to continue to add a ton more plugins.
1:42:05.903–1:42:09.705
So, you're going to basically be able to all of the tools that you already use.
1:42:09.705–1:42:12.308
And um it's only going to get easier from here.
1:42:12.308–1:42:19.505
I highly recommend to just take everything that you do in your job or in your business and try and figure out how you can automate as much as you can.
1:42:19.505–1:42:23.414
You know, if you have a software company, try and create a launch video every week.
1:42:23.414–1:42:26.998
You can just launch on Instagram or on Twitter every week.
1:42:26.998–1:42:29.215
Uh you can create Instagram videos.
1:42:29.215–1:42:30.761
You can create graphics.
1:42:30.761–1:42:37.510
There's a ton of things that you can just do and experiment with and figure out how to use Canva with Codex.
1:42:37.520–1:42:42.401
There's so much that you can do on these AI-powered super apps and they're only going to get better.
1:42:42.401–1:42:44.568
Anyway, thank you guys so much for watching.
1:42:44.568–1:42:46.438
Please hit subscribe and like this video.
1:42:46.438–1:42:47.690
It helps me out a ton.
1:42:47.690–1:42:50.518
I will put the app that we created, right?
1:42:50.518–1:42:52.577
We have the app that we created.
1:42:52.577–1:42:55.552
By the time you see this video, it should be on the App Store.
1:42:55.552–1:42:56.873
You'll be able to use it for free.
1:42:56.873–1:42:57.809
I'm going to load it up.
1:42:57.809–1:43:01.929
I'm just going to keep this as my notes for all of the useful tools that I use.
1:43:01.929–1:43:10.336
So, I'm actually going to put all of the useful skills and all of the platforms that I'm testing out on this mobile app and it'll be on the App Store.
1:43:10.336–1:43:12.070
So, check that out if you want.
1:43:12.080–1:43:13.000
Anyway, thank you guys for watching.
0:00.000–0:17.070
Welcome to the Open AI Codex complete guide, where we will be learning how to use Open AI's new super app to create and edit designs, do research and create documents, create and deploy full web apps, create motion graphic launch
(此句尚無繁中翻譯)
0:17.080–0:26.722
videos, create high-quality investor decks that you can export to Canva, and even create high-quality iOS apps in Swift.
(此句尚無繁中翻譯)
0:26.722–0:33.491
What you'll realize in this video is Codex is the only unified all-purpose AI agent tool.
(此句尚無繁中翻譯)
0:33.491–0:43.623
One that combines coding, co-work, browser, and computer use cases all into one single interface that we are going to cover in great detail.
(此句尚無繁中翻譯)
0:43.623–0:45.806
So, this video is going to be divided into two parts.
(此句尚無繁中翻譯)
0:45.806–0:54.695
We're going to first start with the basics, and then we are going to move on to multitasking and creating many different things in parallel.
(此句尚無繁中翻譯)
0:54.695–0:57.904
In part one, we're going to talk about the basics of prompting.
(此句尚無繁中翻譯)
0:57.904–1:03.510
We're going to talk about permissions, the different AI models you can use, and the effort.
(此句尚無繁中翻譯)
1:03.520–1:06.023
We're also going to talk about the main features in the app.
(此句尚無繁中翻譯)
1:06.023–1:11.383
We're going to do a detailed dive into all of the different things that you can do on Codex.
(此句尚無繁中翻譯)
1:11.383–1:13.289
We're going to talk about how to stay organized.
(此句尚無繁中翻譯)
1:13.289–1:19.473
We're going to talk about this preview, which makes Codex so useful for basically any use case.
(此句尚無繁中翻譯)
1:19.473–1:24.445
You can even comment directly on the preview to give additional information to the AI agent.
(此句尚無繁中翻譯)
1:24.445–1:30.780
We're also going to talk about how to create PowerPoints, how to create Excel sheets, and how to create documents.
(此句尚無繁中翻譯)
1:30.780–1:33.015
We're going to talk about skills and plugins.
(此句尚無繁中翻譯)
1:33.015–1:41.006
We're also going to create automations, so you can simply chat with Codex to create automations that allow you to just save so much time.
(此句尚無繁中翻譯)
1:41.006–1:47.798
And then, we're also going to talk about computer use, which allows your agent to literally control your computer.
(此句尚無繁中翻譯)
1:47.798–1:52.670
And the Open AI computer use is best in the world by far.
(此句尚無繁中翻譯)
1:52.680–1:58.597
And so, part one is going to feel very linear and somewhat slow, but we're really going to dig into the basics.
(此句尚無繁中翻譯)
1:58.597–2:01.202
And part two, we're going to start to have a lot more fun.
(此句尚無繁中翻譯)
2:01.202–2:04.910
In part two, we are going to create a design for a mobile app.
(此句尚無繁中翻譯)
2:04.920–2:06.550
We're going to create a mobile app.
(此句尚無繁中翻譯)
2:06.560–2:07.585
We're going to build a web app.
(此句尚無繁中翻譯)
2:07.585–2:11.750
We're going to build an investor deck, and we're going to create a launch video.
(此句尚無繁中翻譯)
2:11.760–2:14.086
And we're going to do these all at the same time.
(此句尚無繁中翻譯)
2:14.086–2:18.604
And so, we are going to dive into multitasking with Codex.
(此句尚無繁中翻譯)
2:18.604–2:28.834
Because every month that goes by, AI agents are working for longer and longer to the point where AI agents can take up to an hour or two hours on any given task.
(此句尚無繁中翻譯)
2:28.834–2:33.750
So, in order to become effective at using AI, you need to learn how to multitask.
(此句尚無繁中翻譯)
2:33.760–2:38.709
And in this part, I want to talk about how I multitask with Codex.
(此句尚無繁中翻譯)
2:38.709–2:53.043
And so, by the end of this video, you are going to be ahead of 99% of people in terms of practically using AI agents to get work done, whether it's coding or general use cases and creating documents and things for work.
(此句尚無繁中翻譯)
2:53.043–2:54.670
Let's dive into the video.
(此句尚無繁中翻譯)
2:54.680–2:59.006
Okay, so let's first start off by downloading the Codex app.
(此句尚無繁中翻譯)
2:59.006–3:03.477
So, you can go to any browser and type in Codex app download.
(此句尚無繁中翻譯)
3:03.477–3:08.045
And here we see chat.gpt .com Codex desktop app.
(此句尚無繁中翻譯)
3:08.045–3:09.636
We're going to click on this.
(此句尚無繁中翻譯)
3:09.636–3:11.069
The page should look like this.
(此句尚無繁中翻譯)
3:11.069–3:15.139
And here is where you can download this for Mac OS.
(此句尚無繁中翻譯)
3:15.139–3:20.648
I already have it downloaded, but just click this and go through the process of getting it on your computer.
(此句尚無繁中翻譯)
3:20.648–3:25.299
Okay, so when you download the Codex app for the first time, it'll look a lot like this.
(此句尚無繁中翻譯)
3:25.299–3:31.190
You're going to see this left side panel with these five options over here, which we're going to dive deep into later.
(此句尚無繁中翻譯)
3:31.200–3:38.870
You're not going to see any conversations over here, and then you're going to see this kind of chat interface that looks oddly similar to chat.gpt.
(此句尚無繁中翻譯)
3:38.880–3:41.756
And we can actually open up Arc here real quick.
(此句尚無繁中翻譯)
3:41.756–3:42.800
Here is chat.gpt.
(此句尚無繁中翻譯)
3:42.800–3:44.527
This is what chat.gpt looks like.
(此句尚無繁中翻譯)
3:44.527–3:45.436
It's very similar.
(此句尚無繁中翻譯)
3:45.436–3:49.114
You type a chat, and you get a response from chat.gpt.
(此句尚無繁中翻譯)
3:49.114–3:50.314
It's very similar.
(此句尚無繁中翻譯)
3:50.314–3:55.166
So, it looks similar from this perspective, but there's so much more in this application.
(此句尚無繁中翻譯)
3:55.166–3:56.470
It is unbelievable.
(此句尚無繁中翻譯)
3:56.480–3:59.710
So, if I were to type something here, let's say I type something like this.
(此句尚無繁中翻譯)
3:59.720–4:03.034
Hello, please search and tell me the latest news on Open AI's new desktop app.
(此句尚無繁中翻譯)
4:03.034–4:04.590
List all the different features.
(此句尚無繁中翻譯)
4:04.600–4:10.466
Just like chat.gpt, it has built-in web search, so it'll automatically search the web, and it will give me a nice response.
(此句尚無繁中翻譯)
4:10.466–4:13.773
I can also type that into Codex and press enter.
(此句尚無繁中翻譯)
4:13.773–4:22.654
Now, notice here that the chat find Open AI desktop features showed up here in the side panel under this chats column.
(此句尚無繁中翻譯)
4:22.654–4:24.607
This is actually brand new to Codex.
(此句尚無繁中翻譯)
4:24.607–4:26.295
They added this chats column.
(此句尚無繁中翻譯)
4:26.295–4:32.792
This is because we didn't actually select which location we wanted this chat to be in.
(此句尚無繁中翻譯)
4:32.792–4:35.008
And I'll explain that right now.
(此句尚無繁中翻譯)
4:35.008–4:43.062
What makes Quad Code and Codex so powerful is that it is an AI agent that can basically control your entire computer.
(此句尚無繁中翻譯)
4:43.062–4:44.038
It can create files.
(此句尚無繁中翻譯)
4:44.038–4:45.113
It can edit files.
(此句尚無繁中翻譯)
4:45.113–4:53.018
And as we'll get to later, it can even use computer use, which means fully controlling the mouse and keyboard on your computer.
(此句尚無繁中翻譯)
4:53.018–5:01.307
And so, when you do this, the most useful way to do it is to give it a specific location in which it starts out in.
(此句尚無繁中翻譯)
5:01.307–5:06.554
And when you create a project, it's going to open up your folders on your computer, right?
(此句尚無繁中翻譯)
5:06.554–5:08.073
It's going to open up Finder.
(此句尚無繁中翻譯)
5:08.073–5:13.453
And so, I create a project called Codex projects, and you can create anything you want.
(此句尚無繁中翻譯)
5:13.453–5:16.956
You can call it Riley's Codex, or you could just put them in your documents folder.
(此句尚無繁中翻譯)
5:16.956–5:18.011
It doesn't matter.
(此句尚無繁中翻譯)
5:18.011–5:20.866
I keep it organized, and I'll I'll even create a new folder.
(此句尚無繁中翻譯)
5:20.866–5:24.401
So, I'll just say like Riley's Codex projects.
(此句尚無繁中翻譯)
5:24.401–5:31.070
So, this is the folder that I'll create where I will put all of my other projects beneath it.
(此句尚無繁中翻譯)
5:31.080–5:34.105
So, I just created this Riley's Codex projects.
(此句尚無繁中翻譯)
5:34.105–5:41.108
Now, let's say I wanted to do some research on all the cool things about Codex and the new desktop app.
(此句尚無繁中翻譯)
5:41.108–5:46.479
And I can create a project where all the documents that I create about this will be stored in that location.
(此句尚無繁中翻譯)
5:46.479–5:52.075
And so, what I'm going to do is I'm going to hit new folder, and I'm going to call this Codex desktop research.
(此句尚無繁中翻譯)
5:52.075–5:53.717
And we're going to hit create.
(此句尚無繁中翻譯)
5:53.717–5:57.550
We're going to select this folder, and we're going to hit open.
(此句尚無繁中翻譯)
5:57.560–6:00.510
Notice here that a project was created.
(此句尚無繁中翻譯)
6:00.520–6:05.352
We have one project created, and it's called Codex desktop research.
(此句尚無繁中翻譯)
6:05.352–6:12.301
Now, if we click on this button, we are now creating a new chat at Codex desktop research.
(此句尚無繁中翻譯)
6:12.301–6:14.110
It's also listed right here.
(此句尚無繁中翻譯)
6:14.120–6:16.116
Codex desktop research.
(此句尚無繁中翻譯)
6:16.116–6:19.975
So, when we create a chat, it'll show up here.
(此句尚無繁中翻譯)
6:19.975–6:28.770
So, I'm just going to say, please tell me about the new Codex desktop app features that they released today.
(此句尚無繁中翻譯)
6:28.770–6:31.630
And again, this can search the internet by default.
(此句尚無繁中翻譯)
6:31.640–6:33.631
It can go off and do research.
(此句尚無繁中翻譯)
6:33.631–6:38.565
And notice here, if we were to expand this, this chat shows up right here.
(此句尚無繁中翻譯)
6:38.565–6:40.750
And it will automatically use AI to name it.
(此句尚無繁中翻譯)
6:40.760–6:42.721
So, find new Codex app features.
(此句尚無繁中翻譯)
6:42.721–6:46.281
Now, we can press this button again, and we can actually create a new chat.
(此句尚無繁中翻譯)
6:46.281–6:51.274
I can say, what are people saying about the new Codex app?
(此句尚無繁中翻譯)
6:51.274–6:56.590
Figure out a way to look at blogs and x.com.
(此句尚無繁中翻譯)
6:56.590–7:02.543
And what are people saying what are they excited about?
(此句尚無繁中翻譯)
7:02.543–7:07.391
So, these are chats under the same project, and they work at the same time.
(此句尚無繁中翻譯)
7:07.391–7:12.633
And you can tell that it's in progress because of this right here, right?
(此句尚無繁中翻譯)
7:12.633–7:18.203
You can see that we have this spinning circle right here, so we know that we're waiting.
(此句尚無繁中翻譯)
7:18.203–7:26.482
And one of the coolest features of the Codex app and other similar apps like it is it makes it pretty easy to multitask.
(此句尚無繁中翻譯)
7:26.482–7:31.744
And so, we'll know when it's done because a blue little dot There we go, right on cue.
(此句尚無繁中翻譯)
7:31.744–7:33.590
So, this blue dot popped up here.
(此句尚無繁中翻譯)
7:33.600–7:36.091
Now, we know that we have like an unread message.
(此句尚無繁中翻譯)
7:36.091–7:37.251
So, we can click on this.
(此句尚無繁中翻譯)
7:37.251–7:40.230
And so, here we can find the new feature.
(此句尚無繁中翻譯)
7:40.240–7:42.111
And let's say I don't want to read it like this.
(此句尚無繁中翻譯)
7:42.111–7:47.996
I can say, please create a spreadsheet of the new features that you just told me.
(此句尚無繁中翻譯)
7:47.996–7:58.190
And so, now, what it's going to do is it is going to create a spreadsheet, which is a document, and it's actually going to store this spreadsheet in this folder right here.
(此句尚無繁中翻譯)
7:58.200–8:05.390
And remember, you can always get back to this folder for this project by clicking these three dots and hit open in Finder.
(此句尚無繁中翻譯)
8:05.400–8:07.755
And you can see that it opens up right here.
(此句尚無繁中翻譯)
8:07.755–8:12.389
And we can click into it, and we're going to be able to see all of the files that get created.
(此句尚無繁中翻譯)
8:12.389–8:17.093
No files have been created so far, and these chats don't actually get stored here.
(此句尚無繁中翻譯)
8:17.093–8:19.536
It's just the files that they create.
(此句尚無繁中翻譯)
8:19.536–8:20.646
Oh, and here we go.
(此句尚無繁中翻譯)
8:20.646–8:22.634
It just created this outputs folder.
(此句尚無繁中翻譯)
8:22.634–8:25.360
We click in this, and so it's created the folder.
(此句尚無繁中翻譯)
8:25.360–8:27.230
It hasn't yet created the document yet.
(此句尚無繁中翻譯)
8:27.230–8:35.029
And if you'll notice here, it's done, and you'll see at the bottom we have this Codex Codex desktop features.xlsx.
(此句尚無繁中翻譯)
8:35.039–8:38.303
If we go ahead and we just click open, look at this.
(此句尚無繁中翻譯)
8:38.303–8:40.743
It opens right here in the side view.
(此句尚無繁中翻譯)
8:40.743–8:49.030
Notice here, if we don't want this side-by-side view, we can come up and we can press this button right here, which will allow us to full screen it.
(此句尚無繁中翻譯)
8:49.040–8:56.769
And I could even remove the side panel, and now we're operating in this spreadsheet view, and it is literally full screen.
(此句尚無繁中翻譯)
8:56.769–9:00.714
Yeah, I can view the whole thing, and I can create a follow-up.
(此句尚無繁中翻譯)
9:00.714–9:06.182
And I could say something like, please remove the source page column.
(此句尚無繁中翻譯)
9:06.182–9:16.119
And so, now, we can just see that it is working, and you can tell it's working because it says stop, and we can leave this full screen view, and we can see that this was entered in the chat.
(此句尚無繁中翻譯)
9:16.119–9:23.700
So, this is a fun way to toggle between like here you can see all of your agents and the chat and what your agent is working on.
(此句尚無繁中翻譯)
9:23.700–9:31.869
And if you want to just focus on the thing that you're working on, again, you can full screen this, and you can remove the side panel to kind of toggle between the views.
(此句尚無繁中翻譯)
9:31.869–9:33.656
And look, here it's done.
(此句尚無繁中翻譯)
9:33.656–9:38.495
You will notice here that the source column is no longer here.
(此句尚無繁中翻譯)
9:38.495–9:43.287
It removed it, and so, we can just use AI to edit this document pretty perfectly.
(此句尚無繁中翻譯)
9:43.287–9:59.430
And remember, remember when I said that all of the files that your agent creates will show up in this folder, and you can open in Finder at this location, and we can open this, and here we can see that this xls, this is the file that we're working on
(此句尚無繁中翻譯)
9:59.440–10:00.374
right now.
(此句尚無繁中翻譯)
10:00.374–10:03.364
So all of it is stored in this file.
(此句尚無繁中翻譯)
10:03.364–10:07.747
And so this makes it easy for me to create chats and reference that file.
(此句尚無繁中翻譯)
10:07.747–10:22.125
I can very easily hit create new chat and I can say, "Please add anything that I missed to @ and we should be able to see the file." If we go back to finder, we can see that this file is called Codex desktop features.
(此句尚無繁中翻譯)
10:22.125–10:25.466
And so we can go @Codex desktop features.
(此句尚無繁中翻譯)
10:25.466–10:29.657
And so we can @ mention that file and say, "Do research.
(此句尚無繁中翻譯)
10:29.657–10:34.830
Let me know if I missed anything for new features for Codex."
(此句尚無繁中翻譯)
10:34.840–10:42.140
And so within this chat, like within this folder, we can @ mention anything that we create, which is really, really fun.
(此句尚無繁中翻譯)
10:42.140–10:48.710
Okay, I wanted to take a brief moment to just recap everything that we've talked about before we dive into more advanced topics.
(此句尚無繁中翻譯)
10:48.710–10:57.413
Codex in its simplest form, this Codex application allows you to chat with an AI agent that can create, edit, and delete files on your computer.
(此句尚無繁中翻譯)
10:57.413–11:03.977
And the specific parts of the app that we've talked about, the project location or file path is right here.
(此句尚無繁中翻譯)
11:03.977–11:06.070
The permissions are right here.
(此句尚無繁中翻譯)
11:06.080–11:10.923
It's basically what your agent is allowed to do and do you need to approve its actions.
(此句尚無繁中翻譯)
11:10.923–11:13.917
I prefer using full access, so just let it let it cook.
(此句尚無繁中翻譯)
11:13.917–11:22.396
And then we also have the model GPT 5.4 and the effort level, which is extra high that I use by default.
(此句尚無繁中翻譯)
11:22.396–11:27.908
And you can type your question or answer or whatever you want to create, you can type it in.
(此句尚無繁中翻譯)
11:27.908–11:34.630
When you type it in, when you choose a file location, it'll also show up in the side panel right here.
(此句尚無繁中翻譯)
11:34.630–11:44.776
And again, your project location, Codex desktop research, Codex desktop research, this chat, whatever you type in will be named and will be will be placed here in the side panel.
(此句尚無繁中翻譯)
11:44.776–11:49.059
And if we go down here, your agent can also create files, right?
(此句尚無繁中翻譯)
11:49.059–11:53.724
So it can create this .xlsx document on your computer.
(此句尚無繁中翻譯)
11:53.724–11:56.588
And so this is just an agent created file.
(此句尚無繁中翻譯)
11:56.588–12:01.814
And this agent created file gets added to this folder that you created, right?
(此句尚無繁中翻譯)
12:01.814–12:15.335
The same project location, your file created by an agent, if the chat is within this project location, that file will actually show up in this outputs folder within the Codex desktop research.
(此句尚無繁中翻譯)
12:15.335–12:19.464
So you can see they all get organized in this clean file layout.
(此句尚無繁中翻譯)
12:19.464–12:26.910
And then if you press this open button right here, then it opens up the file in this clean view.
(此句尚無繁中翻譯)
12:26.920–12:31.835
And remember, you can full screen this view if you want to and you can see all of your files here.
(此句尚無繁中翻譯)
12:31.835–12:36.212
So you can actually have multiple files open, which we'll get to a lot later.
(此句尚無繁中翻譯)
12:36.212–12:40.138
We haven't done this yet, but you can see the file name right here.
(此句尚無繁中翻譯)
12:40.138–12:43.888
And so that's kind of a basic overview of what we've talked about so far.
(此句尚無繁中翻譯)
12:43.888–12:47.926
Now let's dig into some more fun workflows and more fun projects.
(此句尚無繁中翻譯)
12:47.926–12:54.910
So now I want to go over the other options up here on the top left. one being search.
(此句尚無繁中翻譯)
12:54.920–12:56.587
And don't worry, we'll get to plugins in a second.
(此句尚無繁中翻譯)
12:56.587–12:57.889
This is when it gets really fun.
(此句尚無繁中翻譯)
12:57.889–13:00.513
But you know how we have two projects over here?
(此句尚無繁中翻譯)
13:00.513–13:05.446
I've actually created over 30 different projects in the time that I've been using Codex.
(此句尚無繁中翻譯)
13:05.446–13:09.266
But one thing that you can do is you can very easily remove them from the side panel.
(此句尚無繁中翻譯)
13:09.266–13:15.534
And that doesn't mean you delete anything because remember, these are all just folders on your computer and those don't actually get deleted.
(此句尚無繁中翻譯)
13:15.534–13:17.370
You just remove them from the side panel.
(此句尚無繁中翻譯)
13:17.370–13:20.349
But this search feature, what I can do is I can search anything.
(此句尚無繁中翻譯)
13:20.349–13:27.990
So I remember I looked for I said to do research and create a report in the style of Karpathy, but it I removed the project.
(此句尚無繁中翻譯)
13:28.000–13:35.946
But if I just type in Karpathy, it can actually it searches all the chats for the name Karpathy and I can click on it and now this chat opens up.
(此句尚無繁中翻譯)
13:35.946–13:42.102
And you can see here that the name of the chat is analyze Karpathy voice and it's in this general agent tasks.
(此句尚無繁中翻譯)
13:42.102–13:44.741
So remember, this is just the project folder.
(此句尚無繁中翻譯)
13:44.741–13:47.155
So this Codex desktop research, right?
(此句尚無繁中翻譯)
13:47.155–13:48.695
That is the project folder.
(此句尚無繁中翻譯)
13:48.695–13:53.064
This is the general agent tasks folder that I removed from the side panel.
(此句尚無繁中翻譯)
13:53.064–13:56.385
But if I click on this, it'll actually open up the location.
(此句尚無繁中翻譯)
13:56.385–13:59.736
And then all I need to do is just drag this in here and boom.
(此句尚無繁中翻譯)
13:59.736–14:06.350
Now all of the chats for this general agent tasks here shows up here on the left side panel, right?
(此句尚無繁中翻譯)
14:06.360–14:07.288
That's pretty cool.
(此句尚無繁中翻譯)
14:07.288–14:11.786
And again, I can remove it and I can bring it back whenever I want.
(此句尚無繁中翻譯)
14:11.786–14:22.613
And so in order to access this search menu, you can just press command G and we can just type in Codex outline and you can open it without even clicking on it, which is kind of fun.
(此句尚無繁中翻譯)
14:22.613–14:26.274
Here is application that I was working on earlier that goes through all the features.
(此句尚無繁中翻譯)
14:26.274–14:29.307
But we're going to get to more advanced applications in just a second.
(此句尚無繁中翻譯)
14:29.307–14:31.494
First, I want to talk about plugin.
(此句尚無繁中翻譯)
14:31.494–14:35.510
And so yeah, many people get these confused, plugins versus skills.
(此句尚無繁中翻譯)
14:35.520–14:39.483
And I will say the line between plugins and skills is a little blurry.
(此句尚無繁中翻譯)
14:39.483–14:51.263
And so I actually just asked Codex to create a little graphic using my Excalidraw skill that I created and I had it create this image and then I exported it and here it is.
(此句尚無繁中翻譯)
14:51.263–14:54.436
So fun fact, I generated this with my Excalidraw skill.
(此句尚無繁中翻譯)
14:54.436–14:57.073
But let's talk about the difference between skills and plugins.
(此句尚無繁中翻譯)
14:57.073–15:02.144
So skills are basically a reusable workflow package for a specific kind of task.
(此句尚無繁中翻譯)
15:02.144–15:10.550
And so you can think of a skill as a reusable recipe, whereas a plugin is the installable unit that extends Codex with more capabilities.
(此句尚無繁中翻譯)
15:10.560–15:13.656
And so you can see here, if we click on plugins, right?
(此句尚無繁中翻譯)
15:13.656–15:15.155
It's kind of weird, right?
(此句尚無繁中翻譯)
15:15.155–15:19.345
In the Claude app, we can see that they call it the customize tab.
(此句尚無繁中翻譯)
15:19.345–15:22.156
And then here they have skills and connectors.
(此句尚無繁中翻譯)
15:22.156–15:24.182
OpenAI has plugins and skills.
(此句尚無繁中翻譯)
15:24.182–15:27.990
If you use different tools, they have different vocabulary for each one.
(此句尚無繁中翻譯)
15:28.000–15:32.989
So I kind of just clump these together and I personally think them of them as skills.
(此句尚無繁中翻譯)
15:32.989–15:37.282
And so skills are just ways to extend the capability of the model, right?
(此句尚無繁中翻譯)
15:37.282–15:47.618
So if I wanted to say something to Codex and be like, "Hey, check my email and tell me all of the urgent messages that they've sent me today, right?" It couldn't do that right as you downloaded Codex.
(此句尚無繁中翻譯)
15:47.618–15:50.083
You need to give it the skill of email.
(此句尚無繁中翻譯)
15:50.083–15:51.970
And so I've done that already, right?
(此句尚無繁中翻譯)
15:51.970–15:53.200
I've given it the email skill.
(此句尚無繁中翻譯)
15:53.200–15:56.374
Uh one thing that I can give it is my Google Calendar skill.
(此句尚無繁中翻譯)
15:56.374–15:58.007
I haven't done that yet in Codex.
(此句尚無繁中翻譯)
15:58.007–15:59.067
So let me show you this.
(此句尚無繁中翻譯)
15:59.067–16:01.025
So this is actually a plugin, sorry.
(此句尚無繁中翻譯)
16:01.025–16:02.710
Google Calendar plugin.
(此句尚無繁中翻譯)
16:02.720–16:17.301
And so I can give it the plugin and so we can hit install Google Calendar and this will automatically take me to my browser where I can sign in to my email and I can hit continue and we can hit select all, continue.
(此句尚無繁中翻譯)
16:17.301–16:23.110
And now once we get the verification Google Calendar is ready, Google Calendar is now connected.
(此句尚無繁中翻譯)
16:23.120–16:25.466
That means the calendar is now plugged in.
(此句尚無繁中翻譯)
16:25.466–16:32.388
Now, if I go, let's say we go to uh let's go to general agent task because that's what I want to do right now.
(此句尚無繁中翻譯)
16:32.388–16:34.716
And we're just going to press this button right here.
(此句尚無繁中翻譯)
16:34.716–16:41.030
Now we can say, "Please list out the events for this week for me."
(此句尚無繁中翻譯)
16:41.040–16:42.768
And I can press slash.
(此句尚無繁中翻譯)
16:42.768–16:44.791
You actually wouldn't have to do this.
(此句尚無繁中翻譯)
16:44.791–16:46.791
You don't have to type in everything.
(此句尚無繁中翻譯)
16:46.791–16:52.989
The agent is smart enough to just do it and you'll see here that Google Calendar shows up right here.
(此句尚無繁中翻譯)
16:52.989–16:56.043
And so I can say, "Please list out the events for me.
(此句尚無繁中翻譯)
16:56.043–16:59.837
List them out here in the chat." And we can run this.
(此句尚無繁中翻譯)
16:59.837–17:01.052
And look at this.
(此句尚無繁中翻譯)
17:01.052–17:04.551
So all of my events are listed out right here.
(此句尚無繁中翻譯)
17:04.551–17:08.214
So this is my entire calendar listed out right here.
(此句尚無繁中翻譯)
17:08.214–17:15.630
And so I'm going to say, "Please, can you send me a weekly recap in email?
(此句尚無繁中翻譯)
17:15.630–17:18.270
Just email it to myself."
(此句尚無繁中翻譯)
17:18.280–17:29.167
Because I I've set up my Gmail integration and I can hit slash Gmail and um please send me this recap to my email.
(此句尚無繁中翻譯)
17:29.167–17:33.816
And so that's all we're doing is we are sending this to my email.
(此句尚無繁中翻譯)
17:33.816–17:38.233
So it's using the Gmail skill, connected Gmail address and it's going to send me the email.
(此句尚無繁中翻譯)
17:38.233–17:41.475
I found the email address is my email right here.
(此句尚無繁中翻譯)
17:41.475–17:45.045
Sending the recap there with the week and conflict note included.
(此句尚無繁中翻譯)
17:45.045–17:45.886
And so it's done.
(此句尚無繁中翻譯)
17:45.886–17:54.888
It said, "I sent the recap to your email with the subject weekly calendar recap." If I go to my email application, I can see here, check this out.
(此句尚無繁中翻譯)
17:54.888–17:58.128
Here is the email that I got and I use Superhuman for email.
(此句尚無繁中翻譯)
17:58.128–18:03.127
And here it says weekly, it was sent from me and here's this weekly recap.
(此句尚無繁中翻譯)
18:03.127–18:07.210
Now, one thing that we're going to talk about and I'll talk about more about this later is automations.
(此句尚無繁中翻譯)
18:07.210–18:22.744
I can just say, "Please, can you make this task an automation for every Friday at 4:00 p.m. for the previous week?" Okay, look, I'm turning this into a weekly automation, blah blah blah blah blah.
(此句尚無繁中翻譯)
18:22.744–18:26.833
Here it says created weekly calendar recap Fridays at 4:00 p.m.
(此句尚無繁中翻譯)
18:26.833–18:31.978
And so if I click on this right here, I can see this weekly calendar recap.
(此句尚無繁中翻譯)
18:31.978–18:34.622
We can see that the status is active.
(此句尚無繁中翻譯)
18:34.622–18:36.766
The next run is tomorrow at 4:00 p.m.
(此句尚無繁中翻譯)
18:36.766–18:39.146
Right now it's currently Thursday at 4:00 p.m.
(此句尚無繁中翻譯)
18:39.146–18:43.830
And it's never run before, so it doesn't list the last run and that's what we got.
(此句尚無繁中翻譯)
18:43.830–18:49.490
And what you'll notice here, if we actually go up to automations, we now see a one by automations.
(此句尚無繁中翻譯)
18:49.490–18:52.552
We can click on this and here we see the automations.
(此句尚無繁中翻譯)
18:52.552–18:53.216
Look at this.
(此句尚無繁中翻譯)
18:53.216–19:08.830
And you can actually test this automation just by hitting play, which will automatically play it, or we can edit the automation and it is very easy to just edit it and we can add to it and I can say, "Make sure to use the Gmail
(此句尚無繁中翻譯)
19:08.840–19:11.531
skill." If you want to, you actually don't need to do that.
(此句尚無繁中翻譯)
19:11.531–19:12.756
It's basically implied.
(此句尚無繁中翻譯)
19:12.756–19:15.912
And it's that easy to create an automation.
(此句尚無繁中翻譯)
19:15.912–19:22.226
You just ask Codex to create an automation. if you're ever confused about what a plugin can do, just create a new chat.
(此句尚無繁中翻譯)
19:22.226–19:24.630
So what we're going to do is we're going to go to general agent task.
(此句尚無繁中翻譯)
19:24.640–19:35.562
We're going to create a new chat and I'm just going to type in @Figma and this is a plugin and I'm going to say, "Please tell me what actions I can do with this plugin.
(此句尚無繁中翻譯)
19:35.562–19:37.632
I've never used it.
(此句尚無繁中翻譯)
19:37.632–19:46.333
Describe to me what I can do or what you can do, your abilities with this plugin.
(此句尚無繁中翻譯)
19:46.333–19:50.461
List all." So now Figma, we will learn about the Figma plugin.
(此句尚無繁中翻譯)
19:50.461–19:53.384
And here it listed all of the things that it can do.
(此句尚無繁中翻譯)
19:53.384–20:01.822
A very quick side note, you see this carrot here after working for 18 seconds, you can actually click this, and this will show kind of it's thinking behind the scenes.
(此句尚無繁中翻譯)
20:01.822–20:05.520
Figma plugins gives me three broad kinds of abilities.
(此句尚無繁中翻譯)
20:05.520–20:12.389
It can inspect existing Figma files, it can generate new visual artifacts, and connect Figma to your code base.
(此句尚無繁中翻譯)
20:12.389–20:14.296
And so, we can just test this out right now.
(此句尚無繁中翻譯)
20:14.296–20:23.989
So, I have Figma open right here, and I guess I'm just going to create a new design, and let's go ahead and call this cuz I don't see the ability for it to create a new design.
(此句尚無繁中翻譯)
20:23.989–20:33.475
Uh so, I'm going to rename this, and I'm just going to say, I created this new Figma board called Riley new design.
(此句尚無繁中翻譯)
20:33.475–20:40.625
Can you please put hello world on that design to see if that works?
(此句尚無繁中翻譯)
20:40.625–20:43.677
So, now we're going to test out this Figma integration.
(此句尚無繁中翻譯)
20:43.677–20:45.969
And so, look at this, it says, Figma's running locally.
(此句尚無繁中翻譯)
20:45.969–20:50.257
I'm switching to the text tool and placing a simple hello world on the canvas.
(此句尚無繁中翻譯)
20:50.257–20:53.472
And so, now it says, hello world is now on the Riley new design canvas.
(此句尚無繁中翻譯)
20:53.472–20:57.407
Let's go ahead and go over there, and look at this, we have hello world.
(此句尚無繁中翻譯)
20:57.407–21:06.806
And I've been typing a lot in this video, and so, I'm going to show you how I normally interact with AI agents, which is just with my voice using a tool called whisper flow.
(此句尚無繁中翻譯)
21:06.806–21:11.400
And uh that's literally, you can look it up on Google, you can download it, they have a generous free plan.
(此句尚無繁中翻譯)
21:11.400–21:15.198
But, all we have to do is hold the FN key, and I can speak my idea.
(此句尚無繁中翻譯)
21:15.198–21:17.753
So, now I want you to go to Figma.
(此句尚無繁中翻譯)
21:17.753–21:21.380
Actually, I don't want you to ignore the hello world, that was just a test.
(此句尚無繁中翻譯)
21:21.380–21:31.310
Now that I know that it works, I want you to make a mock-up design on Figma for my new shoe company called new shoe, n o o s h o o.
(此句尚無繁中翻譯)
21:31.320–21:35.353
This is a new futuristic shoe, and I want you to create a landing page for it.
(此句尚無繁中翻譯)
21:35.353–21:36.983
So, do that on Figma.
(此句尚無繁中翻譯)
21:36.983–21:43.226
If you need to get an image of this new shoe, generate it using your built-in image generation tool.
(此句尚無繁中翻譯)
21:43.226–21:49.167
And take a look at this, it just generated new shoe, and it generated an image right here in the chat.
(此句尚無繁中翻譯)
21:49.167–21:52.923
As you can see here, and now it says, looked at Codex.
(此句尚無繁中翻譯)
21:52.923–21:58.371
So, it's actually seeing the computer use, is actually checking to see if it generated it.
(此句尚無繁中翻譯)
21:58.371–22:06.224
So, now I'm using Figma, Figma/generate design for Figma landing page workflow, and image gen for the product art.
(此句尚無繁中翻譯)
22:06.224–22:08.470
And so, it generated this without a background.
(此句尚無繁中翻譯)
22:08.480–22:15.508
Notice here, if I were to copy this image, and I were to like open it up, you can see here, it's saved to my clipboard without a background.
(此句尚無繁中翻譯)
22:15.508–22:16.576
This is a pretty cool shoe.
(此句尚無繁中翻譯)
22:16.576–22:29.611
So, I'm not going to lie, this Figma integration is it's pretty much made for you to have a Figma board, and convert the Figma board into code, rather than like telling it to generate code, and then put it onto Figma.
(此句尚無繁中翻譯)
22:29.611–22:37.316
And so, there's actually a tool made specifically for that, which is called paper, which a lot I've talked to a lot of designers, and a lot of designers are switching to this.
(此句尚無繁中翻譯)
22:37.316–22:44.352
But, what this allows you to do is you can create a new file here, and I'm just going to call this Codex test.
(此句尚無繁中翻譯)
22:44.352–22:54.350
And what I'm going to do is I'm just going to press new, I can say slash paper, and I have this skill that I've created previously called paper desk deck style.
(此句尚無繁中翻譯)
22:54.360–22:58.414
Um but, what we can do is we can actually go to plugins, and we can hit manage.
(此句尚無繁中翻譯)
22:58.414–23:03.129
And here we have MCPs, and here we have this paper MCP.
(此句尚無繁中翻譯)
23:03.129–23:13.846
And so, if you are ever using a tool, on their website, they might say like, use the new paper MCP, or use the new Figma MCP, or use the new notion MCP.
(此句尚無繁中翻譯)
23:13.846–23:22.047
You can literally just go to claw Claude code, this works in Claude code or Codex, and say, hey, I want to be able to use this MCP.
(此句尚無繁中翻譯)
23:22.047–23:25.195
Can you please create a skill that wraps this MCP?
(此句尚無繁中翻譯)
23:25.195–23:30.060
And that'll tell it that it can create a skill with that MCP, so that you can use it really easily.
(此句尚無繁中翻譯)
23:30.060–23:45.821
So, what I'm going to do is I can go to this new chat here, and I can hit slash paper, or I can say, use the paper MCP to create a landing page for my new company new shoe.
(此句尚無繁中翻譯)
23:45.821–23:51.164
And remember, we've created those files for new shoe. see if they're in here.
(此句尚無繁中翻譯)
23:51.164–24:06.390
Yep, new shoe hero, and we can type at new shoe PNG, use the one without a background, and create a landing page on the open paper board.
(此句尚無繁中翻譯)
24:06.400–24:10.030
Use the paper tool that we've created.
(此句尚無繁中翻譯)
24:10.040–24:17.175
And since I've already created this, you're going to see, and I In my opinion, this is the best way to get AI to make designs for you.
(此句尚無繁中翻譯)
24:17.175–24:18.110
Check this out.
(此句尚無繁中翻譯)
24:18.120–24:19.669
So, we can open up paper.
(此句尚無繁中翻譯)
24:19.669–24:21.349
Oh, this is really cool as well.
(此句尚無繁中翻譯)
24:21.349–24:34.494
So, if we open up this general tasks here, and we right click on this chat, and we say, open in mini window, we can actually open this chat in a mini window, and we can minimize Codex.
(此句尚無繁中翻譯)
24:34.494–24:39.169
So, now we can have whatever application we want to have open here on the side.
(此句尚無繁中翻譯)
24:39.169–24:41.511
And here it says, okay, the board is empty.
(此句尚無繁中翻譯)
24:41.511–24:44.684
So, I'm going to build a fresh desktop artboard.
(此句尚無繁中翻譯)
24:44.684–24:47.150
I'm checking both the hero files locally.
(此句尚無繁中翻譯)
24:47.160–24:48.692
Okay, design is set.
(此句尚無繁中翻譯)
24:48.692–24:50.070
I'm building this.
(此句尚無繁中翻譯)
24:50.080–24:51.076
Look at this.
(此句尚無繁中翻譯)
24:51.076–24:56.187
So, it'll just generate a landing page design, and we can just have this open.
(此句尚無繁中翻譯)
24:56.187–25:02.695
We have the chat open on the side, and I love this animation when it's when it's editing, and we'll just let it cook.
(此句尚無繁中翻譯)
25:02.695–25:08.985
Okay, you see here, it created this top board or top bar, technology performance launch.
(此句尚無繁中翻譯)
25:08.985–25:13.092
You can see Oh, move like the roads has been written.
(此句尚無繁中翻譯)
25:13.092–25:14.766
New shoe blends featherweight written.
(此句尚無繁中翻譯)
25:14.766–25:17.692
New shoe blends featherweight knit All right, so, these buttons are a little overlapping.
(此句尚無繁中翻譯)
25:17.692–25:19.270
Remember, the AI might fix this.
(此句尚無繁中翻譯)
25:19.270–25:22.625
It might just realize it messes up, and then it'll actually just fix this.
(此句尚無繁中翻譯)
25:22.625–25:26.070
Oh, this is a great opportunity to talk about a new feature.
(此句尚無繁中翻譯)
25:26.080–25:40.110
So, one thing that a lot of AI tools have is message queuing, which basically, like, if I were to type a prompt while it's working right now, and say like, please fix it, on a lot of AI tools, what it'll do is it'll wait for
(此句尚無繁中翻譯)
25:40.120–25:43.372
the AI to be done before entering the prompt.
(此句尚無繁中翻譯)
25:43.372–25:48.863
But, Codex has steering built in, like steer like like your steering wheel.
(此句尚無繁中翻譯)
25:48.863–25:56.547
And what you can do is is I can paste that screenshot, and just say, oh, by the way, there's some overlap here, you might want to fix this while you're working.
(此句尚無繁中翻譯)
25:56.547–26:04.037
And so, when you press enter, by default, it'll be queued up, but if you click steer, it'll actually enter it while it's working.
(此句尚無繁中翻譯)
26:04.037–26:08.776
So, you don't even have to wait for it to be done, you can kind of steer it while you work.
(此句尚無繁中翻譯)
26:08.776–26:15.585
And so, you can see here, once it's done with its latest activity or tool call, your prompt gets entered.
(此句尚無繁中翻譯)
26:15.585–26:20.253
And so, now, in the middle of your conversation, it says that I saw the overlap.
(此句尚無繁中翻譯)
26:20.253–26:28.810
I'd already started moving the CTA and stats down, but I'm rechecking the hero and adjusting the copy, and it'll hopefully make the fix on this specific run.
(此句尚無繁中翻譯)
26:28.810–26:29.639
And look at this.
(此句尚無繁中翻譯)
26:29.639–26:32.536
So, it's already starting to fix it, and here we go.
(此句尚無繁中翻譯)
26:32.536–26:37.316
And I could say something like, create four more variations.
(此句尚無繁中翻譯)
26:37.316–26:42.202
I want you to make slight modifications on each.
(此句尚無繁中翻譯)
26:42.202–26:55.790
I'm not going to go through this whole process, but the point I'm trying to make here is paper is a software tool that was designed specifically to connect to your AI agents, like Codex, like Claude code, and there will be way more tools just
(此句尚無繁中翻譯)
26:55.800–26:56.243
like this.
(此句尚無繁中翻譯)
26:56.243–27:07.394
I think there's a massive opportunity to create tools that connect to other agents that people already use, and you can see here, Figma has a really bad integration, in my opinion, compared to paper.
(此句尚無繁中翻譯)
27:07.394–27:09.112
Paper's just way more fun.
(此句尚無繁中翻譯)
27:09.112–27:16.669
And look at this, it just created this new variation, and it is going to copy over everything, and that's how easy it is.
(此句尚無繁中翻譯)
27:16.679–27:18.787
You just get AI to create multiple variations.
(此句尚無繁中翻譯)
27:18.787–27:21.830
Look at this, number two, number three, and number four, right?
(此句尚無繁中翻譯)
27:21.840–27:23.803
Making them with different background colors.
(此句尚無繁中翻譯)
27:23.803–27:32.379
It's working on them in parallel, and this tool, paper, was made specifically to be an integration into your existing tools.
(此句尚無繁中翻譯)
27:32.379–27:34.920
And this is going to be a massive trend going forward.
(此句尚無繁中翻譯)
27:34.920–27:38.475
And so, plugins are kind of pre-made for you a lot of the time.
(此句尚無繁中翻譯)
27:38.475–27:43.747
They're just built into Codex, and this list is going to get a thousand times bigger.
(此句尚無繁中翻譯)
27:43.747–27:50.893
This tool is going to become so popular that every software platform in the world is going to be begging OpenAI to create an official plugin for them.
(此句尚無繁中翻譯)
27:50.893–27:52.934
So, you show up at the top of the list.
(此句尚無繁中翻譯)
27:52.934–28:04.870
The value of showing up at the top of this list for like GitHub, linear, all of these tools, even showing up at this part right here, like neon Postgres, like this is so valuable to show up here on this list.
(此句尚無繁中翻譯)
28:04.880–28:07.803
And so, there's going to be more and more of these integrations.
(此句尚無繁中翻譯)
28:07.803–28:10.601
But, it's important to realize how to create your own skill.
(此句尚無繁中翻譯)
28:10.601–28:13.219
So, let's go ahead and create our own skill.
(此句尚無繁中翻譯)
28:13.219–28:28.110
So, if we go to our general agent tasks, we open up a new task, one of the things that I was constantly doing over and over again was going to YouTube, and I would go to this site called like YouTube transcript extractor, and I wanted a way to very
(此句尚無繁中翻譯)
28:28.120–28:30.878
easily like pull a transcript from a video.
(此句尚無繁中翻譯)
28:30.878–28:40.810
And then I wanted to be able to do it for all of the videos of a given channel, or or I wanted to be able to search YouTube and pull the transcripts from a certain search term.
(此句尚無繁中翻譯)
28:40.810–28:42.839
And so, I I looked it up.
(此句尚無繁中翻譯)
28:42.839–28:47.275
I said, hey, I want to be able to use an API.
(此句尚無繁中翻譯)
28:47.275–28:58.203
And so, an API, for those of you who are untechnical, you can think of this as just like a way to use code to access certain information from other people's software.
(此句尚無繁中翻譯)
28:58.203–29:02.822
And so, when you're vibe coding, a lot of you guys who follow me, uh have vibe coded before.
(此句尚無繁中翻譯)
29:02.822–29:11.236
And if you wanted to add an AI chat to an application, you needed the OpenAI API, which you also needed an OpenAI API key.
(此句尚無繁中翻譯)
29:11.236–29:17.495
And this would basically grant you access to add the OpenAI technology into your app.
(此句尚無繁中翻譯)
29:17.495–29:19.526
And so, this is what I'll do all the time.
(此句尚無繁中翻譯)
29:19.526–29:25.651
Like, if I'm if I'm running into an annoying process that I'm doing over and over again, I'll just look up and see if there's an API for it.
(此句尚無繁中翻譯)
29:25.651–29:30.872
So, it's like, I want to be able to use an API to pull YouTube transcripts.
(此句尚無繁中翻譯)
29:30.872–29:34.315
Can you suggest the top five for me?
(此句尚無繁中翻譯)
29:34.315–29:39.471
And look at this, it just created a list of different ones that we can use.
(此句尚無繁中翻譯)
29:39.471–29:46.304
Here the top five, super data, transcript API, youtube transcript.io, and scrape creators.
(此句尚無繁中翻譯)
29:46.304–29:51.023
So, I'm going to go ahead, and I'm going to check out Super Data and I have used this before.
(此句尚無繁中翻譯)
29:51.023–29:56.840
What we can do is we can sign in and once you sign in and put in your credit card, you can get an API key.
(此句尚無繁中翻譯)
29:56.840–29:58.930
I think I might even be on the free plan.
(此句尚無繁中翻譯)
29:58.930–30:02.612
And so, I get a certain amount of transcripts per month.
(此句尚無繁中翻譯)
30:02.612–30:05.070
I think you get 100 free per month.
(此句尚無繁中翻譯)
30:05.070–30:07.696
So, I'm not on my personal Super Data account.
(此句尚無繁中翻譯)
30:07.696–30:09.322
I don't think I'm using that many of them.
(此句尚無繁中翻譯)
30:09.322–30:27.350
So, I can copy this API key and we can go back to Codex and say, "Okay, please can you create a skill that allows me to ask you to summarize the latest 10 videos from a certain YouTube channel and you can always use this API to just immediately
(此句尚無繁中翻譯)
30:27.360–30:27.769
pull them.
(此句尚無繁中翻譯)
30:27.769–30:33.781
So, you can go to their YouTube channel, you can search their YouTube channel, get their latest five videos and pull the transcripts and then summarize them.
(此句尚無繁中翻譯)
30:33.781–30:45.390
I want you to create a skill, so you're going to need to look and research how to use Super Data and figure out how to use it well and quickly and create a skill so that I can always ask you for this information.
(此句尚無繁中翻譯)
30:45.400–30:47.032
Here is my API key.
(此句尚無繁中翻譯)
30:47.032–30:49.242
I'm going to include my API key.
(此句尚無繁中翻譯)
30:49.242–30:50.673
I'm going to paste it at the end.
(此句尚無繁中翻譯)
30:50.673–30:52.310
I don't want to show it on camera.
(此句尚無繁中翻譯)
30:52.320–30:58.940
But one thing before I want to do that is you can type in skill creator and this will indicate that it should use the skill creator.
(此句尚無繁中翻譯)
30:58.940–31:04.237
It'll help it understand what it needs to do and this skill makes it really good at creating skills.
(此句尚無繁中翻譯)
31:04.237–31:06.009
And so, here is the key.
(此句尚無繁中翻譯)
31:06.009–31:08.156
I'm going to paste it, but I'm going to do it off camera.
(此句尚無繁中翻譯)
31:08.156–31:09.812
Okay, so I entered my prompt.
(此句尚無繁中翻譯)
31:09.812–31:10.910
It's now running.
(此句尚無繁中翻譯)
31:10.910–31:18.216
I'm just have this covering up my key and it's going to use the skill creator and it is going to create the skill.
(此句尚無繁中翻譯)
31:18.216–31:25.897
And then once your Codex is done working and it's created the skill, again, you go to plugins, you click on skills and you'll see it right here.
(此句尚無繁中翻譯)
31:25.897–31:28.557
And so, it created the skill called YouTube Researcher.
(此句尚無繁中翻譯)
31:28.557–31:32.052
And so, in order to use a skill, you actually need to create a new session.
(此句尚無繁中翻譯)
31:32.052–31:34.750
So, this is the session that we created the skill in.
(此句尚無繁中翻譯)
31:34.760–31:41.632
Once we're done, right, we can just hit this new chat button and we can just type in YouTube Researcher.
(此句尚無繁中翻譯)
31:41.632–31:59.910
And so, please can you look at Riley Brown latest 10 YouTube videos, pull the transcripts and summarize them in a document and please I want you to inform me which of these videos did well and
(此句尚無繁中翻譯)
31:59.920–32:05.595
which of these videos did not do as well and this should be kind of an analysis of what people are interested in.
(此句尚無繁中翻譯)
32:05.595–32:08.798
That's what I want you to look in and then also do a hook analysis.
(此句尚無繁中翻譯)
32:08.798–32:15.584
So, based on like the intro of my video, I want you to say which intros did well, which intros did not do well.
(此句尚無繁中翻譯)
32:15.584–32:19.550
And in this report, I want the YouTube thumbnails in there as well.
(此句尚無繁中翻譯)
32:19.560–32:23.335
So, Super Data can also pull the YouTube thumbnail, which is really cool.
(此句尚無繁中翻譯)
32:23.335–32:27.239
Okay, so it is done and you can see here we see this report.
(此句尚無繁中翻譯)
32:27.239–32:31.310
If I click open, we now have this Riley Brown YouTube report.
(此句尚無繁中翻譯)
32:31.320–32:32.309
And look at this.
(此句尚無繁中翻譯)
32:32.309–32:37.624
So, this is using this skill right here, which is the {slash} docs word docs skill.
(此句尚無繁中翻譯)
32:37.624–32:46.081
This is I think this comes built into Codex and it looked at all the full transcripts and here at the bottom we see the hook winners.
(此句尚無繁中翻譯)
32:46.081–32:49.476
So, Claude is taking over, big market shift, high urgency.
(此句尚無繁中翻譯)
32:49.476–32:50.981
These intros did best.
(此句尚無繁中翻譯)
32:50.981–32:57.805
Claude code leak, open Claude Blender skills, Claude code can design now, why specialized agents are superior.
(此句尚無繁中翻譯)
32:57.805–32:58.745
That's pretty good.
(此句尚無繁中翻譯)
32:58.745–33:02.721
The hooks that didn't do well is build a sync web app and mobile app in 16 minutes.
(此句尚無繁中翻譯)
33:02.721–33:04.460
That video did not do as well.
(此句尚無繁中翻譯)
33:04.460–33:06.788
The 35 fundamentals you need to vibe code your first app.
(此句尚無繁中翻譯)
33:06.788–33:08.858
So, it looks like vibe coding did not do as well.
(此句尚無繁中翻譯)
33:08.858–33:13.630
Building a mobile app with open AI Codex and seven open Claude skills that can 10x your output.
(此句尚無繁中翻譯)
33:13.640–33:14.536
Very interesting.
(此句尚無繁中翻譯)
33:14.536–33:17.279
And so, it even told me what to double down on.
(此句尚無繁中翻譯)
33:17.279–33:18.641
So, this is pretty cool.
(此句尚無繁中翻譯)
33:18.641–33:22.168
So, it took all of that YouTube data and turned it into a document.
(此句尚無繁中翻譯)
33:22.168–33:31.292
I'm going to say, "Okay, on the last day of every month, I want you to do this for the videos for that month.
(此句尚無繁中翻譯)
33:31.292–33:50.070
Can you create this automation that uses the {slash} YouTube Researcher skill and the {slash} word doc to create a report just like this for the videos
(此句尚無繁中翻譯)
33:50.080–33:51.575
for that month.
(此句尚無繁中翻譯)
33:51.575–34:01.845
Make it slightly more brief and in the table, make them ordered by view count." And so, now we're running this.
(此句尚無繁中翻譯)
34:01.845–34:04.856
We can exit full screen mode and that's exactly what we're going to do here.
(此句尚無繁中翻譯)
34:04.856–34:15.897
So, what we did here is we basically created a YouTube Researcher skill and this required an external API and we just did research on Codex to find the Super Data API.
(此句尚無繁中翻譯)
34:15.897–34:19.790
And then what we did is we got an API key.
(此句尚無繁中翻譯)
34:19.800–34:31.461
We gave this API key to Codex and we said create a skill with the Super Data API, use this key and then this created this skill.
(此句尚無繁中翻譯)
34:31.461–34:34.939
So, this process created this skill and then we said to use it.
(此句尚無繁中翻譯)
34:34.939–34:42.337
I said use the Super Data API to look up my YouTube, pull all my latest transcripts and then create a doc, right?
(此句尚無繁中翻譯)
34:42.337–34:45.869
And so, we created a doc and then we kind of paired these together, right?
(此句尚無繁中翻譯)
34:45.879–34:48.637
We used these in tandem with one another.
(此句尚無繁中翻譯)
34:48.637–34:51.407
We used this and we created this automation, right?
(此句尚無繁中翻譯)
34:51.407–34:53.272
So, we created an automation.
(此句尚無繁中翻譯)
34:53.272–35:01.659
We said every single end of the month, at the end of every single month, I want you to create a report that searches YouTube and prepares it in a word doc and send it to me.
(此句尚無繁中翻譯)
35:01.659–35:03.239
And that's exactly what we did.
(此句尚無繁中翻譯)
35:03.239–35:06.030
And so, if we go back to Codex, let's see if it's done.
(此句尚無繁中翻譯)
35:06.040–35:06.852
Yes, it's done.
(此句尚無繁中翻譯)
35:06.852–35:10.045
And you see here it says created monthly YouTube report.
(此句尚無繁中翻譯)
35:10.045–35:13.661
So, I can click on this and here, okay, I didn't realize this.
(此句尚無繁中翻譯)
35:13.661–35:17.101
You can reference skills in the monthly report.
(此句尚無繁中翻譯)
35:17.101–35:18.799
So, that's useful to know.
(此句尚無繁中翻譯)
35:18.799–35:21.977
And you'll notice here in the automations tab, we now have a two.
(此句尚無繁中翻譯)
35:21.977–35:27.320
So, we have two automations that are set up, a monthly YouTube report and a weekly calendar recap.
(此句尚無繁中翻譯)
35:27.320–35:30.229
Okay, so we've covered a lot here in part one.
(此句尚無繁中翻譯)
35:30.229–35:35.070
We've talked about a lot of the basics, how the app works, how to create skills.
(此句尚無繁中翻譯)
35:35.080–35:37.270
We've talked about plugins, automations.
(此句尚無繁中翻譯)
35:37.280–35:41.263
We've created a couple and we're kind of moving slowly through this process.
(此句尚無繁中翻譯)
35:41.263–35:47.181
In part two, we're going to be doing a role play and we're going to be creating six different things at once.
(此句尚無繁中翻譯)
35:47.181–35:53.428
And what I really want to show in this section is A, how to do like we're actually going to create a web app, we're going to create a mobile app.
(此句尚無繁中翻譯)
35:53.428–35:58.939
So, we're going to learn about vibe coding in this process, but I also want to focus on multitasking.
(此句尚無繁中翻譯)
35:58.939–36:03.915
As I said earlier in the video, these agents are taking longer and longer to complete tasks.
(此句尚無繁中翻譯)
36:03.915–36:17.761
So, if you want to be efficient in this new AI world, you need to learn how to set like send instructions to an agent, trust the agent to do really good work and then move to a new agent chat so that you can start working on something else.
(此句尚無繁中翻譯)
36:17.761–36:31.950
And all of the best engineers and the best operators who use AI are very effective multitaskers and they're able to like just focus on one agent chat, put all of your effort into a prompt and then once you press enter to just check out of
(此句尚無繁中翻譯)
36:31.960–36:33.633
that task and move to a new one.
(此句尚無繁中翻譯)
36:33.633–36:36.834
So, it's not even like multitasking, you're like serial tasking.
(此句尚無繁中翻譯)
36:36.834–36:40.029
Each prompt that you type in is the task.
(此句尚無繁中翻譯)
36:40.029–36:43.991
And so, we're going to create six different things in this role play.
(此句尚無繁中翻譯)
36:43.991–36:50.221
So, in this role play, my name is Riley Brown, which is my actual name, but I want to create an iOS app.
(此句尚無繁中翻譯)
36:50.221–36:54.874
So, my main priority is to create an iOS app, but creating the app isn't enough, right?
(此句尚無繁中翻譯)
36:54.874–37:00.037
We actually have to do some marketing and so, that's why I'm going to be creating some X post automations.
(此句尚無繁中翻譯)
37:00.037–37:02.050
We also need a high quality launch video.
(此句尚無繁中翻譯)
37:02.050–37:03.419
We're going to do a launch video.
(此句尚無繁中翻譯)
37:03.419–37:04.779
I want to raise a little bit of money.
(此句尚無繁中翻譯)
37:04.779–37:06.300
I want to raise a million bucks for this app.
(此句尚無繁中翻譯)
37:06.300–37:08.130
So, we're going to create an investor deck.
(此句尚無繁中翻譯)
37:08.130–37:13.294
We're also going to release this launch video before this app is out, right?
(此句尚無繁中翻譯)
37:13.294–37:24.239
So, we want to go launch video then iOS app, which means that we need to create some sort of website or landing page that we can allow people to sign up for a wait list.
(此句尚無繁中翻譯)
37:24.239–37:25.770
You want to be able to collect data.
(此句尚無繁中翻譯)
37:25.770–37:32.731
And before we create our iOS app, we are going to create an iOS app design and that's what we're kind of do.
(此句尚無繁中翻譯)
37:32.731–37:35.017
So, we're going to kind of move through these together.
(此句尚無繁中翻譯)
37:35.017–37:49.286
You know, we're not going to work on all six at once, but we're going to be working on many things at once the whole time until we create a system around this app that could be a fully operating business and we're going to create some automations as well.
(此句尚無繁中翻譯)
37:49.286–37:54.751
So, in order to get started, what I'm going to do is I'm going to go to Codex and we're going to create a new project.
(此句尚無繁中翻譯)
37:54.751–37:57.239
So, this new project, we're going to go into Riley Brown.
(此句尚無繁中翻譯)
37:57.239–37:58.873
We're going to go into Codex projects.
(此句尚無繁中翻譯)
37:58.873–38:04.990
Actually, we're going to create a whole new folder here and I'm just going to call this my new business.
(此句尚無繁中翻譯)
38:05.000–38:08.387
And what I'm going to do is I'm just going to open up this folder and I'm going to hit new chat.
(此句尚無繁中翻譯)
38:08.387–38:10.875
I'm going to say, "I have a plan.
(此句尚無繁中翻譯)
38:10.875–38:20.430
Create a markdown file of my plan." Then what I'm going to do is I'm going to go to this little thing here and just going to take a screenshot this.
(此句尚無繁中翻譯)
38:20.440–38:21.286
Put this image.
(此句尚無繁中翻譯)
38:21.286–38:26.542
I'm creating a mobile app right now and a landing page as well as some other assets.
(此句尚無繁中翻譯)
38:26.542–38:28.108
I want to create a design for this.
(此句尚無繁中翻譯)
38:28.108–38:31.506
I just want you to outline what I've put in this in a simple markdown file.
(此句尚無繁中翻譯)
38:31.506–38:35.377
Whatever you see here, I'm also going to make a launch video with a remotion skill.
(此句尚無繁中翻譯)
38:35.377–38:37.271
I'm going to make What else am I doing?
(此句尚無繁中翻譯)
38:37.271–38:38.209
Oh, an investor deck.
(此句尚無繁中翻譯)
38:38.209–38:39.967
I also want to make an investor deck.
(此句尚無繁中翻譯)
38:39.967–38:45.990
So, please just make a simple bulleted list that I can check off as I go along of all of these items.
(此句尚無繁中翻譯)
38:46.000–38:47.225
So, there should be six.
(此句尚無繁中翻譯)
38:47.225–38:49.338
Each one of the ones that are listed here.
(此句尚無繁中翻譯)
38:49.338–38:51.809
And then please at the top put my app idea.
(此句尚無繁中翻譯)
38:51.809–38:54.808
So, my app idea is as follows and I put a little info here.
(此句尚無繁中翻譯)
38:54.808–38:56.434
The app is going to be called Chorus.
(此句尚無繁中翻譯)
38:56.434–38:59.870
It's going to be a place where people can learn about AI agents.
(此句尚無繁中翻譯)
38:59.880–39:01.890
People can learn about the best agent platforms.
(此句尚無繁中翻譯)
39:01.890–39:04.263
People can learn about how agents work.
(此句尚無繁中翻譯)
39:04.263–39:04.672
Oops.
(此句尚無繁中翻譯)
39:04.672–39:06.310
We can stop it here.
(此句尚無繁中翻譯)
39:06.320–39:09.597
People People can also learn about the best skills.
(此句尚無繁中翻譯)
39:09.597–39:15.991
So, that's going to be a skills library that I'm going to curate that people can copy and paste into any agent and it will just work.
(此句尚無繁中翻譯)
39:15.991–39:18.581
So, basically just put this in a very simple one-pager doc.
(此句尚無繁中翻譯)
39:18.581–39:19.694
Don't add anything.
(此句尚無繁中翻譯)
39:19.694–39:23.447
So, we're kind of just creating a plan here in this my new business.
(此句尚無繁中翻譯)
39:23.447–39:38.470
Now, while that's going to run, what I'm going to do is I'm going to create a new chat and I'm going to say, "I want to use the {slash} mobile design skill." Now, this mobile design skill is a custom skill that I made and I actually extracted it
(此句尚無繁中翻譯)
39:38.480–39:40.942
from Anthropic's new design tool.
(此句尚無繁中翻譯)
39:40.942–39:48.870
So, if you go to Claude.ai/design, they just released a new design tool that's like supposed to be like Figma.
(此句尚無繁中翻譯)
39:48.880–39:52.453
And all I did, I had it create a mobile app design.
(此句尚無繁中翻譯)
39:52.453–39:55.061
As you can see here, there's this like design.
(此句尚無繁中翻譯)
39:55.061–39:58.177
And I want to be able to use a skill just like this.
(此句尚無繁中翻譯)
39:58.177–40:05.697
So, then I just asked the agent, I said, "Hey, can you tell me exactly how this design app worked?" And it just literally worked for me.
(此句尚無繁中翻譯)
40:05.697–40:07.885
Like I it just outputted everything.
(此句尚無繁中翻譯)
40:07.885–40:10.961
So, I just copied all of these documents here.
(此句尚無繁中翻譯)
40:10.961–40:15.838
And then I copied the files that this new Claude design skill gives you.
(此句尚無繁中翻譯)
40:15.838–40:17.410
And then I gave it to Codex.
(此句尚無繁中翻譯)
40:17.410–40:19.679
And I literally said the following here.
(此句尚無繁中翻譯)
40:19.679–40:21.086
I literally said this.
(此句尚無繁中翻譯)
40:21.086–40:23.323
I said, "I want you to create a mobile design skill.
(此句尚無繁中翻譯)
40:23.323–40:24.522
This is how Claude does it.
(此句尚無繁中翻譯)
40:24.522–40:30.413
I want you to mimic this." And then I just pasted literally everything it gave me here with all of the files.
(此句尚無繁中翻譯)
40:30.413–40:32.380
And it just created this mobile design skill.
(此句尚無繁中翻譯)
40:32.380–40:33.630
And it works really well.
(此句尚無繁中翻譯)
40:33.630–40:34.227
I'll show you.
(此句尚無繁中翻譯)
40:34.227–40:35.387
So, we can go back to this.
(此句尚無繁中翻譯)
40:35.387–40:37.070
I want you to use a mobile design skill.
(此句尚無繁中翻譯)
40:37.080–40:47.469
And I want you to create the screens for this app in very basic Apple style design.
(此句尚無繁中翻譯)
40:47.469–40:51.742
We will add some flare in a little bit.
(此句尚無繁中翻譯)
40:51.742–40:57.049
I just want to get all the screens functionally correct.
(此句尚無繁中翻譯)
40:57.049–41:01.682
And so, what I'm going to do here is I'm going to go ahead and run this.
(此句尚無繁中翻譯)
41:01.682–41:04.425
I'm going to go back to this Chorus app plan.
(此句尚無繁中翻譯)
41:04.425–41:06.236
We can open this here in the side view.
(此句尚無繁中翻譯)
41:06.236–41:09.510
So, you can see here we have this right here.
(此句尚無繁中翻譯)
41:09.520–41:11.316
So, this app is going to be called Chorus.
(此句尚無繁中翻譯)
41:11.316–41:12.731
So, I can just copy this.
(此句尚無繁中翻譯)
41:12.731–41:15.199
And we can just paste this app idea.
(此句尚無繁中翻譯)
41:15.199–41:17.710
And now we're creating the mobile app design.
(此句尚無繁中翻譯)
41:17.720–41:21.550
And so, what we need to do is we're going to create the design first.
(此句尚無繁中翻譯)
41:21.560–41:23.372
Then we're going to create an iPhone app.
(此句尚無繁中翻譯)
41:23.372–41:28.277
We're going to create a web app, investor deck, launch video, and expose automation.
(此句尚無繁中翻譯)
41:28.277–41:29.894
So, we're working on this right now.
(此句尚無繁中翻譯)
41:29.894–41:35.290
And by the way, I will post the mobile app design skill on the actual app that we're creating.
(此句尚無繁中翻譯)
41:35.290–41:36.747
I'm going to put this on TestFlight.
(此句尚無繁中翻譯)
41:36.747–41:39.460
And I'll put I'll put it on a website somewhere below the video.
(此句尚無繁中翻譯)
41:39.460–41:41.705
So, you'll be able to get this mobile app design skill.
(此句尚無繁中翻譯)
41:41.705–41:46.887
You'll be able to just copy the link and paste it into Codex and use the skill for 100% for free.
(此句尚無繁中翻譯)
41:46.887–41:52.219
And okay, so while these screens are loading, we can actually get our mobile app set up.
(此句尚無繁中翻譯)
41:52.219–41:58.174
And so, I'm going to go through this process relatively slowly so that you can understand how to build an iOS app with Codex.
(此句尚無繁中翻譯)
41:58.174–42:03.630
So, I'm going to say, "I want you to create a new project called Chorus.
(此句尚無繁中翻譯)
42:03.640–42:05.870
This is going to be a Swift mobile app.
(此句尚無繁中翻譯)
42:05.880–42:09.295
And what I want you to do right now is just make it say, 'Hello world.
(此句尚無繁中翻譯)
42:09.295–42:11.910
This is Chorus.' In simple text in the middle.
(此句尚無繁中翻譯)
42:11.920–42:14.421
Basically, what we're doing is we're just getting our project set up.
(此句尚無繁中翻譯)
42:14.421–42:15.832
We're not going to do anything else.
(此句尚無繁中翻譯)
42:15.832–42:25.580
Just put this text on a mobile app and open the Xcode project when you're done so that I can run it from Xcode." And so, we're going to run this.
(此句尚無繁中翻譯)
42:25.580–42:28.883
In order to use this, you're going to need two things.
(此句尚無繁中翻譯)
42:28.883–42:30.990
And you can search on Codex how to do this.
(此句尚無繁中翻譯)
42:31.000–42:32.540
You're going to need Xcode.
(此句尚無繁中翻譯)
42:32.540–42:33.810
And I will pull it up here.
(此句尚無繁中翻譯)
42:33.810–42:40.703
If you just type in download Xcode, this is Apple's This is Apple's developer platform.
(此句尚無繁中翻譯)
42:40.703–42:43.518
And Codex can actually connect to Xcode.
(此句尚無繁中翻譯)
42:43.518–42:52.145
And once you download this, you're also going to need to download iOS simulator if you want to run it on a little device on your phone.
(此句尚無繁中翻譯)
42:52.145–42:54.885
So, that's Those are the two things that I have downloaded.
(此句尚無繁中翻譯)
42:54.885–42:57.458
And you're going to need the iOS simulator for this.
(此句尚無繁中翻譯)
42:57.458–43:00.029
And you can figure out how to download this.
(此句尚無繁中翻譯)
43:00.029–43:00.739
Just ask AI.
(此句尚無繁中翻譯)
43:00.739–43:02.379
You do need a Mac for this.
(此句尚無繁中翻譯)
43:02.379–43:07.872
And you will probably need like 20 GB of spare storage on your computer.
(此句尚無繁中翻譯)
43:07.872–43:10.352
So, the Chorus screens are still being built.
(此句尚無繁中翻譯)
43:10.352–43:13.014
But the create Chorus hello app is done.
(此句尚無繁中翻譯)
43:13.014–43:16.894
And so, it actually opened up Xcode on my computer.
(此句尚無繁中翻譯)
43:16.894–43:20.870
Now, what I'm going to do is I'm going to change this to one of the simulators.
(此句尚無繁中翻譯)
43:20.880–43:23.577
We're going to use an iPhone 17.
(此句尚無繁中翻譯)
43:23.577–43:26.190
And we're going to hit this play button.
(此句尚無繁中翻譯)
43:26.200–43:27.771
This should open a simulator.
(此句尚無繁中翻譯)
43:27.771–43:28.356
Here it is.
(此句尚無繁中翻譯)
43:28.356–43:31.288
And here is the app that we're going to be working on.
(此句尚無繁中翻譯)
43:31.288–43:33.309
So, I'm going to move this right here.
(此句尚無繁中翻譯)
43:33.309–43:37.837
Here is going to be the mobile app that we are working on.
(此句尚無繁中翻譯)
43:37.837–43:39.675
And this is really cool.
(此句尚無繁中翻譯)
43:39.675–43:41.918
And as you can see here, "Hello.
(此句尚無繁中翻譯)
43:41.918–43:43.882
This is Chorus." This is the app.
(此句尚無繁中翻譯)
43:43.882–43:45.269
It is completely white.
(此句尚無繁中翻譯)
43:45.269–43:47.430
Just have this black text here in the middle.
(此句尚無繁中翻譯)
43:47.440–43:48.914
There's no app functionality.
(此句尚無繁中翻譯)
43:48.914–43:50.544
We just now have the project open.
(此句尚無繁中翻譯)
43:50.544–43:52.008
And now we can talk to Codex.
(此句尚無繁中翻譯)
43:52.008–43:54.498
And we can actually edit this app however we want.
(此句尚無繁中翻譯)
43:54.498–43:56.293
We can build any features we want.
(此句尚無繁中翻譯)
43:56.293–43:59.148
Literally any features simply by five coding.
(此句尚無繁中翻譯)
43:59.148–44:01.723
And you'll see we'll add some more features later.
(此句尚無繁中翻譯)
44:01.723–44:06.710
Now, here is an app where we see that the build Chorus screens is done.
(此句尚無繁中翻譯)
44:06.720–44:07.933
We can click on this.
(此句尚無繁中翻譯)
44:07.933–44:11.136
Okay, so I actually just went to have lunch for about 25 minutes.
(此句尚無繁中翻譯)
44:11.136–44:12.314
And we're back.
(此句尚無繁中翻譯)
44:12.314–44:13.639
And all my agents are done.
(此句尚無繁中翻譯)
44:13.639–44:15.939
So, obviously we have the Xcode project set up.
(此句尚無繁中翻譯)
44:15.939–44:18.294
And here we have the build Chorus screens.
(此句尚無繁中翻譯)
44:18.294–44:20.987
So, now that it's done and it gave us this prototype link.
(此句尚無繁中翻譯)
44:20.987–44:23.100
So, my skill gives you a prototype link.
(此句尚無繁中翻譯)
44:23.100–44:24.349
And take a look at that.
(此句尚無繁中翻譯)
44:24.359–44:25.654
So, we have this app screen.
(此句尚無繁中翻譯)
44:25.654–44:26.552
It's very basic.
(此句尚無繁中翻譯)
44:26.552–44:28.990
But we can switch screens here.
(此句尚無繁中翻譯)
44:29.000–44:30.015
We can switch tabs.
(此句尚無繁中翻譯)
44:30.015–44:31.904
So, we have this like learn tab.
(此句尚無繁中翻譯)
44:31.904–44:34.514
And maybe you can do like agents 101.
(此句尚無繁中翻譯)
44:34.514–44:37.452
I think this is actually a decent start.
(此句尚無繁中翻譯)
44:37.452–44:38.734
I like the hierarchy.
(此句尚無繁中翻譯)
44:38.734–44:41.166
So, like the learn the different platforms.
(此句尚無繁中翻譯)
44:41.166–44:45.980
This is like a good We can organize this or actually create real categories later.
(此句尚無繁中翻譯)
44:45.980–44:48.959
But this is ultimately what I want the app to look like.
(此句尚無繁中翻譯)
44:48.959–44:50.105
And saved is good.
(此句尚無繁中翻譯)
44:50.105–44:54.535
It separates the learning and the platforms and the skills here.
(此句尚無繁中翻譯)
44:54.535–44:56.955
As you can see here, we have multiple save.
(此句尚無繁中翻譯)
44:56.955–44:58.110
I like this design.
(此句尚無繁中翻譯)
44:58.120–45:03.850
So, if we go to this Chorus app, and what we can do is we can say, "Please integrate." And you can actually go up here.
(此句尚無繁中翻譯)
45:03.850–45:08.305
And what you can do is you can actually click on this toggle files.
(此句尚無繁中翻譯)
45:08.305–45:10.321
So, here we have the output.
(此句尚無繁中翻譯)
45:10.321–45:11.574
Oh, this is cool.
(此句尚無繁中翻譯)
45:11.574–45:15.525
Yeah, so now we can see we have this mobile design.
(此句尚無繁中翻譯)
45:15.525–45:25.510
So, we can just say, "Please integrate the screens in the my new business folder in the mobile app.
(此句尚無繁中翻譯)
45:25.520–45:30.726
And just make this app have all of these screens.
(此句尚無繁中翻譯)
45:30.726–45:40.874
We will populate it with real data later and build out the experience and polish the design.
(此句尚無繁中翻譯)
45:40.874–45:46.069
So, implement it now." So, we've created these screens right here.
(此句尚無繁中翻譯)
45:46.069–45:48.173
And this just give us kind of a like a nice little outline.
(此句尚無繁中翻譯)
45:48.173–45:50.470
I like, "Okay, we can make some edits to this."
(此句尚無繁中翻譯)
45:50.480–45:52.256
But I think this is good enough to just implement.
(此句尚無繁中翻譯)
45:52.256–45:53.808
And so, we can go to our plan.
(此句尚無繁中翻譯)
45:53.808–45:58.807
And we can say, "Okay, mark the iPhone iPhone app as done.
(此句尚無繁中翻譯)
45:58.807–46:03.885
And then make the building the iPhone app as working in the works.
(此句尚無繁中翻譯)
46:03.885–46:09.630
And then also put web app and landing page in the works." Because now we need to create a landing page.
(此句尚無繁中翻譯)
46:09.640–46:11.159
Okay, so that just sent through.
(此句尚無繁中翻譯)
46:11.159–46:12.853
Now, what we can do is we're going to create a new chat.
(此句尚無繁中翻譯)
46:12.853–46:24.421
And we're going to say, "I want to create a very basic web app landing page that can collect data from interested users for our app.
(此句尚無繁中翻譯)
46:24.421–46:26.112
I just want to create the shell.
(此句尚無繁中翻譯)
46:26.112–46:29.832
And basically just have a page with a title that says Chorus app.
(此句尚無繁中翻譯)
46:29.832–46:37.710
And then I want a field that users can fill out in order to put in their email and and their information."
(此句尚無繁中翻譯)
46:37.720–46:39.799
Except we're going to use an external tool for this.
(此句尚無繁中翻譯)
46:39.799–46:42.346
And so, what I'm going to do is I'm going to go to Arc.
(此句尚無繁中翻譯)
46:42.346–46:44.939
And what I'm going to do is I'm going to go to tally.so.
(此句尚無繁中翻譯)
46:44.939–46:48.734
So, Tally is a tool that I use to collect form submissions.
(此句尚無繁中翻譯)
46:48.734–46:51.441
So, here are all the form submissions that I've created in the past.
(此句尚無繁中翻譯)
46:51.441–46:53.585
Here's a brand new form that we're going to create.
(此句尚無繁中翻譯)
46:53.585–46:56.846
And so, I'm just going to say I'm going to say waitlist Chorus.
(此句尚無繁中翻譯)
46:56.846–46:58.939
And we're going to use a template.
(此句尚無繁中翻譯)
46:58.939–47:00.590
Let's just use a template.
(此句尚無繁中翻譯)
47:00.600–47:02.838
And we can just do this right here.
(此句尚無繁中翻譯)
47:02.838–47:05.505
And we can do last name, first name, email address.
(此句尚無繁中翻譯)
47:05.505–47:08.150
Yeah, let's use this template.
(此句尚無繁中翻譯)
47:08.160–47:09.263
And we'll keep this really basic.
(此句尚無繁中翻譯)
47:09.263–47:11.804
We'll just say sign up for Chorus.
(此句尚無繁中翻譯)
47:11.804–47:13.352
We can always edit this later.
(此句尚無繁中翻譯)
47:13.352–47:14.652
But I think this is good.
(此句尚無繁中翻譯)
47:14.652–47:17.114
How do we Yeah, I think this is good.
(此句尚無繁中翻譯)
47:17.114–47:19.353
Let's How do we make this not Okay, there we go.
(此句尚無繁中翻譯)
47:19.353–47:19.596
Done.
(此句尚無繁中翻譯)
47:19.596–47:21.530
Your registration is complete.
(此句尚無繁中翻譯)
47:21.530–47:23.975
We will reach out in a few days.
(此句尚無繁中翻譯)
47:23.975–47:25.510
Okay, that's good.
(此句尚無繁中翻譯)
47:25.520–47:28.757
So, now what we're going to do is we're going to publish this registration template.
(此句尚無繁中翻譯)
47:28.757–47:32.456
Now, we're going to go to I believe it is share.
(此句尚無繁中翻譯)
47:32.456–47:36.266
And we can do this standard embed right here.
(此句尚無繁中翻譯)
47:36.266–47:39.140
And so, we can click embed the code link.
(此句尚無繁中翻譯)
47:39.140–47:40.636
And so, we can copy this code.
(此句尚無繁中翻譯)
47:40.636–47:44.510
As you can see here, it's saved to my clipboard.
(此句尚無繁中翻譯)
47:44.520–47:46.132
Or we can say get the code.
(此句尚無繁中翻譯)
47:46.132–47:49.056
Yeah, I think we can just copy all of this.
(此句尚無繁中翻譯)
47:49.056–47:50.939
And we can go back to Codex.
(此句尚無繁中翻譯)
47:50.939–47:52.769
I am using we can go back to Codex.
(此句尚無繁中翻譯)
47:52.769–47:53.710
I am using tally.so.
(此句尚無繁中翻譯)
47:53.720–47:57.536
Can you please put this form in the site?
(此句尚無繁中翻譯)
47:57.536–48:00.491
We will design it after.
(此句尚無繁中翻譯)
48:00.491–48:01.230
Right?
(此句尚無繁中翻譯)
48:01.240–48:05.601
Because right now, we are using Tally to collect people's email addresses.
(此句尚無繁中翻譯)
48:05.601–48:05.950
Right?
(此句尚無繁中翻譯)
48:05.960–48:08.688
So, then we can reach out to them once we actually launch the app.
(此句尚無繁中翻譯)
48:08.688–48:11.757
So, like right after this video, in theory, I could put this up on the internet.
(此句尚無繁中翻譯)
48:11.757–48:13.430
And I'll show you exactly how to do that.
(此句尚無繁中翻譯)
48:13.440–48:19.130
And we're creating just a website that embeds this code, which allows people to type that in.
(此句尚無繁中翻譯)
48:19.130–48:22.270
Then we're going to design out the rest of the website.
(此句尚無繁中翻譯)
48:22.270–48:25.447
And here, we actually have this app is done.
(此句尚無繁中翻譯)
48:25.447–48:30.112
Oh, and by the way, for this Tally app, I said make this a React app and run it locally.
(此句尚無繁中翻譯)
48:30.112–48:32.886
React is just like a good framework for design.
(此句尚無繁中翻譯)
48:32.886–48:35.339
I actually really don't even know what it is.
(此句尚無繁中翻譯)
48:35.339–48:38.808
I just know that every app I've created has been a React app.
(此句尚無繁中翻譯)
48:38.808–48:40.365
And here we can see that it's done.
(此句尚無繁中翻譯)
48:40.365–48:43.907
So, if we click on this, it should open up the app here on the side.
(此句尚無繁中翻譯)
48:43.907–48:45.296
Let's see if this works.
(此句尚無繁中翻譯)
48:45.296–48:45.966
Okay, wait.
(此句尚無繁中翻譯)
48:45.966–48:48.769
While this finishes up, what we can do is we can go to Xcode.
(此句尚無繁中翻譯)
48:48.769–48:50.345
This does appear that it is done.
(此句尚無繁中翻譯)
48:50.345–48:52.943
And we can run this again on the simulator.
(此句尚無繁中翻譯)
48:52.943–48:54.990
And here it succeeded.
(此句尚無繁中翻譯)
48:55.000–48:58.292
And here we have the app running on Swift.
(此句尚無繁中翻譯)
48:58.292–49:01.736
Learn, platform, skills, and saved.
(此句尚無繁中翻譯)
49:01.736–49:05.054
So, this is indeed a Swift application.
(此句尚無繁中翻譯)
49:05.054–49:06.682
And we have these pages.
(此句尚無繁中翻譯)
49:06.682–49:09.310
I wonder, do we want these fixed at the top?
(此句尚無繁中翻譯)
49:09.310–49:12.006
We will need to make some decisions here.
(此句尚無繁中翻譯)
49:12.006–49:12.592
Oh, okay.
(此句尚無繁中翻譯)
49:12.592–49:14.303
So, this is running locally.
(此句尚無繁中翻譯)
49:14.303–49:16.851
This just opened up in my computer right here.
(此句尚無繁中翻譯)
49:16.851–49:19.337
We can see that this is working really well.
(此句尚無繁中翻譯)
49:19.337–49:20.764
And so, I like this style.
(此句尚無繁中翻譯)
49:20.764–49:24.209
For whatever reason, Codex likes to use this style by default.
(此句尚無繁中翻譯)
49:24.209–49:27.550
I'm going to have it use a style that looks a lot more like this.
(此句尚無繁中翻譯)
49:27.560–49:29.021
We're going to keep it very basic.
(此句尚無繁中翻譯)
49:29.021–49:32.352
And okay, so what I want to do is I'm going to go to this Chorus mobile app.
(此句尚無繁中翻譯)
49:32.352–49:32.710
Right?
(此句尚無繁中翻譯)
49:32.720–49:34.405
Cuz here we're working on the Chorus app.
(此句尚無繁中翻譯)
49:34.405–49:38.123
And again, And can rename these chats to keep them more organized.
(此句尚無繁中翻譯)
49:38.123–49:39.650
So, in fact, I'm going to show you.
(此句尚無繁中翻譯)
49:39.650–49:43.478
You can just right-click and I'm just going to say mobile mobile app.
(此句尚無繁中翻譯)
49:43.478–49:46.556
We can rename this to web app.
(此句尚無繁中翻譯)
49:46.556–49:50.300
We can create Chorus project plan.
(此句尚無繁中翻譯)
49:50.300–49:53.450
Um yeah, we can rename this to plan.
(此句尚無繁中翻譯)
49:53.450–49:58.852
And we can even pin the plan to the top right now, build Chorus screens.
(此句尚無繁中翻譯)
49:58.852–50:01.718
And so, we can rename this screen design.
(此句尚無繁中翻譯)
50:01.718–50:05.180
So, that way we can stay fully organized while we work.
(此句尚無繁中翻譯)
50:05.180–50:07.033
Hi, I want to make some changes.
(此句尚無繁中翻譯)
50:07.033–50:12.605
So, firstly, the name of each page, like for instance, learn, that should be pinned to the top.
(此句尚無繁中翻譯)
50:12.605–50:14.925
And when I scroll, that should not scroll down.
(此句尚無繁中翻譯)
50:14.925–50:16.593
And so, that should be pinned to the top.
(此句尚無繁中翻譯)
50:16.593–50:21.470
Right now, when I scroll, the title of the app goes down with it and it's just looks janky.
(此句尚無繁中翻譯)
50:21.480–50:26.815
And then, as I scroll up, the the tags at the top, those should scroll.
(此句尚無繁中翻譯)
50:26.815–50:32.006
And every And as items go beneath the top bar, I want it to kind of fade out.
(此句尚無繁中翻譯)
50:32.006–50:34.310
And this should be consistent on every page.
(此句尚無繁中翻譯)
50:34.320–50:37.630
Right now, when I scroll down on platforms, it'll just look a lot better.
(此句尚無繁中翻譯)
50:37.640–50:44.334
And then, also, the bottom little bar thing that has the four tabs, I really like the design.
(此句尚無繁中翻譯)
50:44.334–50:45.110
Keep it everything.
(此句尚無繁中翻譯)
50:45.120–50:46.570
Just move it down a little bit.
(此句尚無繁中翻譯)
50:46.570–50:51.043
And then, have as you scroll down, have the items fade out.
(此句尚無繁中翻譯)
50:51.043–50:56.260
So, the list, as I scroll down, should not appear to be beneath the bottom bar.
(此句尚無繁中翻譯)
50:56.260–50:59.602
It should fade out as it gets like halfway through the bar.
(此句尚無繁中翻譯)
50:59.602–51:05.442
I've seen a lot of apps have this design or like right as it reaches the bar, it should just like have this light little fade out.
(此句尚無繁中翻譯)
51:05.442–51:08.348
Similar to the how you're going to do the top, as well.
(此句尚無繁中翻譯)
51:08.348–51:10.254
And yeah, we're going to run it.
(此句尚無繁中翻譯)
51:10.254–51:18.368
Okay, so once your mobile app agent is done building, every single time you actually need to hit play and this actually rebuilds the app on the device.
(此句尚無繁中翻譯)
51:18.368–51:19.492
So, now we want to test it.
(此句尚無繁中翻譯)
51:19.492–51:20.438
Let's see how this looks.
(此句尚無繁中翻譯)
51:20.438–51:22.727
We have this nice blur here at the bottom.
(此句尚無繁中翻譯)
51:22.727–51:24.636
We have a blur here at the top.
(此句尚無繁中翻譯)
51:24.636–51:25.532
Look at this.
(此句尚無繁中翻譯)
51:25.532–51:26.910
This is pretty cool.
(此句尚無繁中翻譯)
51:26.920–51:28.046
We can switch platforms.
(此句尚無繁中翻譯)
51:28.046–51:31.605
And we're going to replace this with all the different platforms up here.
(此句尚無繁中翻譯)
51:31.605–51:33.688
This is going to be pretty cool.
(此句尚無繁中翻譯)
51:33.688–51:36.646
This is looking really good, actually.
(此句尚無繁中翻譯)
51:36.646–51:38.796
I'm actually enjoying good, actually.
(此句尚無繁中翻譯)
51:38.796–51:39.510
I'm actually enjoying this.
(此句尚無繁中翻譯)
51:39.520–51:40.528
Um research, build.
(此句尚無繁中翻譯)
51:40.528–51:44.838
Here are going to be the skills for different avatars.
(此句尚無繁中翻譯)
51:44.838–51:46.626
Ooh, this is nice, actually.
(此句尚無繁中翻譯)
51:46.626–51:49.390
And then, saved, we can save them.
(此句尚無繁中翻譯)
51:49.400–51:51.134
And that's pretty cool.
(此句尚無繁中翻譯)
51:51.134–51:53.352
These actually do get saved.
(此句尚無繁中翻譯)
51:53.352–51:55.390
This is very very cool.
(此句尚無繁中翻譯)
51:55.400–51:56.980
Okay, so we're working on this app.
(此句尚無繁中翻譯)
51:56.980–51:57.943
It looks pretty good.
(此句尚無繁中翻譯)
51:57.943–51:59.823
We need to figure out a database, right?
(此句尚無繁中翻譯)
51:59.823–52:02.723
We want to figure out how users are going to be able to sign in.
(此句尚無繁中翻譯)
52:02.723–52:04.619
Actually, we don't even need to worry about that.
(此句尚無繁中翻譯)
52:04.619–52:08.576
It's like, how do I update this with the right app icons, etc., etc.?
(此句尚無繁中翻譯)
52:08.576–52:10.586
And ideally, how do I do it from here?
(此句尚無繁中翻譯)
52:10.586–52:12.110
So, we can just ask Codex.
(此句尚無繁中翻譯)
52:12.120–52:13.728
So, I'm just going to ask it a long prompt here.
(此句尚無繁中翻譯)
52:13.728–52:22.910
What I want to be able to do is I want to be able to update the app so that the different platforms and the platform types are kind of stored in a database.
(此句尚無繁中翻譯)
52:22.910–52:30.214
And I'm thinking, what is the easiest way to like store this information in this app so that I can have you edit it with AI?
(此句尚無繁中翻譯)
52:30.214–52:38.257
Like I could just ask you right now to uh edit things or add things to this app that's secure, so users won't be able to edit it.
(此句尚無繁中翻譯)
52:38.257–52:40.945
And um like what database should we use?
(此句尚無繁中翻譯)
52:40.945–52:51.750
And yeah, I want to be able to just like add a ton of things to this, give you documents so you can add it so that it stays organized and over time it could scale up to like thousands of skills in theory in in a couple years or
(此句尚無繁中翻譯)
52:51.760–52:52.330
something.
(此句尚無繁中翻譯)
52:52.330–52:54.645
And uh we're going to allow users to sign in.
(此句尚無繁中翻譯)
52:54.645–53:06.710
So, what would be the best database system to set up so that you can use like I could just ask you to add things to this app and we could just create it basically with AI that would work with with Clerk, which is what we
(此句尚無繁中翻譯)
53:06.720–53:08.001
use for my company right now.
(此句尚無繁中翻譯)
53:08.001–53:10.776
And so, this is just another thing to learn when using agents, right?
(此句尚無繁中翻譯)
53:10.776–53:12.990
If you don't know what to do, you can just ask it, right?
(此句尚無繁中翻譯)
53:13.000–53:16.761
It'll tell you the options and you just need to say, "Okay, let's do it.
(此句尚無繁中翻譯)
53:16.761–53:17.334
Let's solve it.
(此句尚無繁中翻譯)
53:17.334–53:28.784
Let's try and figure this out." Okay, while that's working, let's go ahead and um please generate 10 possible app icons for our app here.
(此句尚無繁中翻譯)
53:28.784–53:36.718
And so, I'm going to just screenshot it so it knows which app we're talking about, cuz it is located in the folder we're working working on the app.
(此句尚無繁中翻譯)
53:36.718–53:41.378
Now, I want 10 icons, no background, that fits this same style of this app.
(此句尚無繁中翻譯)
53:41.378–53:45.190
Ideally, something close to like the those icons at the top row.
(此句尚無繁中翻譯)
53:45.200–53:48.065
Generate 10 images, all without a background.
(此句尚無繁中翻譯)
53:48.065–53:51.272
I want 10 options for app icons to choose from.
(此句尚無繁中翻譯)
53:51.272–53:52.733
These are iOS app icons.
(此句尚無繁中翻譯)
53:52.733–53:58.815
And as I said earlier, the Codex app actually has the built-in ability to use image generation.
(此句尚無繁中翻譯)
53:58.815–54:03.750
So, it will actually decide what prompts to use and it'll generate 10 images.
(此句尚無繁中翻譯)
54:03.760–54:08.629
Another thing that I want to do is I want to begin thinking about our launch video.
(此句尚無繁中翻譯)
54:08.629–54:14.624
And so, if we go to plugins and we type in Remotion, we see that there's this Remotion plugin.
(此句尚無繁中翻譯)
54:14.624–54:17.750
This is how you can create motion graphics from prompts.
(此句尚無繁中翻譯)
54:17.760–54:18.687
We're going to use this.
(此句尚無繁中翻譯)
54:18.687–54:19.763
I've already installed it.
(此句尚無繁中翻譯)
54:19.763–54:21.802
Um you see here it says remove from Codex.
(此句尚無繁中翻譯)
54:21.802–54:24.310
If you haven't installed it, you'll see add to Codex.
(此句尚無繁中翻譯)
54:24.320–54:27.522
And then, you can basically give it full access to do its thing.
(此句尚無繁中翻譯)
54:27.522–54:42.950
So, if we come back here and we can say, "For the mobile app that we are working on right now that is the best place for people to learn about agents and download skills and save things and learn about agents and may and become better and more
(此句尚無繁中翻譯)
54:42.960–54:46.710
productive and make more money with AI agents, I want to create a launch video.
(此句尚無繁中翻譯)
54:46.720–54:49.722
So, please just come up with a list of considerations for this.
(此句尚無繁中翻譯)
54:49.722–54:51.325
Like, what should we consider?
(此句尚無繁中翻譯)
54:51.325–54:56.750
Let's plan out the video where we are going to be using the And remember, you can type {slash}.
(此句尚無繁中翻譯)
54:56.760–55:00.664
Actually, when it's a plugin, you go at Remotion skill.
(此句尚無繁中翻譯)
55:00.664–55:02.191
Don't make the video yet.
(此句尚無繁中翻譯)
55:02.191–55:07.182
I just want you to think about the scale and think about the considerations that I should consider when making this video.
(此句尚無繁中翻譯)
55:07.182–55:08.388
So, now we can run that.
(此句尚無繁中翻譯)
55:08.388–55:09.859
Let's go back to the mobile app.
(此句尚無繁中翻譯)
55:09.859–55:10.989
Here is what it says.
(此句尚無繁中翻譯)
55:10.989–55:16.656
So, as of April 17th, the best fit for this would be Clerk Supabase Postgres.
(此句尚無繁中翻譯)
55:16.656–55:17.071
Why?
(此句尚無繁中翻譯)
55:17.071–55:23.441
Clerk already covers your off and Clerk Okay, Postgres is the right shape for this.
(此句尚無繁中翻譯)
55:23.441–55:25.550
Okay, so we should use Postgres.
(此句尚無繁中翻譯)
55:25.550–55:32.148
Okay, so give me the link to get started with Supabase.
(此句尚無繁中翻譯)
55:32.148–55:40.897
And is there a Supabase skill I could download that many people use?
(此句尚無繁中翻譯)
55:40.897–55:44.137
If so, download that skill.
(此句尚無繁中翻譯)
55:44.137–55:45.813
Let's use it.
(此句尚無繁中翻譯)
55:45.813–55:49.750
Let me know where I need to sign in.
(此句尚無繁中翻譯)
55:49.750–55:53.877
So, I noticed that in plugins, they didn't have a Supabase plugin.
(此句尚無繁中翻譯)
55:53.877–55:58.983
But Supabase are what most of the Vibe coding platforms use for a database.
(此句尚無繁中翻譯)
55:58.983–56:04.128
In fact, Lovable uses Supabase and Supabase is actually a more valuable company than Lovable.
(此句尚無繁中翻譯)
56:04.128–56:06.214
It's like any incredibly valuable company.
(此句尚無繁中翻譯)
56:06.214–56:11.338
They're recently $10 billion and apparently, it's just AI's favorite database at this point.
(此句尚無繁中翻譯)
56:11.338–56:12.830
And so, we're going to use it.
(此句尚無繁中翻譯)
56:12.840–56:19.854
And since it doesn't have a built-in plugin, I'm just having Codex search the internet and find a skill that we can use for Supabase.
(此句尚無繁中翻譯)
56:19.854–56:25.507
And while that is searching for that skill, we're going to go to this plan Remotion launch video that's now done.
(此句尚無繁中翻譯)
56:25.507–56:31.686
And so, based on the Chorus plan.md, and we have the Swift, the strongest launch video is AI is not the future.
(此句尚無繁中翻譯)
56:31.686–56:33.153
And it gave us this plan.
(此句尚無繁中翻譯)
56:33.153–56:39.963
It gave us some ideas, but I actually kind of want to make it more like the Anthropic videos, which are do a really good job of showing off the product.
(此句尚無繁中翻譯)
56:39.963–56:43.645
But the first thing that we want to do is just test and see if this Remotion skill works.
(此句尚無繁中翻譯)
56:43.645–56:47.465
And remember, Remotion is what we're using to create a motion graphics video.
(此句尚無繁中翻譯)
56:47.465–56:57.325
And so, what I'm going to do is I'm just going to say, "Please use the skill to create a test video that just says Then, it should show a mock-up.
(此句尚無繁中翻譯)
56:57.325–57:09.710
It should It should flash between three more scenes that show these different screens." And so, what I'm going to do is I'm just going to screenshot this screen and this screen and this screen right here, just to give it some
(此句尚無繁中翻譯)
57:09.720–57:12.127
additional context so it knows what screens to use.
(此句尚無繁中翻譯)
57:12.127–57:19.652
I want you to make a mock-up of these so it looks exactly like an iPhone and have it animate on the screen and just have these four scenes.
(此句尚無繁中翻譯)
57:19.652–57:21.867
The purpose of the And keep it as a white background.
(此句尚無繁中翻譯)
57:21.867–57:29.218
The purpose of this is to just really uh I I really want to just focus on seeing if this skill works properly.
(此句尚無繁中翻譯)
57:29.218–57:37.283
And please look into the skill to figure out how you can run this locally so I can just click the local link and it opens up here in the side window.
(此句尚無繁中翻譯)
57:37.283–57:41.397
Um and I can see the video along with the different tracks and sequences.
(此句尚無繁中翻譯)
57:41.397–57:46.957
And if you get confused by that last part and I talk about tracks and sequences, I'll explain exactly what that means.
(此句尚無繁中翻譯)
57:46.957–57:50.550
I actually have a good deal of experience using the Remotion skill.
(此句尚無繁中翻譯)
57:50.560–57:52.116
I used to use it in Claude code.
(此句尚無繁中翻譯)
57:52.116–57:53.473
I've used it in the Vibe code app.
(此句尚無繁中翻譯)
57:53.473–57:55.079
And it's a pretty easy skill to use.
(此句尚無繁中翻譯)
57:55.079–57:55.750
I'll show you.
(此句尚無繁中翻譯)
57:55.760–57:57.329
So, here it gave me this link.
(此句尚無繁中翻譯)
57:57.329–57:59.038
We're back to creating a mobile app.
(此句尚無繁中翻譯)
57:59.038–58:04.476
Remember, I'm sorry if we're moving around, but remember, this will take like some of these will take like five or six minutes.
(此句尚無繁中翻譯)
58:04.476–58:06.110
So, we want able to multitask.
(此句尚無繁中翻譯)
58:06.120–58:07.272
So, again, we're back.
(此句尚無繁中翻譯)
58:07.272–58:09.600
We're looking at how to use Supabase.
(此句尚無繁中翻譯)
58:09.600–58:13.721
And remember, I actually don't use Supabase that often, so I'm learning this as I go.
(此句尚無繁中翻譯)
58:13.721–58:18.554
And that's part of what I'm trying to show you here is you can learn how to do things as you do it.
(此句尚無繁中翻譯)
58:18.554–58:20.440
That is part of the fun of using AI.
(此句尚無繁中翻譯)
58:20.440–58:22.828
It will just tell you how to do things.
(此句尚無繁中翻譯)
58:22.828–58:24.018
You can just figure it out.
(此句尚無繁中翻譯)
58:24.018–58:25.950
So, I'm just going to create a new project.
(此句尚無繁中翻譯)
58:25.960–58:34.788
New project name is going to be and then we'll type a strong password, enable data API, and create new project.
(此句尚無繁中翻譯)
58:34.788–58:39.064
I'm going to say, "Okay, I created a new project.
(此句尚無繁中翻譯)
58:39.064–58:45.422
Send me the URL, region, and tell me when it exists." Okay, so we can hit save.
(此句尚無繁中翻譯)
58:45.422–58:48.546
I need to give it a URL region.
(此句尚無繁中翻譯)
58:48.546–58:50.665
It's It's loading up.
(此句尚無繁中翻譯)
58:50.665–58:52.710
That's pretty cool.
(此句尚無繁中翻譯)
58:52.720–58:59.412
And if you take a look here, if we click connect, I noticed here that we have an MCP.
(此句尚無繁中翻譯)
58:59.412–59:02.070
We can choose Codex.
(此句尚無繁中翻譯)
59:02.080–59:09.310
And we can give it a feature groups only enable the subset of the features.
(此句尚無繁中翻譯)
59:09.320–59:11.334
All right, so we can just copy this prompt.
(此句尚無繁中翻譯)
59:11.334–59:15.440
So, this should allow you to connect.
(此句尚無繁中翻譯)
59:15.440–59:21.574
If you can connect, create the full DB and add everything.
(此句尚無繁中翻譯)
59:21.574–59:25.747
If not, let me know what else you need.
(此句尚無繁中翻譯)
59:25.747–59:28.606
Okay, so the Remotion launch video is done.
(此句尚無繁中翻譯)
59:28.606–59:32.470
And so, notice here it gives us this notice here it gives us this localhost:3031.
(此句尚無繁中翻譯)
59:32.480–59:37.492
We click on it and a timeline opens up right here and you can just edit this video.
(此句尚無繁中翻譯)
59:37.492–59:38.332
Take a look at this.
(此句尚無繁中翻譯)
59:38.332–59:39.910
You could just see a video.
(此句尚無繁中翻譯)
59:39.910–59:41.030
We have our app.
(此句尚無繁中翻譯)
59:41.030–59:48.114
This is a mock-up of all the screens in our app showing up right here on our screen and we're just using the Remotion plugin.
(此句尚無繁中翻譯)
59:48.114–59:49.478
I didn't do anything crazy.
(此句尚無繁中翻譯)
59:49.478–59:55.139
You just enable the Remotion plugin, you type @remotion and boom, you're using it.
(此句尚無繁中翻譯)
59:55.139–59:56.204
Now, check this out.
(此句尚無繁中翻譯)
59:56.204–1:00:01.171
Please, can you I'm just going to go on a tangent here and just kind of to go on a tangent here and just kind of uh talk about it.
(此句尚無繁中翻譯)
1:00:01.171–1:00:03.019
And so, by the way, this is how this works.
(此句尚無繁中翻譯)
1:00:03.019–1:00:07.590
So, you have like each second each second has 30 frames.
(此句尚無繁中翻譯)
1:00:07.600–1:00:11.548
So, this is 30 frames per second and so, you can always reference the frames.
(此句尚無繁中翻譯)
1:00:11.548–1:00:14.671
So, that's how I kind of talk to AI as I'm going through this.
(此句尚無繁中翻譯)
1:00:14.671–1:00:18.237
So, this would be on 2 seconds 20 frame or 2.20.
(此句尚無繁中翻譯)
1:00:18.237–1:00:21.432
You can mention the exact time that you want to make a change.
(此句尚無繁中翻譯)
1:00:21.432–1:00:30.272
Like, one thing I notice here is like there's this learn text here, but we don't need to make changes to this cuz we're just we just wanted to test this to see if this works.
(此句尚無繁中翻譯)
1:00:30.272–1:00:30.860
And it does work.
(此句尚無繁中翻譯)
1:00:30.860–1:00:34.621
And so, I'm just going to say, "Make an outline for the phones like black.
(此句尚無繁中翻譯)
1:00:34.621–1:00:36.182
Make it look a a little bit like black.
(此句尚無繁中翻譯)
1:00:36.182–1:00:36.910
Make it look a a little bit better."
(此句尚無繁中翻譯)
1:00:36.920–1:00:44.129
better." Um just like right now if you just show the screen, I want a little black border around the edge to make it look more like an iPhone.
(此句尚無繁中翻譯)
1:00:44.129–1:00:48.041
Now, before the first screen comes on the phone, I want text on the screen.
(此句尚無繁中翻譯)
1:00:48.041–1:00:52.590
The text on the screen should read It should read "Agents are taking over the world."
(此句尚無繁中翻譯)
1:00:52.600–1:01:02.874
Then, there should be a little toggle that says "Learn" and it should be in the off position.
(此句尚無繁中翻譯)
1:01:02.874–1:01:10.315
Then, have a mouse and this should be black, like computer mouse, come on the screen and then toggle it to on.
(此句尚無繁中翻譯)
1:01:10.315–1:01:22.305
As soon as that happens, the the first phone screen should come on the screen and then it should scroll down on the phone and look through all of the different things that you can learn.
(此句尚無繁中翻譯)
1:01:22.305–1:01:34.042
And I want you to have five different things that you can learn that shows up like Agents 101, building your first agent, learning about skills, and then come up with two more based on what's popular with Codex.
(此句尚無繁中翻譯)
1:01:34.042–1:01:36.190
And then, we'll build the next scene after that.
(此句尚無繁中翻譯)
1:01:36.200–1:01:40.110
So, that is what I want first here.
(此句尚無繁中翻譯)
1:01:40.120–1:01:40.339
Right?
(此句尚無繁中翻譯)
1:01:40.339–1:01:43.703
I'm going to add something that comes up before it says Welcome to Chorus.
(此句尚無繁中翻譯)
1:01:43.703–1:01:45.909
I actually don't want the Welcome to Chorus.
(此句尚無繁中翻譯)
1:01:45.909–1:01:47.406
And remember, we can use steer.
(此句尚無繁中翻譯)
1:01:47.406–1:01:51.091
So, like we should never see the Welcome to Chorus phone screen.
(此句尚無繁中翻譯)
1:01:51.091–1:01:52.135
I I don't want to see that.
(此句尚無繁中翻譯)
1:01:52.135–1:01:58.761
It should immediately after the screen I said to show the the app and scrolling down on the Agents page.
(此句尚無繁中翻譯)
1:01:58.761–1:02:03.270
So, remember, while it's loading, we can press it's loading, we can press enter.
(此句尚無繁中翻譯)
1:02:03.280–1:02:05.976
And you can see that this actually steered the conversation.
(此句尚無繁中翻譯)
1:02:05.976–1:02:07.506
Let's go back to our mobile app.
(此句尚無繁中翻譯)
1:02:07.506–1:02:10.270
Let's take a look and see what the database what we're doing.
(此句尚無繁中翻譯)
1:02:10.280–1:02:13.279
Okay, the the Superbase MCP is set up, placed locally.
(此句尚無繁中翻譯)
1:02:13.279–1:02:16.855
I added the Superbase server, enabled remote MCP client support.
(此句尚無繁中翻譯)
1:02:16.855–1:02:18.999
Okay, then blah blah blah blah blah.
(此句尚無繁中翻譯)
1:02:18.999–1:02:28.555
I could not apply the database directly from this live agent process because the current session still does not expose the newly added MCP server to the layer.
(此句尚無繁中翻譯)
1:02:28.555–1:02:32.550
So, um what we need to do is we actually need to create a new chat.
(此句尚無繁中翻譯)
1:02:32.560–1:02:39.224
Here it actually says if you restart Codex now and come back to this project, I can do the actual DB apply next.
(此句尚無繁中翻譯)
1:02:39.224–1:02:40.260
So, we're going to come down here.
(此句尚無繁中翻譯)
1:02:40.260–1:02:41.609
We're just going to quit Codex.
(此句尚無繁中翻譯)
1:02:41.609–1:02:42.669
We are going to quit.
(此句尚無繁中翻譯)
1:02:42.669–1:02:46.470
I believe Yeah, we're going to quit Codex and we're going to reopen it.
(此句尚無繁中翻譯)
1:02:46.480–1:02:49.389
And then, I'm going to just say, "Okay, I restarted it.
(此句尚無繁中翻譯)
1:02:49.389–1:02:52.869
Please do it." Okay, so it looks like the Xcode is done.
(此句尚無繁中翻譯)
1:02:52.869–1:02:59.271
So, we can actually run this and it says that it created all of these different tables in the database.
(此句尚無繁中翻譯)
1:02:59.271–1:03:01.731
So, it says it should be stored in Superbase.
(此句尚無繁中翻譯)
1:03:01.731–1:03:05.944
So, if we open our simulator, we do see that the there is data in here.
(此句尚無繁中翻譯)
1:03:05.944–1:03:09.830
So, let's hope that this is actually stored in Superbase.
(此句尚無繁中翻譯)
1:03:09.840–1:03:10.857
So, we can go to Arc.
(此句尚無繁中翻譯)
1:03:10.857–1:03:13.359
Okay, so we definitely see some requests here.
(此句尚無繁中翻譯)
1:03:13.359–1:03:16.528
What we can do, let's go ahead and go to table editor.
(此句尚無繁中翻譯)
1:03:16.528–1:03:16.869
Nice.
(此句尚無繁中翻譯)
1:03:16.869–1:03:18.358
Look at all these tables.
(此句尚無繁中翻譯)
1:03:18.358–1:03:22.632
So, if we were to go to like skill categories, for example, very cool.
(此句尚無繁中翻譯)
1:03:22.632–1:03:25.051
So, we have different icons.
(此句尚無繁中翻譯)
1:03:25.051–1:03:27.734
So, we can set the icon here.
(此句尚無繁中翻譯)
1:03:27.734–1:03:28.990
This is cool.
(此句尚無繁中翻譯)
1:03:29.000–1:03:36.110
So, we have the different skill So, we have the different skill platforms, saved items, skills.
(此句尚無繁中翻譯)
1:03:36.120–1:03:39.099
So, we have category, research, GTM, build, ops.
(此句尚無繁中翻譯)
1:03:39.099–1:03:42.050
Okay, we have competitor scan, landing critic.
(此句尚無繁中翻譯)
1:03:42.050–1:03:44.338
Let's see if these are in here.
(此句尚無繁中翻譯)
1:03:44.338–1:03:46.425
Let's go to simulator.
(此句尚無繁中翻譯)
1:03:46.425–1:03:48.534
So, if we go to platform.
(此句尚無繁中翻譯)
1:03:48.534–1:03:50.357
So, we can edit those.
(此句尚無繁中翻譯)
1:03:50.357–1:03:50.961
Skills.
(此句尚無繁中翻譯)
1:03:50.961–1:03:55.134
Yeah, we have competitor scan, landing critic.
(此句尚無繁中翻譯)
1:03:55.134–1:03:56.830
We can copy this.
(此句尚無繁中翻譯)
1:03:56.840–1:03:58.907
Let's see if that actually copied.
(此句尚無繁中翻譯)
1:03:58.907–1:04:01.095
Yep, this copied to my clipboard.
(此句尚無繁中翻譯)
1:04:01.095–1:04:02.130
That's pretty cool.
(此句尚無繁中翻譯)
1:04:02.130–1:04:04.118
This is starting to look pretty good.
(此句尚無繁中翻譯)
1:04:04.118–1:04:13.669
Can we So, I think the saved just happens locally because we haven't added authentication yet, but this does look like it's being stored in the database.
(此句尚無繁中翻譯)
1:04:13.669–1:04:14.710
So, that's pretty cool.
(此句尚無繁中翻譯)
1:04:14.720–1:04:16.781
So, we have database set up.
(此句尚無繁中翻譯)
1:04:16.781–1:04:28.217
Now, I want you to go to my YouTube account, Riley Brown, and find videos where I talk about agents.
(此句尚無繁中翻譯)
1:04:28.217–1:04:38.961
Find my three like find like my five videos on AI agents specifically to come up with the learn the stuff on the learn tab.
(此句尚無繁中翻譯)
1:04:38.961–1:04:44.907
I want five lessons and this means you're going to be in my own voice, I want you to fill them in.
(此句尚無繁中翻譯)
1:04:44.907–1:04:46.128
And these should be more general.
(此句尚無繁中翻譯)
1:04:46.128–1:04:49.399
I should not be specifically talking about specific agent tools.
(此句尚無繁中翻譯)
1:04:49.399–1:04:58.036
I want you to actually create a curriculum based on the stuff I've talked about, but do additional research to fill in the gaps to create high-quality lessons.
(此句尚無繁中翻譯)
1:04:58.036–1:05:06.378
And remember, earlier we created that skill which is called, I believe it's YouTube researcher for transcript pulling.
(此句尚無繁中翻譯)
1:05:06.378–1:05:08.852
So, let's go back to the Remotion launch video.
(此句尚無繁中翻譯)
1:05:08.852–1:05:10.767
Let's see how this did.
(此句尚無繁中翻譯)
1:05:10.767–1:05:18.105
If we refresh the page here and we hit play, Agents are taking over the world.
(此句尚無繁中翻譯)
1:05:18.105–1:05:20.990
Notice here that the mouse missed it.
(此句尚無繁中翻譯)
1:05:21.000–1:05:23.670
Right here, I believe.
(此句尚無繁中翻譯)
1:05:23.680–1:05:26.724
View, show guides.
(此句尚無繁中翻譯)
1:05:26.724–1:05:29.430
No, show rulers.
(此句尚無繁中翻譯)
1:05:29.440–1:05:32.327
Okay, so this is a little hack with the Remotion skill.
(此句尚無繁中翻譯)
1:05:32.327–1:05:37.737
So, notice here that this mouse goes We want this mouse to go here.
(此句尚無繁中翻譯)
1:05:37.737–1:05:46.510
So, this would be like 1,000 on the x-axis and 6 1,610.
(此句尚無繁中翻譯)
1:05:46.520–1:05:52.430
So, 1,000 x-axis 610 y-axis.
(此句尚無繁中翻譯)
1:05:52.440–1:05:56.550
And it's currently at uh like 1,040.
(此句尚無繁中翻譯)
1:05:56.560–1:06:02.805
So, like if you can you can turn on these grid lines to give the agent very specific instructions.
(此句尚無繁中翻譯)
1:06:02.805–1:06:08.790
And so, 1,040 x-axis and it is on 540.
(此句尚無繁中翻譯)
1:06:08.800–1:06:17.210
The arrow completely missed the screen the the toggle and the it should be about at this location.
(此句尚無繁中翻譯)
1:06:17.210–1:06:22.006
The arrow ended up like the mouse when clicking ended up at this location.
(此句尚無繁中翻譯)
1:06:22.006–1:06:23.674
So, I don't want it here.
(此句尚無繁中翻譯)
1:06:23.674–1:06:25.870
I wanted at the location above.
(此句尚無繁中翻譯)
1:06:25.880–1:06:26.974
And so, let's see.
(此句尚無繁中翻譯)
1:06:26.974–1:06:28.829
So, this is actually looking pretty good.
(此句尚無繁中翻譯)
1:06:28.829–1:06:31.428
So, Agents are taking over the world.
(此句尚無繁中翻譯)
1:06:31.428–1:06:32.990
You click learn.
(此句尚無繁中翻譯)
1:06:33.000–1:06:35.263
And now this screen pops up.
(此句尚無繁中翻譯)
1:06:35.263–1:06:38.550
So, let's go right at the 3-second mark.
(此句尚無繁中翻譯)
1:06:38.560–1:06:51.650
Then, right at the 3-second mark, I want the camera to zoom in on learning about skills and then it should zoom in on the component that has learning about skills and then it should kind of transition to like almost like a document view.
(此句尚無繁中翻譯)
1:06:51.650–1:06:53.859
It should not be a phone screen.
(此句尚無繁中翻譯)
1:06:53.859–1:07:01.642
It should be And then, it should talk It should show some information about skills and should show like 10 popular skills.
(此句尚無繁中翻譯)
1:07:01.642–1:07:02.612
Do some research.
(此句尚無繁中翻譯)
1:07:02.612–1:07:05.554
Show 10 popular skills and each one should have some information.
(此句尚無繁中翻譯)
1:07:05.554–1:07:10.923
And so, this should be more of like a full-screen view that shows the different things that you can learn within that.
(此句尚無繁中翻譯)
1:07:10.923–1:07:15.925
And it should just It should just take the viewer through the fact that you can learn about agent skills.
(此句尚無繁中翻譯)
1:07:15.925–1:07:17.830
Okay, we're going to run that.
(此句尚無繁中翻譯)
1:07:17.840–1:07:21.301
And now, if we go back to our web app, we can see that it is done.
(此句尚無繁中翻譯)
1:07:21.301–1:07:24.689
And notice here if we actually open this in a separate browser, right?
(此句尚無繁中翻譯)
1:07:24.689–1:07:26.701
If we were to open this up in Arc.
(此句尚無繁中翻譯)
1:07:26.701–1:07:28.323
Let's just paste this in Arc.
(此句尚無繁中翻譯)
1:07:28.323–1:07:30.482
You can see that the tally is indeed working.
(此句尚無繁中翻譯)
1:07:30.482–1:07:39.928
And so, what I'm going to do is I want you to please make this look like the iOS app we're building.
(此句尚無繁中翻譯)
1:07:39.928–1:07:44.678
Keep the design very simple and make the design have the same exact font.
(此句尚無繁中翻譯)
1:07:44.678–1:07:49.103
Uh have like no components, very little like subtext.
(此句尚無繁中翻譯)
1:07:49.103–1:07:51.157
I just want this to be very, very simple.
(此句尚無繁中翻譯)
1:07:51.157–1:07:58.229
I just want the design to look exactly like it and then have like information about the app on this website.
(此句尚無繁中翻譯)
1:07:58.229–1:08:03.872
You know, you're not the best designer, so I want you to like make sure that this is designed pretty well.
(此句尚無繁中翻譯)
1:08:03.872–1:08:05.180
And like keep it simple.
(此句尚無繁中翻譯)
1:08:05.180–1:08:06.613
It should look like the app.
(此句尚無繁中翻譯)
1:08:06.613–1:08:08.363
Get rid of this background gradient.
(此句尚無繁中翻譯)
1:08:08.363–1:08:10.603
Change the font to match the application.
(此句尚無繁中翻譯)
1:08:10.603–1:08:10.912
Okay.
(此句尚無繁中翻譯)
1:08:10.912–1:08:15.397
So, we're currently working on a launch video, a mobile app, and a web app at the same time.
(此句尚無繁中翻譯)
1:08:15.397–1:08:17.859
So, here I'm just going to refresh this.
(此句尚無繁中翻譯)
1:08:17.859–1:08:19.112
The Remotion is done.
(此句尚無繁中翻譯)
1:08:19.112–1:08:19.813
Let's go this.
(此句尚無繁中翻譯)
1:08:19.813–1:08:20.709
The Remotion is done.
(此句尚無繁中翻譯)
1:08:20.709–1:08:21.349
Let's go ahead.
(此句尚無繁中翻譯)
1:08:21.359–1:08:22.799
So, we can click learn.
(此句尚無繁中翻譯)
1:08:22.799–1:08:23.550
There we go.
(此句尚無繁中翻譯)
1:08:23.560–1:08:27.590
That's not bad.
(此句尚無繁中翻譯)
1:08:27.600–1:08:31.690
Okay, so this zoom When it zooms, I want it to zoom even more.
(此句尚無繁中翻譯)
1:08:31.690–1:08:35.242
So, it like it should zoom all the way and then then it should kind of transition.
(此句尚無繁中翻譯)
1:08:35.242–1:08:38.561
And then, notice here the transitions are like kind of like fade out.
(此句尚無繁中翻譯)
1:08:38.561–1:08:40.383
It looks This is kind of like fade out.
(此句尚無繁中翻譯)
1:08:40.383–1:08:41.430
It looks This is disgusting.
(此句尚無繁中翻譯)
1:08:41.440–1:08:41.675
Okay.
(此句尚無繁中翻譯)
1:08:41.675–1:08:45.550
So, what we're going to do here is I'm going to screenshot this.
(此句尚無繁中翻譯)
1:08:45.560–1:08:47.670
I'm just going to paste this here.
(此句尚無繁中翻譯)
1:08:47.680–1:08:48.438
I'm just going to paste this here.
(此句尚無繁中翻譯)
1:08:48.438–1:08:48.550
Okay.
(此句尚無繁中翻譯)
1:08:48.560–1:08:51.155
Um and then, the transition should be like harsher cuts.
(此句尚無繁中翻譯)
1:08:51.155–1:08:53.337
I do not like this fade out transition.
(此句尚無繁中翻譯)
1:08:53.337–1:08:57.115
Like, make it a faster transition and just make it more professional.
(此句尚無繁中翻譯)
1:08:57.115–1:09:00.270
And then, also the the screenshot I gave you, this is hideous.
(此句尚無繁中翻譯)
1:09:00.280–1:09:05.179
What I want you to do instead of this is I just want you to have skills at the top.
(此句尚無繁中翻譯)
1:09:05.179–1:09:10.466
Like, just put the word skills at the top and then have like colored cards that look premium.
(此句尚無繁中翻譯)
1:09:10.466–1:09:10.976
Amazing.
(此句尚無繁中翻譯)
1:09:10.976–1:09:19.608
And then, have them rotating through like a wheel like almost like a a wheel animation through the like the screen.
(此句尚無繁中翻譯)
1:09:19.608–1:09:21.939
I'll draw something out for you real quick.
(此句尚無繁中翻譯)
1:09:21.939–1:09:24.337
I'll kind of share what I I want you to create.
(此句尚無繁中翻譯)
1:09:24.337–1:09:26.186
I want this to be amazing.
(此句尚無繁中翻譯)
1:09:26.186–1:09:33.896
What I'm going to do here is I'm I'm going to want this to be like Yeah, I want it to be something like this.
(此句尚無繁中翻譯)
1:09:33.896–1:09:36.614
So, we'll give it kind of this sketch right here.
(此句尚無繁中翻譯)
1:09:36.614–1:09:41.150
I want it to look something like this.
(此句尚無繁中翻譯)
1:09:41.160–1:09:46.249
Okay, so it turns out I forgot Codex is just not the best at web design.
(此句尚無繁中翻譯)
1:09:46.249–1:09:49.238
So, what we're going to do is we're actually just going to use Opus.
(此句尚無繁中翻譯)
1:09:49.238–1:09:52.792
So, I'm just going to type in Claude here in the terminal.
(此句尚無繁中翻譯)
1:09:52.792–1:09:55.268
This is a good a good use case in my opinion.
(此句尚無繁中翻譯)
1:09:55.268–1:10:02.197
If you're someone who has a Claude subscription, but you want to use Codex cuz I think Codex is a better interface, but Claude is better at design.
(此句尚無繁中翻譯)
1:10:02.197–1:10:05.614
So, you can use Claude directly in here and you notice here.
(此句尚無繁中翻譯)
1:10:05.614–1:10:13.858
Remember, if we go back to our the beginning of the video, whenever we create this project, it already like we created this project at my new business.
(此句尚無繁中翻譯)
1:10:13.858–1:10:16.281
And so, when we go into the terminal, right?
(此句尚無繁中翻譯)
1:10:16.281–1:10:19.976
If you know how to use Claude code, you kind of have a you have this set up already.
(此句尚無繁中翻譯)
1:10:19.976–1:10:23.670
If you don't have Claude code, search on the internet how to set up Claude code.
(此句尚無繁中翻譯)
1:10:23.680–1:10:24.827
It'll take you 5 minutes.
(此句尚無繁中翻譯)
1:10:24.827–1:10:30.870
You can figure it out and you can run Claude code from this app right here from the terminal.
(此句尚無繁中翻譯)
1:10:30.880–1:10:40.190
And if you don't want to have to approve anything, you can go like this.
(此句尚無繁中翻譯)
1:10:40.200–1:10:49.790
You can go Claude's space {dash} {dash} You can go Claude's space {dash} {dash} dangerously {dash} skip {dash} permissions.
(此句尚無繁中翻譯)
1:10:49.800–1:10:55.558
And this will run it on bypass permissions mode, which is the same as the full access mode.
(此句尚無繁中翻譯)
1:10:55.558–1:11:01.084
But anyway, we are working on the landing page here.
(此句尚無繁中翻譯)
1:11:01.084–1:11:07.985
And what I like to do is I like to give it what I like to do is I like to give it context right because Claude doesn't have the same context as if you were chatting here.
(此句尚無繁中翻譯)
1:11:07.985–1:11:13.372
It knows we're in this my business my new business, but it doesn't know anything else.
(此句尚無繁中翻譯)
1:11:13.372–1:11:15.750
It's just in this folder.
(此句尚無繁中翻譯)
1:11:15.760–1:11:19.248
It doesn't know if it's working on the Chorus plan or the Chorus video.
(此句尚無繁中翻譯)
1:11:19.248–1:11:24.064
We are using Tally and I want to make sure that we create a really good landing page.
(此句尚無繁中翻譯)
1:11:24.064–1:11:28.230
I want you to completely forget the styling of this page that you have here.
(此句尚無繁中翻譯)
1:11:28.240–1:11:33.146
I want you to make this a landing page for the following application.
(此句尚無繁中翻譯)
1:11:33.146–1:11:34.373
It is the Chorus app.
(此句尚無繁中翻譯)
1:11:34.373–1:11:42.891
And so, you're going to look at the code of the Chorus app in this folder right here and you are going to analyze how it's styled.
(此句尚無繁中翻譯)
1:11:42.891–1:11:43.857
It's very simple.
(此句尚無繁中翻譯)
1:11:43.857–1:11:44.387
It's white.
(此句尚無繁中翻譯)
1:11:44.387–1:11:49.748
Look at the font and make the app match or make this landing page match it and it should have the Tally embed.
(此句尚無繁中翻譯)
1:11:49.748–1:11:50.930
That's all I want.
(此句尚無繁中翻譯)
1:11:50.930–1:11:51.696
Minimal text.
(此句尚無繁中翻譯)
1:11:51.696–1:11:53.056
Really make it convert.
(此句尚無繁中翻譯)
1:11:53.056–1:11:53.825
Make it great.
(此句尚無繁中翻譯)
1:11:53.825–1:11:54.975
Hey, we'll run that.
(此句尚無繁中翻譯)
1:11:54.975–1:11:58.554
And we can actually see Claude code working on this in real time.
(此句尚無繁中翻譯)
1:11:58.554–1:12:04.433
We can very easily just like minimize it almost all the way and Claude code will just continue working on this.
(此句尚無繁中翻譯)
1:12:04.433–1:12:06.071
Okay, so the mobile app is done.
(此句尚無繁中翻譯)
1:12:06.071–1:12:08.390
Let's go ahead and open up Xcode.
(此句尚無繁中翻譯)
1:12:08.400–1:12:12.525
And what we need to do is it analyzed my YouTube, right?
(此句尚無繁中翻譯)
1:12:12.525–1:12:13.923
Remember what we asked it to do.
(此句尚無繁中翻譯)
1:12:13.923–1:12:20.441
We were having it research my YouTube and it created five lessons based on my YouTube transcript.
(此句尚無繁中翻譯)
1:12:20.441–1:12:26.653
So, what is an agent narrow beats general build the loop workspace memory skills team and handoff.
(此句尚無繁中翻譯)
1:12:26.653–1:12:28.452
So, I've made videos on this before.
(此句尚無繁中翻譯)
1:12:28.452–1:12:31.029
So, it did research and it created these lessons.
(此句尚無繁中翻譯)
1:12:31.029–1:12:33.482
So, what is an agent?
(此句尚無繁中翻譯)
1:12:33.482–1:12:34.950
Okay.
(此句尚無繁中翻譯)
1:12:34.960–1:12:38.706
Okay, these are way too short.
(此句尚無繁中翻譯)
1:12:38.706–1:12:41.156
Make them longer, please.
(此句尚無繁中翻譯)
1:12:41.156–1:12:46.981
Okay, so Claude code just went to town on the web app.
(此句尚無繁中翻譯)
1:12:46.981–1:12:47.612
Oh, wow.
(此句尚無繁中翻譯)
1:12:47.612–1:12:49.121
This looks a lot better.
(此句尚無繁中翻譯)
1:12:49.121–1:12:55.228
So, we can actually open this up in an external browser to see it full screen or we can just go like this.
(此句尚無繁中翻譯)
1:12:55.228–1:12:58.862
And you'll notice here you can press get early access.
(此句尚無繁中翻譯)
1:12:58.862–1:13:02.558
Oh, and it goes down here and this is where you put your information.
(此句尚無繁中翻譯)
1:13:02.558–1:13:07.744
For whatever reason this in-app browser is not showing the Tally form.
(此句尚無繁中翻譯)
1:13:07.744–1:13:10.011
Let's see if it shows up here.
(此句尚無繁中翻譯)
1:13:10.011–1:13:11.387
Wait, so we can refresh shows up here.
(此句尚無繁中翻譯)
1:13:11.387–1:13:12.270
Wait, so we can refresh this.
(此句尚無繁中翻譯)
1:13:12.280–1:13:13.617
Get early access.
(此句尚無繁中翻譯)
1:13:13.617–1:13:14.010
Boom.
(此句尚無繁中翻譯)
1:13:14.010–1:13:15.626
We can put this here.
(此句尚無繁中翻譯)
1:13:15.626–1:13:21.384
For whatever reason, these icons are a little bit different, but learn agents in one place.
(此句尚無繁中翻譯)
1:13:21.384–1:13:26.963
A simple iPhone app for learning agent fundamentals, comparing the right platforms, and sharing reusable skills.
(此句尚無繁中翻譯)
1:13:26.963–1:13:34.358
One thing I can add here and wow, Codex is not nearly as good at design it feels like.
(此句尚無繁中翻譯)
1:13:34.358–1:13:44.009
So, please add like works with Codex, Claude code, add like works with Codex, Claude code, OpenClaude, Hermes, and Gemini.
(此句尚無繁中翻譯)
1:13:44.009–1:13:51.634
Please see if you can pull those logos and put them in the files so they show up.
(此句尚無繁中翻譯)
1:13:51.634–1:13:53.305
Okay, so that's pretty good.
(此句尚無繁中翻譯)
1:13:53.305–1:13:55.134
Let's go ahead and check on the mobile app.
(此句尚無繁中翻譯)
1:13:55.134–1:13:57.042
So, if we go to Xcode, we hit play.
(此句尚無繁中翻譯)
1:13:57.042–1:13:59.016
Let's see what this looks like.
(此句尚無繁中翻譯)
1:13:59.016–1:14:00.669
Where is my simulator?
(此句尚無繁中翻譯)
1:14:00.669–1:14:01.484
There it is.
(此句尚無繁中翻譯)
1:14:01.484–1:14:03.934
Okay, so this is looking pretty good.
(此句尚無繁中翻譯)
1:14:03.934–1:14:05.069
What is an agent?
(此句尚無繁中翻譯)
1:14:05.069–1:14:09.601
It is very text heavy, but at least we have some more This is a little bit longer.
(此句尚無繁中翻譯)
1:14:09.601–1:14:11.163
We do have the database set up.
(此句尚無繁中翻譯)
1:14:11.163–1:14:14.581
Now, what I want to do is I want to have platforms.
(此句尚無繁中翻譯)
1:14:14.581–1:14:24.358
So, for the platforms I want to have it be just a list of platforms.
(此句尚無繁中翻譯)
1:14:24.358–1:14:27.440
No tags or categories going horizontally across.
(此句尚無繁中翻譯)
1:14:27.440–1:14:29.270
I just want a list of platforms.
(此句尚無繁中翻譯)
1:14:29.280–1:14:31.433
This will be my curated list of 10 to 20.
(此句尚無繁中翻譯)
1:14:31.433–1:14:46.870
The ones that I want you to have right now, I want to have Claude code, Codex, Cursor, OpenClaude, Hermes, Manus, Perplexity Computer, and that's good for now.
(此句尚無繁中翻譯)
1:14:46.880–1:14:50.392
For the icons, see if you can grab the icon for each of these.
(此句尚無繁中翻譯)
1:14:50.392–1:14:52.371
Like figure out how to do that.
(此句尚無繁中翻譯)
1:14:52.371–1:14:54.276
If you can't do it, that's okay.
(此句尚無繁中翻譯)
1:14:54.276–1:15:01.496
I can get you the PNGs manually, but see if you can do it and get it all of this info in the database so it works properly.
(此句尚無繁中翻譯)
1:15:01.496–1:15:05.256
But yeah, we don't need tags for this cuz there's never going to be over 20.
(此句尚無繁中翻譯)
1:15:05.256–1:15:07.185
Okay, we fired off that prompt.
(此句尚無繁中翻譯)
1:15:07.185–1:15:09.283
Let's go check on our remotion.
(此句尚無繁中翻譯)
1:15:09.283–1:15:11.613
So, remember, we can full screen this.
(此句尚無繁中翻譯)
1:15:11.613–1:15:12.981
This is looking pretty screen this.
(此句尚無繁中翻譯)
1:15:12.981–1:15:13.870
This is looking pretty cool.
(此句尚無繁中翻譯)
1:15:13.880–1:15:14.816
cool.
(此句尚無繁中翻譯)
1:15:14.816–1:15:23.590
Um let's go ahead and try to play this.
(此句尚無繁中翻譯)
1:15:23.600–1:15:25.810
Okay, this is looking good.
(此句尚無繁中翻譯)
1:15:25.810–1:15:31.712
This is Oh, it's just a little choppy and then it Okay, so we have like good 4 seconds are pretty good here.
(此句尚無繁中翻譯)
1:15:31.712–1:15:32.784
So, it goes here.
(此句尚無繁中翻譯)
1:15:32.784–1:15:34.790
We click learn.
(此句尚無繁中翻譯)
1:15:34.800–1:15:39.830
It kind of shows that you can learn these and here it has some skills going these and here it has some skills going by.
(此句尚無繁中翻譯)
1:15:39.840–1:15:42.586
The skills are rotating still slightly too fast.
(此句尚無繁中翻譯)
1:15:42.586–1:15:46.230
I just want them to be a little bit slower so I can read them.
(此句尚無繁中翻譯)
1:15:46.240–1:16:02.043
And then immediately after this screen, the way I want it to end is I want the YouTube researcher skill to animate up to the top and then I want text to come in to describe the skills.
(此句尚無繁中翻譯)
1:16:02.043–1:16:09.347
I want to show a copy animation as if I was pressing the copy button and then it should say copy to clipboard.
(此句尚無繁中翻譯)
1:16:09.347–1:16:18.075
And then we are going to show the Codex app opening up and And so, what we can do is we can say This is going to be a hard one.
(此句尚無繁中翻譯)
1:16:18.075–1:16:19.590
So, I'm going to paste this in.
(此句尚無繁中翻譯)
1:16:19.600–1:16:36.990
Then it should show a text input area just like the one of the screenshot that I showed you for the Codex app and then have typing in that box and it should say, "Can you please add this skill?" And then show somehow that that document was pasted in the
(此句尚無繁中翻譯)
1:16:37.000–1:16:40.512
text input area and it should show up above where you're typing.
(此句尚無繁中翻譯)
1:16:40.512–1:16:43.390
So, this should look like a computer basically.
(此句尚無繁中翻譯)
1:16:43.400–1:16:44.870
Okay, so this is going to be a hard one.
(此句尚無繁中翻譯)
1:16:44.880–1:16:47.985
We're going to have to edit this a little bit more, but that's okay.
(此句尚無繁中翻譯)
1:16:47.985–1:16:50.758
Okay, so we are kind of working through all of these.
(此句尚無繁中翻譯)
1:16:50.758–1:16:52.534
We're making our way through our iPhone app.
(此句尚無繁中翻譯)
1:16:52.534–1:16:53.790
This will take a little bit.
(此句尚無繁中翻譯)
1:16:53.800–1:16:56.502
One thing I want to cover is forking a chat.
(此句尚無繁中翻譯)
1:16:56.502–1:16:59.344
So, we can actually come to mobile app here.
(此句尚無繁中翻譯)
1:16:59.344–1:17:03.081
And what we can do Actually, I'm going to fork this chat as soon as this is done.
(此句尚無繁中翻譯)
1:17:03.081–1:17:03.635
So, one sec.
(此句尚無繁中翻譯)
1:17:03.635–1:17:05.407
I'm going to wait for this to finish.
(此句尚無繁中翻譯)
1:17:05.407–1:17:13.588
Then we're actually going to fork this chat and we are going to create our we are going to start working on our investor deck.
(此句尚無繁中翻譯)
1:17:13.588–1:17:18.310
So, please mark investor deck as working.
(此句尚無繁中翻譯)
1:17:18.320–1:17:20.330
And so, I'm going to wait for the mobile app to finish.
(此句尚無繁中翻譯)
1:17:20.330–1:17:22.368
Okay, so the mobile app is done.
(此句尚無繁中翻譯)
1:17:22.368–1:17:27.230
And so, what I want to do here is I'm actually going to fork the chat.
(此句尚無繁中翻譯)
1:17:27.240–1:17:31.447
And you can do this by coming over here and right clicking or you know, two-finger click.
(此句尚無繁中翻譯)
1:17:31.447–1:17:34.764
And what we're going to do is we're just going to hit fork into local.
(此句尚無繁中翻譯)
1:17:34.764–1:17:38.509
If you're not technical, don't worry about fork into new work tree.
(此句尚無繁中翻譯)
1:17:38.509–1:17:41.386
That doesn't matter for the sake of this video.
(此句尚無繁中翻譯)
1:17:41.386–1:17:45.510
Just do fork into local and this is going to create a new chat.
(此句尚無繁中翻譯)
1:17:45.520–1:17:49.525
And what I'm going to do is I'm going to rename this to investor deck.
(此句尚無繁中翻譯)
1:17:49.525–1:18:07.510
And what I'm going to do, please analyze the features and assets from this application and I want you to create an investor slide deck in the same style, you know, like we have all of those icons for that we've created earlier for
(此句尚無繁中翻譯)
1:18:07.520–1:18:11.082
Codex, Cursor, OpenClaude, etc. that are in the app right now.
(此句尚無繁中翻譯)
1:18:11.082–1:18:15.163
So, include those like all the styling stuff in this new investor deck.
(此句尚無繁中翻譯)
1:18:15.163–1:18:17.392
And I believe we have a skill that's built in.
(此句尚無繁中翻譯)
1:18:17.392–1:18:19.274
I think it's just called PowerPoint.
(此句尚無繁中翻譯)
1:18:19.274–1:18:20.870
And so, we can reference that.
(此句尚無繁中翻譯)
1:18:20.870–1:18:23.000
I want you to search the internet for a bit.
(此句尚無繁中翻譯)
1:18:23.000–1:18:28.430
Find out what investors are currently looking for in April of 2026.
(此句尚無繁中翻譯)
1:18:28.440–1:18:32.563
Like what are they looking for in a PowerPoint deck or or in a deck that you send them?
(此句尚無繁中翻譯)
1:18:32.563–1:18:35.180
And please create it like that in that style.
(此句尚無繁中翻譯)
1:18:35.180–1:18:38.114
So, find some examples online and copy the style.
(此句尚無繁中翻譯)
1:18:38.114–1:18:40.350
Do not rely on your own styling ability.
(此句尚無繁中翻譯)
1:18:40.360–1:18:42.950
Okay, so we're going to send this off.
(此句尚無繁中翻譯)
1:18:42.960–1:18:45.396
Now, we are working on this investor deck.
(此句尚無繁中翻譯)
1:18:45.396–1:18:49.102
So, remember, so we created the iOS app design.
(此句尚無繁中翻譯)
1:18:49.102–1:18:51.196
We're still working on the iPhone app.
(此句尚無繁中翻譯)
1:18:51.196–1:18:55.190
We're working on the web app landing page, which is almost done.
(此句尚無繁中翻譯)
1:18:55.200–1:18:58.610
We are working on the investor deck and launch video.
(此句尚無繁中翻譯)
1:18:58.610–1:19:03.127
Okay, so the investor deck is done and I love the way it looks in Codex.
(此句尚無繁中翻譯)
1:19:03.127–1:19:03.747
Like look at this.
(此句尚無繁中翻譯)
1:19:03.747–1:19:06.219
You can create an investor deck just like this.
(此句尚無繁中翻譯)
1:19:06.219–1:19:09.526
I will say it's not the best at designing PowerPoints yet.
(此句尚無繁中翻譯)
1:19:09.526–1:19:18.898
So, what we need to do is we're going to open up the terminal here and we're going to type in Claude here and we're going to type in Claude dangerously skip permissions.
(此句尚無繁中翻譯)
1:19:18.898–1:19:22.102
And we're going to say, "Hey there, Claude.
(此句尚無繁中翻譯)
1:19:22.102–1:19:26.943
I need you to take a look at this PowerPoint and I need you to make it look better.
(此句尚無繁中翻譯)
1:19:26.943–1:19:27.975
I want you to refine it.
(此句尚無繁中翻譯)
1:19:27.975–1:19:30.712
I want there to be less text, some more graphics.
(此句尚無繁中翻譯)
1:19:30.712–1:19:34.376
Check and see how what are best practices for you to do it.
(此句尚無繁中翻譯)
1:19:34.376–1:19:36.890
I want you to just really make this like a refined deck.
(此句尚無繁中翻譯)
1:19:36.890–1:19:39.350
There just seems to be too much text on this deck.
(此句尚無繁中翻譯)
1:19:39.360–1:19:40.988
It's not super readable.
(此句尚無繁中翻譯)
1:19:40.988–1:19:44.208
It's just not my favorite deck right now.
(此句尚無繁中翻譯)
1:19:44.208–1:19:46.556
So, please make it so much better.
(此句尚無繁中翻譯)
1:19:46.556–1:19:48.962
Don't add any slides or change the material.
(此句尚無繁中翻譯)
1:19:48.962–1:19:50.048
Just make it better.
(此句尚無繁中翻譯)
1:19:50.048–1:19:59.270
Make it more refined, less text, more visuals that like put things into perspective, you know, like charts, anything like that that could be good.
(此句尚無繁中翻譯)
1:19:59.280–1:20:00.830
Make it better.
(此句尚無繁中翻譯)
1:20:00.830–1:20:07.350
We are working on and so it's useful to give it the files cuz remember this chat has all the context.
(此句尚無繁中翻譯)
1:20:07.360–1:20:10.908
All this chat knows is we're in this my new business folder.
(此句尚無繁中翻譯)
1:20:10.908–1:20:12.190
It's always good.
(此句尚無繁中翻譯)
1:20:12.200–1:20:15.737
Actually, don't even know where this is located.
(此句尚無繁中翻譯)
1:20:15.737–1:20:19.294
I guess we could just click on this.
(此句尚無繁中翻譯)
1:20:19.294–1:20:21.090
Oh, you can open it in click on this.
(此句尚無繁中翻譯)
1:20:21.090–1:20:22.270
Oh, you can open it in Canva.
(此句尚無繁中翻譯)
1:20:22.280–1:20:23.833
Canva.
(此句尚無繁中翻譯)
1:20:23.833–1:20:26.910
Um I'm just going to give it this file path right here.
(此句尚無繁中翻譯)
1:20:26.920–1:20:30.710
Um what happens if we click Canva?
(此句尚無繁中翻譯)
1:20:30.720–1:20:32.510
Here it is on Canva.
(此句尚無繁中翻譯)
1:20:32.520–1:20:32.963
Wow.
(此句尚無繁中翻譯)
1:20:32.963–1:20:33.407
Wow.
(此句尚無繁中翻譯)
1:20:33.407–1:20:36.399
This is actually very cool.
(此句尚無繁中翻譯)
1:20:36.399–1:20:38.913
I did not realize you can do that that easily.
(此句尚無繁中翻譯)
1:20:38.913–1:20:40.860
Just open it up straight in Canva.
(此句尚無繁中翻譯)
1:20:40.860–1:20:42.190
That's pretty cool.
(此句尚無繁中翻譯)
1:20:42.190–1:20:47.248
Okay, so Claude Code, we just had Claude Code go to town on this slide deck.
(此句尚無繁中翻譯)
1:20:47.248–1:20:48.766
It does look a little bit better.
(此句尚無繁中翻譯)
1:20:48.766–1:20:50.079
It doesn't look a ton better.
(此句尚無繁中翻譯)
1:20:50.079–1:20:55.443
I don't think it's that much better design than Code X models.
(此句尚無繁中翻譯)
1:20:55.443–1:20:57.438
It's just a little bit more refined.
(此句尚無繁中翻譯)
1:20:57.438–1:20:59.735
We have some more visuals.
(此句尚無繁中翻譯)
1:20:59.735–1:21:00.595
Um Here.
(此句尚無繁中翻譯)
1:21:00.595–1:21:03.146
Yeah, like this is a really good slide.
(此句尚無繁中翻譯)
1:21:03.146–1:21:04.896
Like value compounds over time.
(此句尚無繁中翻譯)
1:21:04.896–1:21:10.670
We have a learning graph, a saved workspace, execution graph, a saved workspace, execution memory.
(此句尚無繁中翻譯)
1:21:10.680–1:21:12.915
Um This is pretty cool.
(此句尚無繁中翻譯)
1:21:12.915–1:21:15.007
So, we have this slide deck.
(此句尚無繁中翻譯)
1:21:15.007–1:21:16.975
I didn't really give it enough information.
(此句尚無繁中翻譯)
1:21:16.975–1:21:18.253
So, I'm going to do that now.
(此句尚無繁中翻譯)
1:21:18.253–1:21:30.043
And so here I'm coming up with kind of like this fictional plan of how I'm going to leverage my audience, right, to build a massive curation of really useful skills for existing tools like OpenAI, Code X, etc.
(此句尚無繁中翻譯)
1:21:30.043–1:21:33.497
We're going to build a lightweight agent through iMessage.
(此句尚無繁中翻譯)
1:21:33.497–1:21:39.141
People will pay monthly through access for these different agents that are super lightweight that people can test.
(此句尚無繁中翻譯)
1:21:39.141–1:21:42.495
Uh less of a commitment than say Code X or Claude Code.
(此句尚無繁中翻譯)
1:21:42.495–1:21:47.564
I just kind of want to change the narrative because it's kind of bringing up like Claude and off super base.
(此句尚無繁中翻譯)
1:21:47.564–1:21:48.835
Like I need to mention that.
(此句尚無繁中翻譯)
1:21:48.835–1:21:58.431
We don't need to mention anything about the authentication and talk more about the narrative and why this is a big opportunity and look up like how much money is in this market.
(此句尚無繁中翻譯)
1:21:58.431–1:22:00.726
Like focus more on the story, less on the tech.
(此句尚無繁中翻譯)
1:22:00.726–1:22:02.167
So, we fired off that prompt.
(此句尚無繁中翻譯)
1:22:02.167–1:22:04.536
Let's check on our mobile app here.
(此句尚無繁中翻譯)
1:22:04.536–1:22:05.263
Oh, yeah.
(此句尚無繁中翻譯)
1:22:05.263–1:22:09.371
While the other one was loading, I forgot to record it, but I uploaded one of these app icons.
(此句尚無繁中翻譯)
1:22:09.371–1:22:12.735
If you remember, we generated a ton of these app icons earlier.
(此句尚無繁中翻譯)
1:22:12.735–1:22:16.392
I forgot about it and so I uploaded it here to the mobile app.
(此句尚無繁中翻譯)
1:22:16.392–1:22:18.002
So, it added an app icon.
(此句尚無繁中翻譯)
1:22:18.002–1:22:22.410
And so, what I'm going to do now is I'm actually going to plug in my actual phone.
(此句尚無繁中翻譯)
1:22:22.410–1:22:25.030
I'm going to show you real quick how to run.
(此句尚無繁中翻譯)
1:22:25.030–1:22:34.013
So, when you're using your phone or when you're using X Code, you can use the simulator or you can run it on your actual phone.
(此句尚無繁中翻譯)
1:22:34.013–1:22:38.015
So, on X Code, you see here we have the device.
(此句尚無繁中翻譯)
1:22:38.015–1:22:39.864
We we chose iPhone 17.
(此句尚無繁中翻譯)
1:22:39.864–1:22:41.628
This These are simulators.
(此句尚無繁中翻譯)
1:22:41.628–1:22:45.812
You can see that this says iOS simulators, but I can also select my phone.
(此句尚無繁中翻譯)
1:22:45.812–1:22:47.616
And so, I'm going to select my phone.
(此句尚無繁中翻譯)
1:22:47.616–1:22:48.846
I'm going to hit play.
(此句尚無繁中翻譯)
1:22:48.846–1:22:51.065
I have my phone open right here.
(此句尚無繁中翻譯)
1:22:51.065–1:22:54.552
It should open the latest version of the app.
(此句尚無繁中翻譯)
1:22:54.552–1:22:55.030
It is.
(此句尚無繁中翻譯)
1:22:55.040–1:22:57.669
And so now I'm just screen sharing my phone to the computer.
(此句尚無繁中翻譯)
1:22:57.669–1:22:59.493
This is on my actual phone right now.
(此句尚無繁中翻譯)
1:22:59.493–1:23:02.125
And we're going to take a look at the app.
(此句尚無繁中翻譯)
1:23:02.125–1:23:04.555
This page looks pretty good.
(此句尚無繁中翻譯)
1:23:04.555–1:23:06.051
We have basics.
(此句尚無繁中翻譯)
1:23:06.051–1:23:07.901
Oh, there's haptics in the app now.
(此句尚無繁中翻譯)
1:23:07.901–1:23:09.891
I can actually feel the app.
(此句尚無繁中翻譯)
1:23:09.891–1:23:11.150
There's haptics.
(此句尚無繁中翻譯)
1:23:11.160–1:23:12.763
Here we can select platforms.
(此句尚無繁中翻譯)
1:23:12.763–1:23:14.936
Here we see Claude Code, Code X.
(此句尚無繁中翻譯)
1:23:14.936–1:23:18.790
And here we have the about platforms page.
(此句尚無繁中翻譯)
1:23:18.800–1:23:25.110
We have this kind of nice overview where we can learn about the platform.
(此句尚無繁中翻譯)
1:23:25.120–1:23:27.110
Anthropic's Claude.
(此句尚無繁中翻譯)
1:23:27.120–1:23:28.575
This is very cool.
(此句尚無繁中翻譯)
1:23:28.575–1:23:29.141
Skills.
(此句尚無繁中翻譯)
1:23:29.141–1:23:32.155
So, we have this YouTube researcher skill.
(此句尚無繁中翻譯)
1:23:32.155–1:23:34.644
I believe I can copy this to my clipboard.
(此句尚無繁中翻譯)
1:23:34.644–1:23:36.639
It has a pretty cool animation.
(此句尚無繁中翻譯)
1:23:36.639–1:23:37.620
We can save this.
(此句尚無繁中翻譯)
1:23:37.620–1:23:41.030
This is actually coming out to be pretty cool.
(此句尚無繁中翻譯)
1:23:41.040–1:23:44.470
Um yeah, this is looking really good.
(此句尚無繁中翻譯)
1:23:44.480–1:23:45.551
This is my favorite page.
(此句尚無繁中翻譯)
1:23:45.551–1:23:48.150
I love the the actual icons.
(此句尚無繁中翻譯)
1:23:48.160–1:23:50.070
Um I'm actually going to make this app.
(此句尚無繁中翻譯)
1:23:50.080–1:23:51.150
I'm going to put this on the App Store.
(此句尚無繁中翻譯)
1:23:51.160–1:23:52.104
I'm going to make it really good.
(此句尚無繁中翻譯)
1:23:52.104–1:23:53.397
But this is looking very good.
(此句尚無繁中翻譯)
1:23:53.397–1:24:00.175
Now what I'm actually going to do is I'm going to say, "I want users to actually be able to sign in." Oh, wait, there's this profile icon.
(此句尚無繁中翻譯)
1:24:00.175–1:24:00.961
Oh, okay.
(此句尚無繁中翻譯)
1:24:00.961–1:24:03.830
So, this is not real data.
(此句尚無繁中翻譯)
1:24:03.840–1:24:04.332
real data.
(此句尚無繁中翻譯)
1:24:04.332–1:24:08.480
Um and I want the user to actually be able to sign in with Google.
(此句尚無繁中翻譯)
1:24:08.480–1:24:14.139
And so, what is the easiest way to do that with with that we're using Superbase?
(此句尚無繁中翻譯)
1:24:14.139–1:24:14.817
Ignore Clerk.
(此句尚無繁中翻譯)
1:24:14.817–1:24:16.152
We don't need to use Clerk.
(此句尚無繁中翻譯)
1:24:16.152–1:24:17.255
What is the easiest way?
(此句尚無繁中翻譯)
1:24:17.255–1:24:19.640
Are you able to add authentication right now?
(此句尚無繁中翻譯)
1:24:19.640–1:24:21.988
Um using the MCP with Google sign-in.
(此句尚無繁中翻譯)
1:24:21.988–1:24:26.079
And then this will log all the users that sign in into the actual app.
(此句尚無繁中翻譯)
1:24:26.079–1:24:29.894
And I want their actual data to show up in the profile.
(此句尚無繁中翻譯)
1:24:29.894–1:24:32.206
And I basically want this app fully ready to go.
(此句尚無繁中翻譯)
1:24:32.206–1:24:34.134
Obviously, there's no payments in the app.
(此句尚無繁中翻譯)
1:24:34.134–1:24:37.412
I want you to add authentication so users can sign in.
(此句尚無繁中翻譯)
1:24:37.412–1:24:38.484
So, we can run that.
(此句尚無繁中翻譯)
1:24:38.484–1:24:42.642
And if we go back to our launch video, this is the one that we might not finish today.
(此句尚無繁中翻譯)
1:24:42.642–1:24:45.835
I'm going to go ahead and close out of my iPhone real quick.
(此句尚無繁中翻譯)
1:24:45.835–1:24:50.364
If we hit play here, Okay, that's pretty cool.
(此句尚無繁中翻譯)
1:24:50.364–1:24:53.580
It misses a little bit on the learn.
(此句尚無繁中翻譯)
1:24:53.580–1:24:54.830
That's okay.
(此句尚無繁中翻譯)
1:24:54.840–1:24:56.390
What is this?
(此句尚無繁中翻譯)
1:24:56.400–1:24:59.687
Gradient.
(此句尚無繁中翻譯)
1:24:59.687–1:25:04.070
That's okay.
(此句尚無繁中翻譯)
1:25:04.080–1:25:04.533
Ooh.
(此句尚無繁中翻譯)
1:25:04.533–1:25:04.986
Ooh.
(此句尚無繁中翻譯)
1:25:04.986–1:25:08.877
Okay, I forgot I made a massive edit last time.
(此句尚無繁中翻譯)
1:25:08.877–1:25:10.185
Ooh, that looks pretty good.
(此句尚無繁中翻譯)
1:25:10.185–1:25:12.068
So, you can please use this skill.
(此句尚無繁中翻譯)
1:25:12.068–1:25:16.070
You can paste it into Code X.
(此句尚無繁中翻譯)
1:25:16.080–1:25:20.510
Um And now what I'm going to do is I'm going to just do that again, basically.
(此句尚無繁中翻譯)
1:25:20.520–1:25:32.516
So, I'm going to let's open up Claude and we're going to I'm going to say, "After the welcome to Code X screen, I actually want to go back to the phone screen that shows the skills.
(此句尚無繁中翻譯)
1:25:32.516–1:25:35.828
Show a different skill and show copying a different skill.
(此句尚無繁中翻譯)
1:25:35.828–1:25:41.701
Maybe like a mobile app designer skill." And then we're going to paste it into Claude Code, which looks like this.
(此句尚無繁中翻譯)
1:25:41.701–1:25:51.270
And then I'm going to go ahead and go to Claude and I'm just going to open up a new normal chat like going to open up a new normal chat like this.
(此句尚無繁中翻譯)
1:25:51.280–1:25:52.049
this.
(此句尚無繁中翻譯)
1:25:52.049–1:25:55.637
And um I'm just going to copy this just like this.
(此句尚無繁中翻譯)
1:25:55.637–1:26:01.261
And what I'm going to do is I'm actually going to be using Claude again because it is better at design.
(此句尚無繁中翻譯)
1:26:01.261–1:26:05.313
Claude {dash} {dash} dangerously get permissions.
(此句尚無繁中翻譯)
1:26:05.313–1:26:09.664
I'm going to paste that image in here and I'm also just going to paste this.
(此句尚無繁中翻譯)
1:26:09.664–1:26:12.486
We are working on the remotion video.
(此句尚無繁中翻譯)
1:26:12.486–1:26:14.150
Use the remotion skill.
(此句尚無繁中翻譯)
1:26:14.160–1:26:15.065
Really think deep.
(此句尚無繁中翻譯)
1:26:15.065–1:26:21.879
We're adding two scenes at the end of this to kind of close out the video to show that you can add skills to your agents.
(此句尚無繁中翻譯)
1:26:21.879–1:26:26.277
And so now we're focusing on Claude Code instead of the subtitle above.
(此句尚無繁中翻譯)
1:26:26.277–1:26:32.612
So, instead of it saying Riley returns, so instead of it saying Riley returns, it should just say Claude Code.
(此句尚無繁中翻譯)
1:26:32.612–1:26:34.409
And it should show the same thing.
(此句尚無繁中翻譯)
1:26:34.409–1:26:39.989
I want you to add this skill and then it should paste in a skill in the UI like the image.
(此句尚無繁中翻譯)
1:26:39.989–1:26:42.590
So, like we've already done this once with Code X.
(此句尚無繁中翻譯)
1:26:42.600–1:26:43.224
We're doing it again.
(此句尚無繁中翻譯)
1:26:43.224–1:26:47.803
So, we're going back to the same app from earlier, copying the prompt, and then pasting it into Claude Code.
(此句尚無繁中翻譯)
1:26:47.803–1:26:48.790
So, please think deep.
(此句尚無繁中翻譯)
1:26:48.800–1:26:49.738
Make this look good.
(此句尚無繁中翻譯)
1:26:49.738–1:26:50.832
Hey, this is really fun.
(此句尚無繁中翻譯)
1:26:50.832–1:26:57.343
I I actually haven't done this until today where I use Claude Code inside the Code X app for like design heavy tasks.
(此句尚無繁中翻譯)
1:26:57.343–1:26:58.908
It ends up looking a lot better.
(此句尚無繁中翻譯)
1:26:58.908–1:27:01.279
And obviously, these can take a lot longer, right?
(此句尚無繁中翻譯)
1:27:01.279–1:27:07.202
Like a launch video, like I mean, we've only put in a total of like 10 minutes of like focused effort in the launch video.
(此句尚無繁中翻譯)
1:27:07.202–1:27:10.940
If you spend a few hours on this, you could actually make this pretty good.
(此句尚無繁中翻譯)
1:27:10.940–1:27:12.509
This is not terrible.
(此句尚無繁中翻譯)
1:27:12.509–1:27:20.477
Okay, Claude has literally just went ham for 7 minutes and 24 seconds and it cooked on this slide deck.
(此句尚無繁中翻譯)
1:27:20.477–1:27:22.448
I was like, "Curation is the wedge.
(此句尚無繁中翻譯)
1:27:22.448–1:27:24.078
Agents are the business.
(此句尚無繁中翻譯)
1:27:24.078–1:27:26.323
Most startups pray for distribution.
(此句尚無繁中翻譯)
1:27:26.323–1:27:35.306
We start with it." And obviously, some of these things don't fit, but the fact that you can like literally export it into Canva immediately and make edits, that's pretty insane.
(此句尚無繁中翻譯)
1:27:35.306–1:27:37.188
Curate, test, monetize.
(此句尚無繁中翻譯)
1:27:37.188–1:27:39.216
I don't like this like top bar.
(此句尚無繁中翻譯)
1:27:39.216–1:27:40.980
In fact, I'm just going to do that.
(此句尚無繁中翻譯)
1:27:40.980–1:27:42.805
Oh, yeah, one really useful thing.
(此句尚無繁中翻譯)
1:27:42.805–1:27:44.967
I use a tool called CleanShot Pro.
(此句尚無繁中翻譯)
1:27:44.967–1:27:51.604
And what it does is it allows you to like immediately just like make really good Like I can just kind of go like this.
(此句尚無繁中翻譯)
1:27:51.604–1:27:54.698
I can very easily just select which part that I want.
(此句尚無繁中翻譯)
1:27:54.698–1:27:56.870
Like I actually don't want any of this up here.
(此句尚無繁中翻譯)
1:27:56.880–1:27:58.270
So, I'm going to give this to Claude.
(此句尚無繁中翻譯)
1:27:58.280–1:28:01.554
I'm going to say, "Please don't have the top bar.
(此句尚無繁中翻譯)
1:28:01.554–1:28:03.070
We don't need it.
(此句尚無繁中翻譯)
1:28:03.070–1:28:06.870
The big black thing that says 1.5 million followers.
(此句尚無繁中翻譯)
1:28:06.880–1:28:07.490
Simplify that.
(此句尚無繁中翻譯)
1:28:07.490–1:28:08.761
I don't like that component.
(此句尚無繁中翻譯)
1:28:08.761–1:28:12.950
Just change that." Let's just go through and make some changes here.
(此句尚無繁中翻譯)
1:28:12.960–1:28:16.060
Yeah, the top bar on all the pages, by the way, not just that one.
(此句尚無繁中翻譯)
1:28:16.060–1:28:17.503
I don't want the top bar.
(此句尚無繁中翻譯)
1:28:17.503–1:28:18.809
This one looks good.
(此句尚無繁中翻譯)
1:28:18.809–1:28:19.892
This one looks good.
(此句尚無繁中翻譯)
1:28:19.892–1:28:23.319
Yeah, this is looking pretty pretty solid here.
(此句尚無繁中翻譯)
1:28:23.319–1:28:24.855
Oh, I like this one.
(此句尚無繁中翻譯)
1:28:24.855–1:28:28.494
Every consumer is about to decide which agents to trust.
(此句尚無繁中翻譯)
1:28:28.494–1:28:29.952
Nobody is guiding them.
(此句尚無繁中翻譯)
1:28:29.952–1:28:31.429
Yeah, I'm I like this.
(此句尚無繁中翻譯)
1:28:31.429–1:28:33.618
I'm going to just going to copy this right here.
(此句尚無繁中翻譯)
1:28:33.618–1:28:35.638
We're going to go back to Claude Code.
(此句尚無繁中翻譯)
1:28:35.638–1:28:40.318
On this first slide, make the text the main text at the top, every consumer.
(此句尚無繁中翻譯)
1:28:40.318–1:28:44.476
And then just change what's going on in the on the bottom part.
(此句尚無繁中翻譯)
1:28:44.476–1:28:47.310
Like it says fragmented, technical, and unbranded.
(此句尚無繁中翻譯)
1:28:47.320–1:28:48.310
Please come up with something else.
(此句尚無繁中翻譯)
1:28:48.320–1:28:53.641
Maybe show the phone on the the right with the the the app design.
(此句尚無繁中翻譯)
1:28:53.641–1:28:58.119
Show that there on the right and show that there's like a course or something there or something.
(此句尚無繁中翻譯)
1:28:58.119–1:28:59.334
That's pretty good.
(此句尚無繁中翻譯)
1:28:59.334–1:29:00.988
Where are we on the mobile app?
(此句尚無繁中翻譯)
1:29:00.988–1:29:01.445
Oh, yeah.
(此句尚無繁中翻譯)
1:29:01.445–1:29:02.099
Let me see here.
(此句尚無繁中翻譯)
1:29:02.099–1:29:04.144
Oh, yeah, we just tried to add authentication.
(此句尚無繁中翻譯)
1:29:04.144–1:29:05.915
Let's go ahead and go to X Code.
(此句尚無繁中翻譯)
1:29:05.915–1:29:09.194
What we're going to do is we're going to run this on Riley's iPhone.
(此句尚無繁中翻譯)
1:29:09.194–1:29:12.670
So, I'm going to go ahead and open up Riley's iPhone here.
(此句尚無繁中翻譯)
1:29:12.680–1:29:13.916
This is going to open up.
(此句尚無繁中翻譯)
1:29:13.916–1:29:15.165
Let's take a This is going to open up.
(此句尚無繁中翻譯)
1:29:15.165–1:29:15.630
Let's take a look.
(此句尚無繁中翻譯)
1:29:15.640–1:29:20.929
We tried to add authentication, add your Superbase publishable keys.
(此句尚無繁中翻譯)
1:29:20.929–1:29:24.967
Okay, so we're not quite ready for adding authentication.
(此句尚無繁中翻譯)
1:29:24.967–1:29:28.432
The easiest path is Superbase native Google OAuth flow.
(此句尚無繁中翻譯)
1:29:28.432–1:29:30.959
It's asking it, what do I need to do to make this work?
(此句尚無繁中翻譯)
1:29:30.959–1:29:33.156
I'm not signed in yet or I can't sign in.
(此句尚無繁中翻譯)
1:29:33.156–1:29:36.823
So again, we're just asking the agent what we need to do to set this up.
(此句尚無繁中翻譯)
1:29:36.823–1:29:39.157
Actually, we're not going to do Google.
(此句尚無繁中翻譯)
1:29:39.157–1:29:43.363
I want to just set up What were some of the providers?
(此句尚無繁中翻譯)
1:29:43.363–1:29:44.997
Was Apple one of them?
(此句尚無繁中翻譯)
1:29:44.997–1:29:46.342
Let's do Apple.
(此句尚無繁中翻譯)
1:29:46.342–1:29:48.693
Actually, let's just do email.
(此句尚無繁中翻譯)
1:29:48.693–1:29:50.968
We don't need to do Google.
(此句尚無繁中翻譯)
1:29:50.968–1:29:53.507
Just do email for now.
(此句尚無繁中翻譯)
1:29:53.507–1:29:55.748
Okay, so the mobile app is done.
(此句尚無繁中翻譯)
1:29:55.748–1:29:57.194
Let's see if this works here.
(此句尚無繁中翻譯)
1:29:57.194–1:30:02.815
What we're going to do is we're going to go to Xcode and we're going to hit play.
(此句尚無繁中翻譯)
1:30:02.815–1:30:04.322
Build succeeded.
(此句尚無繁中翻譯)
1:30:04.322–1:30:08.430
So it decided that doing email and password was actually the easiest way to do it.
(此句尚無繁中翻譯)
1:30:08.440–1:30:09.641
So that's what we're going to do.
(此句尚無繁中翻譯)
1:30:09.641–1:30:11.910
I'm going to put in my email and password.
(此句尚無繁中翻譯)
1:30:11.920–1:30:13.710
I'm going to pause the video for this.
(此句尚無繁中翻譯)
1:30:13.720–1:30:15.990
And here we are just going to sign in.
(此句尚無繁中翻譯)
1:30:16.000–1:30:17.990
Ah, I have to do create account first.
(此句尚無繁中翻譯)
1:30:18.000–1:30:18.984
Create an account.
(此句尚無繁中翻譯)
1:30:18.984–1:30:20.222
Okay, wait, it worked.
(此句尚無繁中翻譯)
1:30:20.222–1:30:20.882
It worked.
(此句尚無繁中翻譯)
1:30:20.882–1:30:21.542
It worked.
(此句尚無繁中翻譯)
1:30:21.542–1:30:26.252
I had to go into Superbase and I had to turn off confirm email.
(此句尚無繁中翻譯)
1:30:26.252–1:30:34.910
I can turn that on later, but all I want to do is be able to sign in and it looks like that I am indeed signed in here.
(此句尚無繁中翻譯)
1:30:34.920–1:30:37.883
I can see that it Let's see if I hit save.
(此句尚無繁中翻譯)
1:30:37.883–1:30:41.362
Let's save a few things here on platforms.
(此句尚無繁中翻譯)
1:30:41.362–1:30:42.949
We'll save Cloud Code.
(此句尚無繁中翻譯)
1:30:42.949–1:30:49.623
If we go back to our profile, uh, we have one platform saved, two tracks saved, no skills saved.
(此句尚無繁中翻譯)
1:30:49.623–1:30:51.910
So I can save some skills.
(此句尚無繁中翻譯)
1:30:51.920–1:30:57.054
1 2 3 1 2 3 Now let's go back to my profile.
(此句尚無繁中翻譯)
1:30:57.054–1:31:00.429
All of these things are now saved in the app.
(此句尚無繁中翻譯)
1:31:00.429–1:31:01.942
So I am signed in.
(此句尚無繁中翻譯)
1:31:01.942–1:31:06.310
It doesn't show the account that I'm signed in with, which I will want it to do.
(此句尚無繁中翻譯)
1:31:06.320–1:31:07.743
That's one thing we'll ask.
(此句尚無繁中翻譯)
1:31:07.743–1:31:08.920
Okay, so I am signed in.
(此句尚無繁中翻譯)
1:31:08.920–1:31:14.188
Once I sign in, I want it to be clearer that I'm signed in, like show like my email up at the top.
(此句尚無繁中翻譯)
1:31:14.188–1:31:15.665
Um, but this is pretty cool.
(此句尚無繁中翻譯)
1:31:15.665–1:31:18.393
We are signed in and this is working.
(此句尚無繁中翻譯)
1:31:18.393–1:31:22.371
We have a full working authentication set up.
(此句尚無繁中翻譯)
1:31:22.371–1:31:25.150
We can go to the tables.
(此句尚無繁中翻譯)
1:31:25.160–1:31:28.086
And yeah, this is pretty cool.
(此句尚無繁中翻譯)
1:31:28.086–1:31:31.243
So I think this app is ready for TestFlight.
(此句尚無繁中翻譯)
1:31:31.243–1:31:34.990
So I'm actually going to add this later.
(此句尚無繁中翻譯)
1:31:34.990–1:31:39.265
I want to get this ready for TestFlight.
(此句尚無繁中翻譯)
1:31:39.265–1:31:43.905
Please do everything to prep for this.
(此句尚無繁中翻譯)
1:31:43.905–1:31:49.573
I'm going to do it on the not number account.
(此句尚無繁中翻譯)
1:31:49.573–1:31:52.209
So yeah, we're going to be sending this app to the App Store.
(此句尚無繁中翻譯)
1:31:52.209–1:31:53.528
Here, let's take a look.
(此句尚無繁中翻譯)
1:31:53.528–1:31:56.363
A trusted curator for the AI agent era.
(此句尚無繁中翻譯)
1:31:56.363–1:31:57.899
That's pretty good.
(此句尚無繁中翻譯)
1:31:57.899–1:32:04.089
And so we can see this full screen or what we can do is we can open this in Canva.
(此句尚無繁中翻譯)
1:32:04.089–1:32:12.033
So we're going to open up this new version in Canva and it will show up right here and we can actually manually make edits to it.
(此句尚無繁中翻譯)
1:32:12.033–1:32:16.194
And so we can do like the last 5 10% here, like we might want to get rid of this.
(此句尚無繁中翻譯)
1:32:16.194–1:32:23.164
You know, maybe we'd want to change these colors just a little bit, but yeah, it exports pretty well.
(此句尚無繁中翻譯)
1:32:23.164–1:32:24.384
Ooh, nice animation.
(此句尚無繁中翻譯)
1:32:24.384–1:32:25.589
That's kind of sick.
(此句尚無繁中翻譯)
1:32:25.589–1:32:27.029
It looks a lot better in Canva.
(此句尚無繁中翻譯)
1:32:27.029–1:32:30.550
And so yeah, like we can get rid of these here.
(此句尚無繁中翻譯)
1:32:30.560–1:32:34.310
Then we can also add some like offset.
(此句尚無繁中翻譯)
1:32:34.320–1:32:35.704
Get like background.
(此句尚無繁中翻譯)
1:32:35.704–1:32:37.325
We can put it over here.
(此句尚無繁中翻譯)
1:32:37.325–1:32:40.193
So this is looking a little bit better.
(此句尚無繁中翻譯)
1:32:40.193–1:32:44.351
We can make some Yeah, you know, this slide is fine.
(此句尚無繁中翻譯)
1:32:44.351–1:32:47.070
We could add some icons, but you know what?
(此句尚無繁中翻譯)
1:32:47.080–1:32:51.367
This is a decent start to an investor deck.
(此句尚無繁中翻譯)
1:32:51.367–1:32:54.219
So I'm going to go ahead and go back to the plan.
(此句尚無繁中翻譯)
1:32:54.219–1:32:55.745
I finished the investor deck.
(此句尚無繁中翻譯)
1:32:55.745–1:33:01.103
I also finished the iOS app because this mobile app I think is looking pretty good.
(此句尚無繁中翻譯)
1:33:01.103–1:33:03.585
You know, we still need to send it to the App Store.
(此句尚無繁中翻譯)
1:33:03.585–1:33:08.990
And so while the mobile app is loading, what I want to do is I want to be able to put this on the internet.
(此句尚無繁中翻譯)
1:33:09.000–1:33:12.772
So I want to be able to actually put this on the internet and we can give it a domain later.
(此句尚無繁中翻譯)
1:33:12.772–1:33:24.293
But what I'm going to do now is I'm going to say, please, can you deploy this to @vercel and give me the public link.
(此句尚無繁中翻譯)
1:33:24.293–1:33:28.654
So we are actually putting this website on the internet, right?
(此句尚無繁中翻譯)
1:33:28.654–1:33:30.847
So this is how people will can get early access.
(此句尚無繁中翻譯)
1:33:30.847–1:33:35.838
They can come to the website and we can actually grab this link right here.
(此句尚無繁中翻譯)
1:33:35.838–1:33:42.081
Let me show you in a browser, so the actual And while this is loading, I want to add a song to our launch video.
(此句尚無繁中翻譯)
1:33:42.081–1:33:44.513
So I'm just going to drag this song that I have.
(此句尚無繁中翻譯)
1:33:44.513–1:33:46.888
It's called Chasing Horizons in my folder.
(此句尚無繁中翻譯)
1:33:46.888–1:33:55.571
I'm going to say, please add this song at 50% volume in the launch video.
(此句尚無繁中翻譯)
1:33:55.571–1:33:58.843
Keep everything else the same.
(此句尚無繁中翻譯)
1:33:58.843–1:34:03.313
Okay, so we've created a build here on App Store Connect.
(此句尚無繁中翻譯)
1:34:03.313–1:34:06.054
Now, please put it on Connect.
(此句尚無繁中翻譯)
1:34:06.054–1:34:07.430
Now, please put it on TestFlight.
(此句尚無繁中翻譯)
1:34:07.440–1:34:07.997
I'm done.
(此句尚無繁中翻譯)
1:34:07.997–1:34:11.987
Okay, while that's loading, I'm running one final prompt on Cloud Code.
(此句尚無繁中翻譯)
1:34:11.987–1:34:23.070
I want to add Oh yeah, here's the music, by the way.
(此句尚無繁中翻譯)
1:34:23.080–1:34:24.910
So it shows copying.
(此句尚無繁中翻譯)
1:34:24.920–1:34:27.430
I can paste it here.
(此句尚無繁中翻譯)
1:34:27.440–1:34:31.790
It's pretty good.
(此句尚無繁中翻譯)
1:34:31.800–1:34:36.030
Some repetition shows me copying this.
(此句尚無繁中翻譯)
1:34:36.040–1:34:36.402
Boom.
(此句尚無繁中翻譯)
1:34:36.402–1:34:39.926
Now after this, I want it to actually use the skill.
(此句尚無繁中翻譯)
1:34:39.926–1:34:52.100
So we're using the skill and then I want you to create a little canvas that shows all like five frames of a calorie tracking app that look really good on the same background as that Cloud Code is, but remember change the font here.
(此句尚無繁中翻譯)
1:34:52.100–1:34:54.953
You didn't really choose the right font for the Cloud Code.
(此句尚無繁中翻譯)
1:34:54.953–1:35:00.034
And yeah, have a new app like have a like a laptop screen pop up.
(此句尚無繁中翻譯)
1:35:00.034–1:35:05.793
Just basically like a computer screen pop up that shows the different canvases of an iPhone mock-up.
(此句尚無繁中翻譯)
1:35:05.793–1:35:07.492
Okay, we're getting there.
(此句尚無繁中翻譯)
1:35:07.492–1:35:09.707
We're almost there, guys.
(此句尚無繁中翻譯)
1:35:09.707–1:35:11.705
Okay, this web app looks done.
(此句尚無繁中翻譯)
1:35:11.705–1:35:13.688
Okay, yep, this is done.
(此句尚無繁中翻譯)
1:35:13.688–1:35:15.831
Deploy to Vercel.
(此句尚無繁中翻譯)
1:35:15.831–1:35:17.470
Give me link.
(此句尚無繁中翻譯)
1:35:17.480–1:35:20.242
And we can't mark this as complete until we've tested it.
(此句尚無繁中翻譯)
1:35:20.242–1:35:23.262
So I'm going to go in and try and submit an email on the website.
(此句尚無繁中翻譯)
1:35:23.262–1:35:24.897
Right, I need to go to this link.
(此句尚無繁中翻譯)
1:35:24.897–1:35:28.877
If we open up Arc here, we need to be able to type in the info here.
(此句尚無繁中翻譯)
1:35:28.877–1:35:32.870
And then remember, this last thing is I want to be able to set up X post automation.
(此句尚無繁中翻譯)
1:35:32.880–1:35:34.127
So we're just going to set that up.
(此句尚無繁中翻譯)
1:35:34.127–1:35:36.412
This is one of my favorite skills that I've ever used.
(此句尚無繁中翻譯)
1:35:36.412–1:35:38.454
For this, we're going to use Typefully.
(此句尚無繁中翻譯)
1:35:38.454–1:35:48.870
So Typefully is how I control six different Twitter accounts to and uh combine over like 275,000 followers across all of my accounts.
(此句尚無繁中翻譯)
1:35:48.880–1:35:54.133
And I just need to come in here and what I need to do is I need to grab my API key, right?
(此句尚無繁中翻譯)
1:35:54.133–1:35:57.862
Cuz I can just go here and I can create new posts from Vibe Coding Explained.
(此句尚無繁中翻譯)
1:35:57.862–1:36:04.152
This account has 50,000 followers and we can use AI to draft tweets from Typefully.
(此句尚無繁中翻譯)
1:36:04.152–1:36:11.378
And so here, what we need to do is we need to go to settings, then we need to go to API, and then we need to create a new API key.
(此句尚無繁中翻譯)
1:36:11.378–1:36:13.095
So I'm going to create one and copy it.
(此句尚無繁中翻譯)
1:36:13.095–1:36:13.990
Now we're going to come here.
(此句尚無繁中翻譯)
1:36:13.990–1:36:22.522
I'm going to say, please, can you search Typefully and I want you to create a skill that allows me to fully control it with their new API.
(此句尚無繁中翻譯)
1:36:22.522–1:36:24.628
Their new API is V3.
(此句尚無繁中翻譯)
1:36:24.628–1:36:26.149
It gives me full control.
(此句尚無繁中翻譯)
1:36:26.149–1:36:28.268
When you search it, you might find V2.
(此句尚無繁中翻譯)
1:36:28.268–1:36:29.088
I want V3.
(此句尚無繁中翻譯)
1:36:29.088–1:36:31.983
I want full control over Typefully.
(此句尚無繁中翻譯)
1:36:31.983–1:36:34.550
And I want you to just test it right away.
(此句尚無繁中翻譯)
1:36:34.550–1:36:40.819
Test it with the Riley Brown account and use fruit emojis in your test, so I know which ones are yours.
(此句尚無繁中翻譯)
1:36:40.819–1:36:43.789
In the message below, I'm going to paste my API key.
(此句尚無繁中翻譯)
1:36:43.789–1:36:44.350
Use that.
(此句尚無繁中翻譯)
1:36:44.360–1:36:45.244
Figure this out.
(此句尚無繁中翻譯)
1:36:45.244–1:36:45.687
Test it.
(此句尚無繁中翻譯)
1:36:45.687–1:36:47.029
Let's see if this works.
(此句尚無繁中翻譯)
1:36:47.029–1:36:48.062
Create the skill.
(此句尚無繁中翻譯)
1:36:48.062–1:36:55.749
All right, so we're creating a skill so we can have AI and we can set up automations to automatically use this API to schedule tweets.
(此句尚無繁中翻譯)
1:36:55.749–1:36:57.985
So here, I'm going to enter this.
(此句尚無繁中翻譯)
1:36:57.985–1:37:00.350
Now off camera, I'm going to paste my API key.
(此句尚無繁中翻譯)
1:37:00.350–1:37:02.490
I do not want that out there in the wild.
(此句尚無繁中翻譯)
1:37:02.490–1:37:06.984
Okay, so we just got the web app link and I know this is not centered, right?
(此句尚無繁中翻譯)
1:37:06.984–1:37:09.759
I know we're we're just we made this really quickly.
(此句尚無繁中翻譯)
1:37:09.759–1:37:11.086
We can easily center this.
(此句尚無繁中翻譯)
1:37:11.086–1:37:12.539
It says made with easily center this.
(此句尚無繁中翻譯)
1:37:12.539–1:37:13.270
It says made with Tally.
(此句尚無繁中翻譯)
1:37:13.280–1:37:16.430
I'm just going to put in an email I'm just going to put in an email address.
(此句尚無繁中翻譯)
1:37:16.440–1:37:18.110
All right, so we're going to hit register.
(此句尚無繁中翻譯)
1:37:18.110–1:37:19.356
All right, so done.
(此句尚無繁中翻譯)
1:37:19.356–1:37:21.286
So now let's check to see if that worked.
(此句尚無繁中翻譯)
1:37:21.286–1:37:26.603
We're going to go back to Tally and here we see the registration form template.
(此句尚無繁中翻譯)
1:37:26.603–1:37:27.497
One submission.
(此句尚無繁中翻譯)
1:37:27.497–1:37:31.132
We see the one submission here and we see that it works.
(此句尚無繁中翻譯)
1:37:31.132–1:37:33.928
So this is actually on the internet, right?
(此句尚無繁中翻譯)
1:37:33.928–1:37:37.694
This is Chorus-Beta-2 Vercel app.
(此句尚無繁中翻譯)
1:37:37.694–1:37:39.790
So this is on the internet.
(此句尚無繁中翻譯)
1:37:39.800–1:37:41.568
We can give it a custom domain.
(此句尚無繁中翻譯)
1:37:41.568–1:37:46.831
I just haven't bought a domain yet for this, but you can actually sign up for early access right now.
(此句尚無繁中翻譯)
1:37:46.831–1:37:54.133
So we can go back to our plan and we can say, cool, I finished the web app and landing page waitlist sign up.
(此句尚無繁中翻譯)
1:37:54.133–1:37:55.483
All right, and look at this.
(此句尚無繁中翻譯)
1:37:55.483–1:37:57.698
We actually have our app.
(此句尚無繁中翻譯)
1:37:57.698–1:37:59.247
We can open our app here.
(此句尚無繁中翻譯)
1:37:59.247–1:38:00.828
This is actually in TestFlight.
(此句尚無繁中翻譯)
1:38:00.828–1:38:02.790
You can see that this is a real build.
(此句尚無繁中翻譯)
1:38:02.790–1:38:04.630
This is not the Chorus app.
(此句尚無繁中翻譯)
1:38:04.640–1:38:07.466
This one is the app that we downloaded to our phone, right?
(此句尚無繁中翻譯)
1:38:07.466–1:38:09.120
That we downloaded from Xcode.
(此句尚無繁中翻譯)
1:38:09.120–1:38:13.001
This one This one is actually a TestFlight link.
(此句尚無繁中翻譯)
1:38:13.001–1:38:18.839
Now, I can say Riley at Actually, I forget what email at Okay, there we go.
(此句尚無繁中翻譯)
1:38:18.839–1:38:20.774
We are signed in to our account.
(此句尚無繁中翻譯)
1:38:20.774–1:38:21.800
We have this app.
(此句尚無繁中翻譯)
1:38:21.800–1:38:24.110
It is literally on the App Store.
(此句尚無繁中翻譯)
1:38:24.120–1:38:32.193
It's a pretty bare-bones app, you know, it's if it is a pretty simple app, but we have some good information here that we're going to add to, right?
(此句尚無繁中翻譯)
1:38:32.193–1:38:33.707
We just created the bare-bones.
(此句尚無繁中翻譯)
1:38:33.707–1:38:39.236
We have it set up to a back end, so I can constantly add things to this to make it a really useful app.
(此句尚無繁中翻譯)
1:38:39.236–1:38:44.808
One thing I do want to add is an AI chat, but it has haptics and it feels pretty good.
(此句尚無繁中翻譯)
1:38:44.808–1:38:47.499
So we are done with our app, fully done with our app.
(此句尚無繁中翻譯)
1:38:47.499–1:38:49.231
Let's check on our launch video.
(此句尚無繁中翻譯)
1:38:49.231–1:38:50.778
Let's see if Opus is done.
(此句尚無繁中翻譯)
1:38:50.778–1:38:57.043
Okay, this is actually looking pretty good, but I think the Typefully one is done.
(此句尚無繁中翻譯)
1:38:57.043–1:38:58.026
I was wrong.
(此句尚無繁中翻譯)
1:38:58.026–1:39:02.961
It is V2, but it said that it was able to create a draft autonomously.
(此句尚無繁中翻譯)
1:39:02.961–1:39:07.950
So we did create the skill that controls Typefully, which allows me to draft tweets.
(此句尚無繁中翻譯)
1:39:07.950–1:39:14.621
So if I go back to Typefully here, it said that it created one on Riley Brown.
(此句尚無繁中翻譯)
1:39:14.621–1:39:15.338
Let's see.
(此句尚無繁中翻譯)
1:39:15.338–1:39:16.270
There you go.
(此句尚無繁中翻譯)
1:39:16.280–1:39:19.350
So, it is able to create drafts for me.
(此句尚無繁中翻譯)
1:39:19.360–1:39:31.790
And so, now I can say, "Please do research and come up with three drafts every single morning to post on X.
(此句尚無繁中翻譯)
1:39:31.800–1:39:43.602
Please create that automation now and use the slash I think it should have use the slash I think it should have created Typefully control skill and we can run it.
(此句尚無繁中翻譯)
1:39:43.602–1:39:46.430
So, we just created the automation.
(此句尚無繁中翻譯)
1:39:46.440–1:39:48.252
So, we are done with this.
(此句尚無繁中翻譯)
1:39:48.252–1:39:51.230
I just finished the X post video automation.
(此句尚無繁中翻譯)
1:39:51.240–1:39:54.594
So, all we have left is the launch video.
(此句尚無繁中翻譯)
1:39:54.594–1:39:58.264
We need to go to the uh Remotion screen here.
(此句尚無繁中翻譯)
1:39:58.264–1:40:00.386
Let's see if Cloud Code is still working.
(此句尚無繁中翻譯)
1:40:00.386–1:40:01.390
It looks like it's done.
(此句尚無繁中翻譯)
1:40:01.400–1:40:02.093
Let's take a look.
(此句尚無繁中翻譯)
1:40:02.093–1:40:05.227
Let's watch the video.
(此句尚無繁中翻譯)
1:40:05.227–1:40:14.990
Let's see if it's good.
(此句尚無繁中翻譯)
1:40:15.000–1:40:16.733
Okay, so we're adding the skill.
(此句尚無繁中翻譯)
1:40:16.733–1:40:17.552
Very good.
(此句尚無繁中翻譯)
1:40:17.552–1:40:20.750
We're going to do it again.
(此句尚無繁中翻譯)
1:40:20.760–1:40:29.190
Boom.
(此句尚無繁中翻譯)
1:40:29.200–1:40:30.968
Yeah, that's a little bit long.
(此句尚無繁中翻譯)
1:40:30.968–1:40:36.994
That's Yeah, that's a little bit long.
(此句尚無繁中翻譯)
1:40:36.994–1:40:39.190
That's okay.
(此句尚無繁中翻譯)
1:40:39.200–1:40:43.510
Okay, we got this app laptop opening up and it created the designs for the app.
(此句尚無繁中翻譯)
1:40:43.520–1:40:46.150
That's pretty sick.
(此句尚無繁中翻譯)
1:40:46.160–1:40:52.486
And then, there you go.
(此句尚無繁中翻譯)
1:40:52.486–1:40:53.990
It's kind of sick.
(此句尚無繁中翻譯)
1:40:54.000–1:40:55.750
Obviously, there's a lot more we can do.
(此句尚無繁中翻譯)
1:40:55.760–1:40:59.428
We were multitasking, but I think this is actually a good first draft.
(此句尚無繁中翻譯)
1:40:59.428–1:41:01.061
We can continue to edit it.
(此句尚無繁中翻譯)
1:41:01.061–1:41:05.084
I will say Cloud Code is significantly better at designing.
(此句尚無繁中翻譯)
1:41:05.084–1:41:08.930
Codex just wants to use these like really clunky design styles.
(此句尚無繁中翻譯)
1:41:08.930–1:41:12.289
I cannot wait for them to get a model specifically for design.
(此句尚無繁中翻譯)
1:41:12.289–1:41:14.337
I think that'll be really great.
(此句尚無繁中翻譯)
1:41:14.337–1:41:15.394
But, we're good.
(此句尚無繁中翻譯)
1:41:15.394–1:41:18.265
And as you can see here, automations just turned to three.
(此句尚無繁中翻譯)
1:41:18.265–1:41:21.598
If we go to we can see that it created these morning drafts here.
(此句尚無繁中翻譯)
1:41:21.598–1:41:24.696
And here is the morning draft that it created.
(此句尚無繁中翻譯)
1:41:24.696–1:41:26.920
And we have three automations ready to go.
(此句尚無繁中翻譯)
1:41:26.920–1:41:29.621
So, that's what we've done today.
(此句尚無繁中翻譯)
1:41:29.621–1:41:30.078
Woo!
(此句尚無繁中翻譯)
1:41:30.078–1:41:32.155
This was a long one.
(此句尚無繁中翻譯)
1:41:32.155–1:41:34.199
Yeah, we covered a lot.
(此句尚無繁中翻譯)
1:41:34.199–1:41:39.175
I'm just going to just so we finished finished the launch video.
(此句尚無繁中翻譯)
1:41:39.175–1:41:39.685
Okay.
(此句尚無繁中翻譯)
1:41:39.685–1:41:40.196
Yeah.
(此句尚無繁中翻譯)
1:41:40.196–1:41:41.849
And so, there you go.
(此句尚無繁中翻譯)
1:41:41.849–1:41:42.707
We are done.
(此句尚無繁中翻譯)
1:41:42.707–1:41:48.150
And all I wanted to illustrate in part two of this video was that you can multitask to create really cool things.
(此句尚無繁中翻譯)
1:41:48.150–1:41:50.605
If you ever get stuck, just ask the agent.
(此句尚無繁中翻譯)
1:41:50.605–1:41:54.112
If you ever want a skill, just ask the agent if you can create a skill.
(此句尚無繁中翻譯)
1:41:54.112–1:41:56.776
Maybe you'll need an API key to a tool you already use.
(此句尚無繁中翻譯)
1:41:56.776–1:42:01.594
Maybe not, but you can just ask the agent to create a skill and you can download it.
(此句尚無繁中翻譯)
1:42:01.594–1:42:03.616
And they have a lot of plugins.
(此句尚無繁中翻譯)
1:42:03.616–1:42:05.903
They're going to continue to add a ton more plugins.
(此句尚無繁中翻譯)
1:42:05.903–1:42:09.705
So, you're going to basically be able to all of the tools that you already use.
(此句尚無繁中翻譯)
1:42:09.705–1:42:12.308
And um it's only going to get easier from here.
(此句尚無繁中翻譯)
1:42:12.308–1:42:19.505
I highly recommend to just take everything that you do in your job or in your business and try and figure out how you can automate as much as you can.
(此句尚無繁中翻譯)
1:42:19.505–1:42:23.414
You know, if you have a software company, try and create a launch video every week.
(此句尚無繁中翻譯)
1:42:23.414–1:42:26.998
You can just launch on Instagram or on Twitter every week.
(此句尚無繁中翻譯)
1:42:26.998–1:42:29.215
Uh you can create Instagram videos.
(此句尚無繁中翻譯)
1:42:29.215–1:42:30.761
You can create graphics.
(此句尚無繁中翻譯)
1:42:30.761–1:42:37.510
There's a ton of things that you can just do and experiment with and figure out how to use Canva with Codex.
(此句尚無繁中翻譯)
1:42:37.520–1:42:42.401
There's so much that you can do on these AI-powered super apps and they're only going to get better.
(此句尚無繁中翻譯)
1:42:42.401–1:42:44.568
Anyway, thank you guys so much for watching.
(此句尚無繁中翻譯)
1:42:44.568–1:42:46.438
Please hit subscribe and like this video.
(此句尚無繁中翻譯)
1:42:46.438–1:42:47.690
It helps me out a ton.
(此句尚無繁中翻譯)
1:42:47.690–1:42:50.518
I will put the app that we created, right?
(此句尚無繁中翻譯)
1:42:50.518–1:42:52.577
We have the app that we created.
(此句尚無繁中翻譯)
1:42:52.577–1:42:55.552
By the time you see this video, it should be on the App Store.
(此句尚無繁中翻譯)
1:42:55.552–1:42:56.873
You'll be able to use it for free.
(此句尚無繁中翻譯)
1:42:56.873–1:42:57.809
I'm going to load it up.
(此句尚無繁中翻譯)
1:42:57.809–1:43:01.929
I'm just going to keep this as my notes for all of the useful tools that I use.
(此句尚無繁中翻譯)
1:43:01.929–1:43:10.336
So, I'm actually going to put all of the useful skills and all of the platforms that I'm testing out on this mobile app and it'll be on the App Store.
(此句尚無繁中翻譯)
1:43:10.336–1:43:12.070
So, check that out if you want.
(此句尚無繁中翻譯)
1:43:12.080–1:43:13.000
Anyway, thank you guys for watching.
(此句尚無繁中翻譯)
影片筆記:Codex Full Course 2026: The NEW Best AI Coding Tool
處理狀態
已完成語音辨識與逐字時間軸。自動摘要階段未在時間預算內完成,因此先發布可用版本;可於後續從現有逐字稿補做摘要,不需重新辨識影片。
來源
https://www.youtube.com/watch?v=KXIdYEdOPys
完整逐字稿
Welcome to the Open AI Codex complete guide, where we will be learning how to use Open AI's new super app to create and edit designs, do research and create documents, create and deploy full web apps, create motion graphic launch
videos, create high-quality investor decks that you can export to Canva, and even create high-quality iOS apps in Swift.
What you'll realize in this video is Codex is the only unified all-purpose AI agent tool.
One that combines coding, co-work, browser, and computer use cases all into one single interface that we are going to cover in great detail.
So, this video is going to be divided into two parts.
We're going to first start with the basics, and then we are going to move on to multitasking and creating many different things in parallel.
In part one, we're going to talk about the basics of prompting.
We're going to talk about permissions, the different AI models you can use, and the effort.
We're also going to talk about the main features in the app.
We're going to do a detailed dive into all of the different things that you can do on Codex.
We're going to talk about how to stay organized.
We're going to talk about this preview, which makes Codex so useful for basically any use case.
You can even comment directly on the preview to give additional information to the AI agent.
We're also going to talk about how to create PowerPoints, how to create Excel sheets, and how to create documents.
We're going to talk about skills and plugins.
We're also going to create automations, so you can simply chat with Codex to create automations that allow you to just save so much time.
And then, we're also going to talk about computer use, which allows your agent to literally control your computer.
And the Open AI computer use is best in the world by far.
And so, part one is going to feel very linear and somewhat slow, but we're really going to dig into the basics.
And part two, we're going to start to have a lot more fun.
In part two, we are going to create a design for a mobile app.
We're going to create a mobile app.
We're going to build a web app.
We're going to build an investor deck, and we're going to create a launch video.
And we're going to do these all at the same time.
And so, we are going to dive into multitasking with Codex.
Because every month that goes by, AI agents are working for longer and longer to the point where AI agents can take up to an hour or two hours on any given task.
So, in order to become effective at using AI, you need to learn how to multitask.
And in this part, I want to talk about how I multitask with Codex.
And so, by the end of this video, you are going to be ahead of 99% of people in terms of practically using AI agents to get work done, whether it's coding or general use cases and creating documents and things for work.
Let's dive into the video.
Okay, so let's first start off by downloading the Codex app.
So, you can go to any browser and type in Codex app download.
And here we see chat.gpt .com Codex desktop app.
We're going to click on this.
The page should look like this.
And here is where you can download this for Mac OS.
I already have it downloaded, but just click this and go through the process of getting it on your computer.
Okay, so when you download the Codex app for the first time, it'll look a lot like this.
You're going to see this left side panel with these five options over here, which we're going to dive deep into later.
You're not going to see any conversations over here, and then you're going to see this kind of chat interface that looks oddly similar to chat.gpt.
And we can actually open up Arc here real quick.
Here is chat.gpt.
This is what chat.gpt looks like.
It's very similar.
You type a chat, and you get a response from chat.gpt.
It's very similar.
So, it looks similar from this perspective, but there's so much more in this application.
It is unbelievable.
So, if I were to type something here, let's say I type something like this.
Hello, please search and tell me the latest news on Open AI's new desktop app.
List all the different features.
Just like chat.gpt, it has built-in web search, so it'll automatically search the web, and it will give me a nice response.
I can also type that into Codex and press enter.
Now, notice here that the chat find Open AI desktop features showed up here in the side panel under this chats column.
This is actually brand new to Codex.
They added this chats column.
This is because we didn't actually select which location we wanted this chat to be in.
And I'll explain that right now.
What makes Quad Code and Codex so powerful is that it is an AI agent that can basically control your entire computer.
It can create files.
It can edit files.
And as we'll get to later, it can even use computer use, which means fully controlling the mouse and keyboard on your computer.
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.
And when you create a project, it's going to open up your folders on your computer, right?
It's going to open up Finder.
And so, I create a project called Codex projects, and you can create anything you want.
You can call it Riley's Codex, or you could just put them in your documents folder.
It doesn't matter.
I keep it organized, and I'll I'll even create a new folder.
So, I'll just say like Riley's Codex projects.
So, this is the folder that I'll create where I will put all of my other projects beneath it.
So, I just created this Riley's Codex projects.
Now, let's say I wanted to do some research on all the cool things about Codex and the new desktop app.
And I can create a project where all the documents that I create about this will be stored in that location.
And so, what I'm going to do is I'm going to hit new folder, and I'm going to call this Codex desktop research.
And we're going to hit create.
We're going to select this folder, and we're going to hit open.
Notice here that a project was created.
We have one project created, and it's called Codex desktop research.
Now, if we click on this button, we are now creating a new chat at Codex desktop research.
It's also listed right here.
Codex desktop research.
So, when we create a chat, it'll show up here.
So, I'm just going to say, please tell me about the new Codex desktop app features that they released today.
And again, this can search the internet by default.
It can go off and do research.
And notice here, if we were to expand this, this chat shows up right here.
And it will automatically use AI to name it.
So, find new Codex app features.
Now, we can press this button again, and we can actually create a new chat.
I can say, what are people saying about the new Codex app?
Figure out a way to look at blogs and x.com.
And what are people saying what are they excited about?
So, these are chats under the same project, and they work at the same time.
And you can tell that it's in progress because of this right here, right?
You can see that we have this spinning circle right here, 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 to multitask.
And so, we'll know when it's done because a blue little dot There we go, right on cue.
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 to this folder for this project by clicking these three dots and hit open in Finder.
And you can see that it opens up right here.
And we can click into it, and we're going to be able to see all of the files that get created.
No files have been created so far, and these chats don't actually get stored here.
It's just the files that they create.
Oh, and here we go.
It just created this outputs folder.
We click in this, and so it's created the folder.
It hasn't yet created the document yet.
And if you'll notice here, it's done, and you'll see at the bottom we have this Codex Codex desktop features.xlsx.
If we go ahead and we just click open, look at this.
It opens right here in the side view.
Notice here, if we don't want this side-by-side view, we can come up and we can press this button right here, which will allow us to full screen it.
And I could even remove the side panel, and now we're operating in this spreadsheet view, and it is literally full screen.
Yeah, I can view the whole thing, and I can create a follow-up.
And I could say something like, please remove the source page column.
And so, now, we can just see that it is working, and you can tell it's working because it says stop, and we can leave this full screen view, and we can see that this was entered in the chat.
So, this is a fun way to toggle between like here you can see all of your agents and the chat and what your agent is working on.
And if you want to just focus on the thing that you're working on, again, you can full screen this, and you can remove the side panel to kind of toggle between the views.
And look, here it's done.
You will notice here that the source column is no longer here.
It removed it, and so, we can just use AI to edit this document pretty perfectly.
And remember, remember when I said that all of the files that your agent creates will show up in this folder, and you can open in Finder at this location, and we can open this, and here we can see that this xls, this is the file that we're working on
right now.
So all of it is stored in this file.
And so this makes it easy for me to create chats and reference that file.
I can very easily hit create new chat and I can say, "Please add anything that I missed to @ and we should be able to see the file." If we go back to finder, we can see that this file is called Codex desktop features.
And so we can go @Codex desktop features.
And so we can @ mention that file and say, "Do research.
Let me know if I missed anything for new features for Codex."
And so within this chat, like within this folder, we can @ mention anything that we create, which is really, really fun.
Okay, I wanted to take a brief moment to just recap everything that we've talked about before we dive into more advanced topics.
Codex in its simplest form, this Codex application allows you to chat with an AI agent that can create, edit, and delete files on your computer.
And the specific parts of the app that we've talked about, the project location or file path is right here.
The permissions are right here.
It's basically what your agent is allowed to do and do you need to approve its actions.
I prefer using full access, so just let it let it cook.
And then we also have the model GPT 5.4 and the effort level, which is extra high that I use by default.
And you can type your question or answer or whatever you want to create, you can type it in.
When you type it in, when you choose a file location, it'll also show up in the side panel right here.
And again, your project location, Codex desktop research, Codex desktop research, this chat, whatever you type in will be named and will be will be placed here in the side panel.
And if we go down here, your agent can also create files, right?
So it can create this .xlsx document on your computer.
And so this is just an agent created file.
And this agent created file gets added to this folder that you created, right?
The same project location, your file created by an agent, if the chat is within this project location, that file will actually show up in this outputs folder within the Codex desktop research.
So you can see they all get organized in this clean file layout.
And then if you press this open button right here, then it opens up the file in this clean view.
And remember, you can full screen this view if you want to and you can see all of your files here.
So you can actually have multiple files open, which we'll get to a lot later.
We haven't done this yet, but you can see the file name right here.
And so that's kind of a basic overview of what we've talked about so far.
Now let's dig into some more fun workflows and more fun projects.
So now I want to go over the other options up here on the top left. one being search.
And don't worry, we'll get to plugins in a second.
This is when it gets really fun.
But you know how we have two projects over here?
I've actually created over 30 different projects in the time that I've been using Codex.
But one thing that you can do is you can very easily remove them from the side panel.
And that doesn't mean you delete anything because remember, these are all just folders on your computer and those don't actually get deleted.
You just remove them from the side panel.
But this search feature, what I can do is I can search anything.
So I remember I looked for I said to do research and create a report in the style of Karpathy, but it I removed the project.
But if I just type in Karpathy, it can actually it searches all the chats for the name Karpathy and I can click on it and now this chat opens up.
And you can see here that the name of the chat is analyze Karpathy voice and it's in this general agent tasks.
So remember, this is just the project folder.
So this Codex desktop research, right?
That is the project folder.
This is the general agent tasks folder that I removed from the side panel.
But if I click on this, it'll actually open up the location.
And then all I need to do is just drag this in here and boom.
Now all of the chats for this general agent tasks here shows up here on the left side panel, right?
That's pretty cool.
And again, I can remove it and I can bring it back whenever I want.
And so in order to access this search menu, you can just press command G and we can just type in Codex outline and you can open it without even clicking on it, which is kind of fun.
Here is application that I was working on earlier that goes through all the features.
But we're going to get to more advanced applications in just a second.
First, I want to talk about plugin.
And so yeah, many people get these confused, plugins versus skills.
And I will say the line between plugins and skills is a little blurry.
And so I actually just asked Codex to create a little graphic using my Excalidraw skill that I created and I had it create this image and then I exported it and here it is.
So fun fact, I generated this with my Excalidraw skill.
But let's talk about the difference between skills and plugins.
So skills are basically a reusable workflow package for a specific kind of task.
And so you can think of a skill as a reusable recipe, whereas a plugin is the installable unit that extends Codex with more capabilities.
And so you can see here, if we click on plugins, right?
It's kind of weird, right?
In the Claude app, we can see that they call it the customize tab.
And then here they have skills and connectors.
OpenAI has plugins and skills.
If you use different tools, they have different vocabulary for each one.
So I kind of just clump these together and I personally think them of them as skills.
And so skills are just ways to extend the capability of the model, right?
So if I wanted to say something to Codex and be like, "Hey, check my email and tell me all of the urgent messages that they've sent me today, right?" It couldn't do that right as you downloaded Codex.
You need to give it the skill of email.
And so I've done that already, right?
I've given it the email skill.
Uh one thing that I can give it is my Google Calendar skill.
I haven't done that yet in Codex.
So let me show you this.
So this is actually a plugin, sorry.
Google Calendar plugin.
And so I can give it the plugin and so we can hit install Google Calendar and this will automatically take me to my browser where I can sign in to my email and I can hit continue and we can hit select all, continue.
And now once we get the verification Google Calendar is ready, Google Calendar is now connected.
That means the calendar is now plugged in.
Now, if I go, let's say we go to uh let's go to general agent task because that's what I want to do right now.
And we're just going to press this button right here.
Now we can say, "Please list out the events for this week for me."
And I can press slash.
You actually wouldn't have to do this.
You don't have to type in everything.
The agent is smart enough to just do it and you'll see here that Google Calendar shows up right here.
And so I can say, "Please list out the events for me.
List them out here in the chat." And we can run this.
And look at this.
So all of my events are listed out right here.
So this is my entire calendar listed out right here.
And so I'm going to say, "Please, can you send me a weekly recap in email?
Just email it to myself."
Because I I've set up my Gmail integration and I can hit slash Gmail and um please send me this recap to my email.
And so that's all we're doing is we are sending this to my email.
So it's using the Gmail skill, connected Gmail address and it's going to send me the email.
I found the email address is my email right here.
Sending the recap there with the week and conflict note included.
And so it's done.
It said, "I sent the recap to your email with the subject weekly calendar recap." If I go to my email application, I can see here, check this out.
Here is the email that I got and I use Superhuman for email.
And here it says weekly, it was sent from me and here's this weekly recap.
Now, one thing that we're going to talk about and I'll talk about more about this later is automations.
I can just say, "Please, can you make this task an automation for every Friday at 4:00 p.m. for the previous week?" Okay, look, I'm turning this into a weekly automation, blah blah blah blah blah.
Here it says created weekly calendar recap Fridays at 4:00 p.m.
And so if I click on this right here, I can see this weekly calendar recap.
We can see that the status is active.
The next run is tomorrow at 4:00 p.m.
Right now it's currently Thursday at 4:00 p.m.
And it's never run before, so it doesn't list the last run and that's what we got.
And what you'll notice here, if we actually go up to automations, we now see a one by automations.
We can click on this and here we see the automations.
Look at this.
And you can actually test this automation just by hitting play, which will automatically play it, or we can edit the automation and it is very easy to just edit it and we can add to it and I can say, "Make sure to use the Gmail
skill." If you want to, you actually don't need to do that.
It's basically implied.
And it's that easy to create an automation.
You just ask Codex to create an automation. if you're ever confused about what a plugin can do, just create a new chat.
So what we're going to do is we're going to go to general agent task.
We're going to create a new chat and I'm just going to type in @Figma and this is a plugin and I'm going to say, "Please tell me what actions I can do with this plugin.
I've never used it.
Describe to me what I can do or what you can do, your abilities with this plugin.
List all." So now Figma, we will learn about the Figma plugin.
And here it listed all of the things that it can do.
A very quick side note, you see this carrot here after working for 18 seconds, you can actually click this, and this will show kind of it's thinking behind the scenes.
Figma plugins gives me three broad kinds of abilities.
It can inspect existing Figma files, it can generate new visual artifacts, and connect Figma to your code base.
And so, we can just test this out right now.
So, I have Figma open right here, and I guess I'm just going to create a new design, and let's go ahead and call this cuz I don't see the ability for it to create a new design.
Uh so, I'm going to rename this, and I'm just going to say, I created this new Figma board called Riley new design.
Can you please put hello world on that design to see if that works?
So, now we're going to test out this Figma integration.
And so, look at this, it says, Figma's running locally.
I'm switching to the text tool and placing a simple hello world on the canvas.
And so, now it says, hello world is now on the Riley new design canvas.
Let's go ahead and go over there, and look at this, we have hello world.
And I've been typing a lot in this video, and so, I'm going to show you how I normally interact with AI agents, which is just with my voice using a tool called whisper flow.
And uh that's literally, you can look it up on Google, you can download it, they have a generous free plan.
But, all we have to do is hold the FN key, and I can speak my idea.
So, now I want you to go to Figma.
Actually, I don't want you to ignore the hello world, that was just a test.
Now that I know that it works, I want you to make a mock-up design on Figma for my new shoe company called new shoe, n o o s h o o.
This is a new futuristic shoe, and I want you to create a landing page for it.
So, do that on Figma.
If you need to get an image of this new shoe, generate it using your built-in image generation tool.
And take a look at this, it just generated new shoe, and it generated an image right here in the chat.
As you can see here, and now it says, looked at Codex.
So, it's actually seeing the computer use, is actually checking to see if it generated it.
So, now I'm using Figma, Figma/generate design for Figma landing page workflow, and image gen for the product art.
And so, it generated this without a background.
Notice here, if I were to copy this image, and I were to like open it up, you can see here, it's saved to my clipboard without a background.
This is a pretty cool shoe.
So, I'm not going to lie, this Figma integration is it's pretty much made for you to have a Figma board, and convert the Figma board into code, rather than like telling it to generate code, and then put it onto Figma.
And so, there's actually a tool made specifically for that, which is called paper, which a lot I've talked to a lot of designers, and a lot of designers are switching to this.
But, what this allows you to do is you can create a new file here, and I'm just going to call this Codex test.
And what I'm going to do is I'm just going to press new, I can say slash paper, and I have this skill that I've created previously called paper desk deck style.
Um but, what we can do is we can actually go to plugins, and we can hit manage.
And here we have MCPs, and here we have this paper MCP.
And so, if you are ever using a tool, on their website, they might say like, use the new paper MCP, or use the new Figma MCP, or use the new notion MCP.
You can literally just go to claw Claude code, this works in Claude code or Codex, and say, hey, I want to be able to use this MCP.
Can you please create a skill that wraps this MCP?
And that'll tell it that it can create a skill with that MCP, so that you can use it really easily.
So, what I'm going to do is I can go to this new chat here, and I can hit slash paper, or I can say, use the paper MCP to create a landing page for my new company new shoe.
And remember, we've created those files for new shoe. see if they're in here.
Yep, new shoe hero, and we can type at new shoe PNG, use the one without a background, and create a landing page on the open paper board.
Use the paper tool that we've created.
And since I've already created this, you're going to see, and I In my opinion, this is the best way to get AI to make designs for you.
Check this out.
So, we can open up paper.
Oh, this is really cool as well.
So, if we open up this general tasks here, and we right click on this chat, and we say, open in mini window, we can actually open this chat in a mini window, and we can minimize Codex.
So, now we can have whatever application we want to have open here on the side.
And here it says, okay, the board is empty.
So, I'm going to build a fresh desktop artboard.
I'm checking both the hero files locally.
Okay, design is set.
I'm building this.
Look at this.
So, it'll just generate a landing page design, and we can just have this open.
We have the chat open on the side, and I love this animation when it's when it's editing, and we'll just let it cook.
Okay, you see here, it created this top board or top bar, technology performance launch.
You can see Oh, move like the roads has been written.
New shoe blends featherweight written.
New shoe blends featherweight knit All right, so, these buttons are a little overlapping.
Remember, the AI might fix this.
It might just realize it messes up, and then it'll actually just fix this.
Oh, this is a great opportunity to talk about a new feature.
So, one thing that a lot of AI tools have is message queuing, which basically, like, if I were to type a prompt while it's working right now, and say like, please fix it, on a lot of AI tools, what it'll do is it'll wait for
the AI to be done before entering the prompt.
But, Codex has steering built in, like steer like like your steering wheel.
And what you can do is is I can paste that screenshot, and just say, oh, by the way, there's some overlap here, you might want to fix this while you're working.
And so, when you press enter, by default, it'll be queued up, but if you click steer, it'll actually enter it while it's working.
So, you don't even have to wait for it to be done, you can kind of steer it while you work.
And so, you can see here, once it's done with its latest activity or tool call, your prompt gets entered.
And so, now, in the middle of your conversation, it says that I saw the overlap.
I'd already started moving the CTA and stats down, but I'm rechecking the hero and adjusting the copy, and it'll hopefully make the fix on this specific run.
And look at this.
So, it's already starting to fix it, and here we go.
And I could say something like, create four more variations.
I want you to make slight modifications on each.
I'm not going to go through this whole process, but the point I'm trying to make here is paper is a software tool that was designed specifically to connect to your AI agents, like Codex, like Claude code, and there will be way more tools just
like this.
I think there's a massive opportunity to create tools that connect to other agents that people already use, and you can see here, Figma has a really bad integration, in my opinion, compared to paper.
Paper's just way more fun.
And look at this, it just created this new variation, and it is going to copy over everything, and that's how easy it is.
You just get AI to create multiple variations.
Look at this, number two, number three, and number four, right?
Making them with different background colors.
It's working on them in parallel, and this tool, paper, was made specifically to be an integration into your existing tools.
And this is going to be a massive trend going forward.
And so, plugins are kind of pre-made for you a lot of the time.
They're just built into Codex, and this list is going to get a thousand times bigger.
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.
So, you show up at the top of the list.
The value of showing up at the top of this list for like GitHub, linear, all of these tools, even showing up at this part right here, like neon Postgres, like this is so valuable to show up here on this list.
And so, there's going to be more and more of these integrations.
But, it's important to realize how to create your own skill.
So, let's go ahead and create our own skill.
So, if we go to our general agent tasks, we open up a new task, one of the things that I was constantly doing over and over again was going to YouTube, and I would go to this site called like YouTube transcript extractor, and I wanted a way to very
easily like pull a transcript from a video.
And then I wanted to be able to do it for all of the videos of a given channel, or or I wanted to be able to search YouTube and pull the transcripts from a certain search term.
And so, I I looked it up.
I said, hey, I want to be able to use an API.
And so, an API, for those of you who are untechnical, you can think of this as just like a way to use code to access certain information from other people's software.
And so, when you're vibe coding, a lot of you guys who follow me, uh have vibe coded before.
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.
And this would basically grant you access to add the OpenAI technology into your app.
And so, this is what I'll do all the time.
Like, if I'm if I'm running into an annoying process that I'm doing over and over again, I'll just look up and see if there's an API for it.
So, it's like, I want to be able to use an API to pull YouTube transcripts.
Can you suggest the top five for me?
And look at this, it just created a list of different ones that we can use.
Here the top five, super data, transcript API, youtube transcript.io, and scrape creators.
So, I'm going to go ahead, and I'm going to check out Super Data and I have used this before.
What we can do is we can sign in and once you sign in and put in your credit card, you can get an API key.
I think I might even be on the free plan.
And so, I get a certain amount of transcripts per month.
I think you get 100 free per month.
So, I'm not on my personal Super Data account.
I don't think I'm using that many of them.
So, I can copy this API key and we can go back to Codex and say, "Okay, please can you create a skill that allows me to ask you to summarize the latest 10 videos from a certain YouTube channel and you can always use this API to just immediately
pull them.
So, you can go to their YouTube channel, you can search their YouTube channel, get their latest five videos and pull the transcripts and then summarize them.
I want you to create a skill, so you're going to need to look and research how to use Super Data and figure out how to use it well and quickly and create a skill so that I can always ask you for this information.
Here is my API key.
I'm going to include my API key.
I'm going to paste it at the end.
I don't want to show it on camera.
But one thing before I want to do that is you can type in skill creator and this will indicate that it should use the skill creator.
It'll help it understand what it needs to do and this skill makes it really good at creating skills.
And so, here is the key.
I'm going to paste it, but I'm going to do it off camera.
Okay, so I entered my prompt.
It's now running.
I'm just have this covering up my key and it's going to use the skill creator and it is going to create the skill.
And then once your Codex is done working and it's created the skill, again, you go to plugins, you click on skills and you'll see it right here.
And so, it created the skill called YouTube Researcher.
And so, in order to use a skill, you actually need to create a new session.
So, this is the session that we created the skill in.
Once we're done, right, we can just hit this new chat button and we can just type in YouTube Researcher.
And so, please can you look at Riley Brown latest 10 YouTube videos, pull the transcripts and summarize them in a document and please I want you to inform me which of these videos did well and
which of these videos did not do as well and this should be kind of an analysis of what people are interested in.
That's what I want you to look in and then also do a hook analysis.
So, based on like the intro of my video, I want you to say which intros did well, which intros did not do well.
And in this report, I want the YouTube thumbnails in there as well.
So, Super Data can also pull the YouTube thumbnail, which is really cool.
Okay, so it is done and you can see here we see this report.
If I click open, we now have this Riley Brown YouTube report.
And look at this.
So, this is using this skill right here, which is the {slash} docs word docs skill.
This is I think this comes built into Codex and it looked at all the full transcripts and here at the bottom we see the hook winners.
So, Claude is taking over, big market shift, high urgency.
These intros did best.
Claude code leak, open Claude Blender skills, Claude code can design now, why specialized agents are superior.
That's pretty good.
The hooks that didn't do well is build a sync web app and mobile app in 16 minutes.
That video did not do as well.
The 35 fundamentals you need to vibe code your first app.
So, it looks like vibe coding did not do as well.
Building a mobile app with open AI Codex and seven open Claude skills that can 10x your output.
Very interesting.
And so, it even told me what to double down on.
So, this is pretty cool.
So, it took all of that YouTube data and turned it into a document.
I'm going to say, "Okay, on the last day of every month, I want you to do this for the videos for that month.
Can you create this automation that uses the {slash} YouTube Researcher skill and the {slash} word doc to create a report just like this for the videos
for that month.
Make it slightly more brief and in the table, make them ordered by view count." And so, now we're running this.
We can exit full screen mode and that's exactly what we're going to do here.
So, what we did here is we basically created a YouTube Researcher skill and this required an external API and we just did research on Codex to find the Super Data API.
And then what we did is we got an API key.
We gave this API key to Codex and we said create a skill with the Super Data API, use this key and then this created this skill.
So, this process created this skill and then we said to use it.
I said use the Super Data API to look up my YouTube, pull all my latest transcripts and then create a doc, right?
And so, we created a doc and then we kind of paired these together, right?
We used these in tandem with one another.
We used this and we created this automation, right?
So, we created an automation.
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.
And that's exactly what we did.
And so, if we go back to Codex, let's see if it's done.
Yes, it's done.
And you see here it says created monthly YouTube report.
So, I can click on this and here, okay, I didn't realize this.
You can reference skills in the monthly report.
So, that's useful to know.
And you'll notice here in the automations tab, we now have a two.
So, we have two automations that are set up, a monthly YouTube report and a weekly calendar recap.
Okay, so we've covered a lot here in part one.
We've talked about a lot of the basics, how the app works, how to create skills.
We've talked about plugins, automations.
We've created a couple and we're kind of moving slowly through this process.
In part two, we're going to be doing a role play and we're going to be creating six different things at once.
And what I really want to show in this section is A, how to do like we're actually going to create a web app, we're going to create a mobile app.
So, we're going to learn about vibe coding in this process, but I also want to focus on multitasking.
As I said earlier in the video, these agents are taking longer and longer to complete tasks.
So, if you want to be efficient in this new AI world, you need to learn how to set like send instructions to an agent, trust the agent to do really good work and then move to a new agent chat so that you can start working on something else.
And all of the best engineers and the best operators who use AI are very effective multitaskers and they're able to like just focus on one agent chat, put all of your effort into a prompt and then once you press enter to just check out of
that task and move to a new one.
So, it's not even like multitasking, you're like serial tasking.
Each prompt that you type in is the task.
And so, we're going to create six different things in this role play.
So, in this role play, my name is Riley Brown, which is my actual name, but I want to create an iOS app.
So, my main priority is to create an iOS app, but creating the app isn't enough, right?
We actually have to do some marketing and so, that's why I'm going to be creating some X post automations.
We also need a high quality launch video.
We're going to do a launch video.
I want to raise a little bit of money.
I want to raise a million bucks for this app.
So, we're going to create an investor deck.
We're also going to release this launch video before this app is out, right?
So, we want to go launch video then iOS app, which means that we need to create some sort of website or landing page that we can allow people to sign up for a wait list.
You want to be able to collect data.
And before we create our iOS app, we are going to create an iOS app design and that's what we're kind of do.
So, we're going to kind of move through these together.
You know, we're not going to work on all six at once, but we're going to be working on many things at once the whole time until we create a system around this app that could be a fully operating business and we're going to create some automations as well.
So, in order to get started, what I'm going to do is I'm going to go to Codex and we're going to create a new project.
So, this new project, we're going to go into Riley Brown.
We're going to go into Codex projects.
Actually, we're going to create a whole new folder here and I'm just going to call this my new business.
And what I'm going to do is I'm just going to open up this folder and I'm going to hit new chat.
I'm going to say, "I have a plan.
Create a markdown file of my plan." Then what I'm going to do is I'm going to go to this little thing here and just going to take a screenshot this.
Put this image.
I'm creating a mobile app right now and a landing page as well as some other assets.
I want to create a design for this.
I just want you to outline what I've put in this in a simple markdown file.
Whatever you see here, I'm also going to make a launch video with a remotion skill.
I'm going to make What else am I doing?
Oh, an investor deck.
I also want to make an investor deck.
So, please just make a simple bulleted list that I can check off as I go along of all of these items.
So, there should be six.
Each one of the ones that are listed here.
And then please at the top put my app idea.
So, my app idea is as follows and I put a little info here.
The app is going to be called Chorus.
It's going to be a place where people can learn about AI agents.
People can learn about the best agent platforms.
People can learn about how agents work.
Oops.
We can stop it here.
People People can also learn about the best skills.
So, that's going to be a skills library that I'm going to curate that people can copy and paste into any agent and it will just work.
So, basically just put this in a very simple one-pager doc.
Don't add anything.
So, we're kind of just creating a plan here in this my new business.
Now, while that's going to run, what I'm going to do is I'm going to create a new chat and I'm going to say, "I want to use the {slash} mobile design skill." Now, this mobile design skill is a custom skill that I made and I actually extracted it
from Anthropic's new design tool.
So, if you go to Claude.ai/design, they just released a new design tool that's like supposed to be like Figma.
And all I did, I had it create a mobile app design.
As you can see here, there's this like design.
And I want to be able to use a skill just like this.
So, then I just asked the agent, I said, "Hey, can you tell me exactly how this design app worked?" And it just literally worked for me.
Like I it just outputted everything.
So, I just copied all of these documents here.
And then I copied the files that this new Claude design skill gives you.
And then I gave it to Codex.
And I literally said the following here.
I literally said this.
I said, "I want you to create a mobile design skill.
This is how Claude does it.
I want you to mimic this." And then I just pasted literally everything it gave me here with all of the files.
And it just created this mobile design skill.
And it works really well.
I'll show you.
So, we can go back to this.
I want you to use a mobile design skill.
And I want you to create the screens for this app in very basic Apple style design.
We will add some flare in a little bit.
I just want to get all the screens functionally correct.
And so, what I'm going to do here is I'm going to go ahead and run this.
I'm going to go back to this Chorus app plan.
We can open this here in the side view.
So, you can see here we have this right here.
So, this app is going to be called Chorus.
So, I can just copy this.
And we can just paste this app idea.
And now we're creating the mobile app design.
And so, what we need to do is we're going to create the design first.
Then we're going to create an iPhone app.
We're going to create a web app, investor deck, launch video, and expose automation.
So, we're working on this right now.
And by the way, I will post the mobile app design skill on the actual app that we're creating.
I'm going to put this on TestFlight.
And I'll put I'll put it on a website somewhere below the video.
So, you'll be able to get this mobile app design skill.
You'll be able to just copy the link and paste it into Codex and use the skill for 100% for free.
And okay, so while these screens are loading, we can actually get our mobile app set up.
And so, I'm going to go through this process relatively slowly so that you can understand how to build an iOS app with Codex.
So, I'm going to say, "I want you to create a new project called Chorus.
This is going to be a Swift mobile app.
And what I want you to do right now is just make it say, 'Hello world.
This is Chorus.' In simple text in the middle.
Basically, what we're doing is we're just getting our project set up.
We're not going to do anything else.
Just put this text on a mobile app and open the Xcode project when you're done so that I can run it from Xcode." And so, we're going to run this.
In order to use this, you're going to need two things.
And you can search on Codex how to do this.
You're going to need Xcode.
And I will pull it up here.
If you just type in download Xcode, this is Apple's This is Apple's developer platform.
And Codex can actually connect to Xcode.
And once you download this, you're also going to need to download iOS simulator if you want to run it on a little device on your phone.
So, that's Those are the two things that I have downloaded.
And you're going to need the iOS simulator for this.
And you can figure out how to download this.
Just ask AI.
You do need a Mac for this.
And you will probably need like 20 GB of spare storage on your computer.
So, the Chorus screens are still being built.
But the create Chorus hello app is done.
And so, it actually opened up Xcode on my computer.
Now, what I'm going to do is I'm going to change this to one of the simulators.
We're going to use an iPhone 17.
And we're going to hit this play button.
This should open a simulator.
Here it is.
And here is the app that we're going to be working on.
So, I'm going to move this right here.
Here is going to be the mobile app that we are working on.
And this is really cool.
And as you can see here, "Hello.
This is Chorus." This is the app.
It is completely white.
Just have this black text here in the middle.
There's no app functionality.
We just now have the project open.
And now we can talk to Codex.
And we can actually edit this app however we want.
We can build any features we want.
Literally any features simply by five coding.
And you'll see we'll add some more features later.
Now, here is an app where we see that the build Chorus screens is done.
We can click on this.
Okay, so I actually just went to have lunch for about 25 minutes.
And we're back.
And all my agents are done.
So, obviously we have the Xcode project set up.
And here we have the build Chorus screens.
So, now that it's done and it gave us this prototype link.
So, my skill gives you a prototype link.
And take a look at that.
So, we have this app screen.
It's very basic.
But we can switch screens here.
We can switch tabs.
So, we have this like learn tab.
And maybe you can do like agents 101.
I think this is actually a decent start.
I like the hierarchy.
So, like the learn the different platforms.
This is like a good We can organize this or actually create real categories later.
But this is ultimately what I want the app to look like.
And saved is good.
It separates the learning and the platforms and the skills here.
As you can see here, we have multiple save.
I like this design.
So, if we go to this Chorus app, and what we can do is we can say, "Please integrate." And you can actually go up here.
And what you can do is you can actually click on this toggle files.
So, here we have the output.
Oh, this is cool.
Yeah, so now we can see we have this mobile design.
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.
We will populate it with real data later and build out the experience and polish the design.
So, implement it now." So, we've created these screens right here.
And this just give us kind of a like a nice little outline.
I like, "Okay, we can make some edits to this."
But I think this is good enough to just implement.
And so, we can go to our plan.
And we can say, "Okay, mark the iPhone iPhone app as done.
And then make the building the iPhone app as working in the works.
And then also put web app and landing page in the works." Because now we need to create a landing page.
Okay, so that just sent through.
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 very basic web app landing page that can collect data from interested users for our app.
I just want to create the shell.
And basically just have a page with a title that says Chorus app.
And then I want a field that users can fill out in order to put in their email and and their information."
Except we're going to use an external tool for this.
And so, what I'm going to do is I'm going to go to Arc.
And what I'm going to do is I'm going to go to tally.so.
So, Tally is a tool that I use to collect form submissions.
So, here are all the form submissions that I've created in the past.
Here's a brand new form that we're going to create.
And so, I'm just going to say I'm going to say waitlist Chorus.
And we're going to use a template.
Let's just use a template.
And we can just do this right here.
And we can do last name, first name, email address.
Yeah, let's use this template.
And we'll keep this really basic.
We'll just say sign up for Chorus.
We can always edit this later.
But I think this is good.
How do we Yeah, I think this is good.
Let's How do we make this not Okay, there we go.
Done.
Your registration is complete.
We will reach out in a few days.
Okay, that's good.
So, now what we're going to do is we're going to publish this registration template.
Now, we're going to go to I believe it is share.
And we can do this standard embed right here.
And so, we can click embed the code link.
And so, we can copy this code.
As you can see here, it's saved to my clipboard.
Or we can say get the code.
Yeah, I think we can just copy all of this.
And we can go back to Codex.
I am using we can go back to Codex.
I am using tally.so.
Can you please put this form in the site?
We will design it after.
Right?
Because right now, we are using Tally to collect people's email addresses.
Right?
So, then we can reach out to them once we actually launch the app.
So, like right after this video, in theory, I could put this up on the internet.
And I'll show you exactly how to do that.
And we're creating just a website that embeds this code, which allows people to type that in.
Then we're going to design out the rest of the website.
And here, we actually have this app is done.
Oh, and by the way, for this Tally app, I said make this a React app and run it locally.
React is just like a good framework for design.
I actually really don't even know what it is.
I just know that every app I've created has been a React app.
And here we can see that it's done.
So, if we click on this, it should open up the app here on the side.
Let's see if this works.
Okay, wait.
While this finishes up, what we can do is we can go to Xcode.
This does appear that it is done.
And we can run this again on the simulator.
And here it succeeded.
And here we have the app running on Swift.
Learn, platform, skills, and saved.
So, this is indeed a Swift application.
And we have these pages.
I wonder, do we want these fixed at the top?
We will need to make some decisions here.
Oh, okay.
So, this is running locally.
This just opened up in my computer right here.
We can see that this is working really well.
And so, I like this style.
For whatever reason, Codex likes to use this style by default.
I'm going to have it use a style that looks a lot more like this.
We're going to keep it very basic.
And okay, so what I want to do is I'm going to go to this Chorus mobile app.
Right?
Cuz here we're working on the Chorus app.
And again, And can rename these chats to keep them more organized.
So, in fact, I'm going to show you.
You can just right-click and I'm just going to say mobile mobile app.
We can rename this to web app.
We can create Chorus project plan.
Um yeah, we can rename this to plan.
And we can even pin the plan to the top right now, build Chorus screens.
And so, we can rename this screen design.
So, that way we can stay fully organized while we work.
Hi, I want to make some changes.
So, firstly, the name of each page, like for instance, learn, that should be pinned to the top.
And when I scroll, that should not scroll down.
And so, that should be pinned to the top.
Right now, when I scroll, the title of the app goes down with it and it's just looks janky.
And then, as I scroll up, the the tags at the top, those should scroll.
And every And as items go beneath the top bar, I want it to kind of fade out.
And this should be consistent on every page.
Right now, when I scroll down on platforms, it'll just look a lot better.
And then, also, the bottom little bar thing that has the four tabs, I really like the design.
Keep it everything.
Just move it down a little bit.
And then, have as you scroll down, have the items fade out.
So, the list, as I scroll down, should not appear to be beneath the bottom bar.
It should fade out as it gets like halfway through the bar.
I've seen a lot of apps have this design or like right as it reaches the bar, it should just like have this light little fade out.
Similar to the how you're going to do the top, as well.
And yeah, we're going to run it.
Okay, so once your mobile app agent is done building, every single time you actually need to hit play and this actually rebuilds the app on the device.
So, now we want to test it.
Let's see how this looks.
We have this nice blur here at the bottom.
We have a blur here at the top.
Look at this.
This is pretty cool.
We can switch platforms.
And we're going to replace this with all the different platforms up here.
This is going to be pretty cool.
This is looking really good, actually.
I'm actually enjoying good, actually.
I'm actually enjoying this.
Um research, build.
Here are going to be the skills for different avatars.
Ooh, this is nice, actually.
And then, saved, we can save them.
And that's pretty cool.
These actually do get saved.
This is very very cool.
Okay, so we're working on this app.
It looks pretty good.
We need to figure out a database, right?
We want to figure out how users are going to be able to sign in.
Actually, we don't even need to worry about that.
It's like, how do I update this with the right app icons, etc., etc.?
And ideally, how do I do it from here?
So, we can just ask Codex.
So, I'm just going to ask it a long prompt here.
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.
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?
Like I could just ask you right now to uh edit things or add things to this app that's secure, so users won't be able to edit it.
And um like what database should we use?
And yeah, I want to be able to just like add a ton of things to this, give you documents so you can add it so that it stays organized and over time it could scale up to like thousands of skills in theory in in a couple years or
something.
And uh we're going to allow users to sign in.
So, what would be the best database system to set up so that you can use like I could just ask you to add things to this app and we could just create it basically with AI that would work with with Clerk, which is what we
use for my company right now.
And so, this is just another thing to learn when using agents, right?
If you don't know what to do, you can just ask it, right?
It'll tell you the options and you just need to say, "Okay, let's do it.
Let's solve it.
Let's try and figure this out." Okay, while that's working, let's go ahead and um please generate 10 possible app icons for our app here.
And so, I'm going to just screenshot it so it knows which app we're talking about, cuz it is located in the folder we're working working on the app.
Now, I want 10 icons, no background, that fits this same style of this app.
Ideally, something close to like the those icons at the top row.
Generate 10 images, all without a background.
I want 10 options for app icons to choose from.
These are iOS app icons.
And as I said earlier, the Codex app actually has the built-in ability to use image generation.
So, it will actually decide what prompts to use and it'll generate 10 images.
Another thing that I want to do is I want to begin thinking about our launch video.
And so, if we go to plugins and we type in Remotion, we see that there's this Remotion plugin.
This is how you can create motion graphics from prompts.
We're going to use this.
I've already installed it.
Um you see here it says remove from Codex.
If you haven't installed it, you'll see add to Codex.
And then, you can basically give it full access to do its thing.
So, if we come back here and we can say, "For the mobile app that we are working on right now that is the best place for people to learn about agents and download skills and save things and learn about agents and may and become better and more
productive and make more money with AI agents, I want to create a launch video.
So, please just come up with a list of considerations for this.
Like, what should we consider?
Let's plan out the video where we are going to be using the And remember, you can type {slash}.
Actually, when it's a plugin, you go at Remotion skill.
Don't make the video yet.
I just want you to think about the scale and think about the considerations that I should consider when making this video.
So, now we can run that.
Let's go back to the mobile app.
Here is what it says.
So, as of April 17th, the best fit for this would be Clerk Supabase Postgres.
Why?
Clerk already covers your off and Clerk Okay, Postgres is the right shape for this.
Okay, so we should use Postgres.
Okay, so give me the link to get started with Supabase.
And is there a Supabase skill I could download that many people use?
If so, download that skill.
Let's use it.
Let me know where I need to sign in.
So, I noticed that in plugins, they didn't have a Supabase plugin.
But Supabase are what most of the Vibe coding platforms use for a database.
In fact, Lovable uses Supabase and Supabase is actually a more valuable company than Lovable.
It's like any incredibly valuable company.
They're recently $10 billion and apparently, it's just AI's favorite database at this point.
And so, we're going to use it.
And since it doesn't have a built-in plugin, I'm just having Codex search the internet and find a skill that we can use for Supabase.
And while that is searching for that skill, we're going to go to this plan Remotion launch video that's now done.
And so, based on the Chorus plan.md, and we have the Swift, the strongest launch video is AI is not the future.
And it gave us this plan.
It gave us some ideas, but I actually kind of want to make it more like the Anthropic videos, which are do a really good job of showing off the product.
But the first thing that we want to do is just test and see if this Remotion skill works.
And remember, Remotion is what we're using to create a motion graphics video.
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.
It should It should flash between three more scenes that show these different screens." And so, what I'm going to do is I'm just going to screenshot this screen and this screen and this screen right here, just to give it some
additional context so it knows what screens to use.
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.
The purpose of the And keep it as a white background.
The purpose of this is to just really uh I I really want to just focus on seeing if this skill works properly.
And please look into the skill to figure out how you can run this locally so I can just click the local link and it opens up here in the side window.
Um and I can see the video along with the different tracks and sequences.
And if you get confused by that last part and I talk about tracks and sequences, I'll explain exactly what that means.
I actually have a good deal of experience using the Remotion skill.
I used to use it in Claude code.
I've used it in the Vibe code app.
And it's a pretty easy skill to use.
I'll show you.
So, here it gave me this link.
We're back to creating a mobile app.
Remember, I'm sorry if we're moving around, but remember, this will take like some of these will take like five or six minutes.
So, we want able to multitask.
So, again, we're back.
We're looking at how to use Supabase.
And remember, I actually don't use Supabase that often, so I'm learning this as I go.
And that's part of what I'm trying to show you here is you can learn how to do things as you do it.
That is part of the fun of using AI.
It will just tell you how to do things.
You can just figure it out.
So, I'm just going to create a new project.
New project name is going to be and then we'll type a strong password, enable data API, and create new project.
I'm going to say, "Okay, I created a new project.
Send me the URL, region, and tell me when it exists." Okay, so we can hit save.
I need to give it a URL region.
It's It's loading up.
That's pretty cool.
And if you take a look here, if we click connect, I noticed here that we have an MCP.
We can choose Codex.
And we can give it a feature groups only enable the subset of the features.
All right, so we can just copy this prompt.
So, this should allow you to connect.
If you can connect, create the full DB and add everything.
If not, let me know what else you need.
Okay, so the Remotion launch video is done.
And so, notice here it gives us this notice here it gives us this localhost:3031.
We click on it and a timeline opens up right here and you can just edit this video.
Take a look at this.
You could just see a video.
We have our app.
This is a mock-up of all the screens in our app showing up right here on our screen and we're just using the Remotion plugin.
I didn't do anything crazy.
You just enable the Remotion plugin, you type @remotion and boom, you're using it.
Now, check this out.
Please, can you I'm just going to go on a tangent here and just kind of to go on a tangent here and just kind of uh talk about it.
And so, by the way, this is how this works.
So, you have like each second each second has 30 frames.
So, this is 30 frames per second and so, you can always reference the frames.
So, that's how I kind of talk to AI as I'm going through this.
So, this would be on 2 seconds 20 frame or 2.20.
You can mention the exact time that you want to make a change.
Like, one thing I notice here is like there's this learn text here, but we don't need to make changes to this cuz we're just we just wanted to test this to see if this works.
And it does work.
And so, I'm just going to say, "Make an outline for the phones like black.
Make it look a a little bit like black.
Make it look a a little bit better."
better." Um just like right now if you just show the screen, I want a little black border around the edge to make it look more like an iPhone.
Now, before the first screen comes on the phone, I want text on the screen.
The text on the screen should read It should read "Agents are taking over the world."
Then, there should be a little toggle that says "Learn" and it should be in the off position.
Then, have a mouse and this should be black, like computer mouse, come on the screen and then toggle it to on.
As soon as that happens, the the first phone screen should come on the screen and then it should scroll down on the phone and look through all of the different things that you can learn.
And I want you to have five different things that you can learn that shows up like Agents 101, building your first agent, learning about skills, and then come up with two more based on what's popular with Codex.
And then, we'll build the next scene after that.
So, that is what I want first here.
Right?
I'm going to add something that comes up before it says Welcome to Chorus.
I actually don't want the Welcome to Chorus.
And remember, we can use steer.
So, like we should never see the Welcome to Chorus phone screen.
I I don't want to see that.
It should immediately after the screen I said to show the the app and scrolling down on the Agents page.
So, remember, while it's loading, we can press it's loading, we can press enter.
And you can see that this actually steered the conversation.
Let's go back to our mobile app.
Let's take a look and see what the database what we're doing.
Okay, the the Superbase MCP is set up, placed locally.
I added the Superbase server, enabled remote MCP client support.
Okay, then blah blah blah blah blah.
I could not apply the database directly from this live agent process because the current session still does not expose the newly added MCP server to the layer.
So, um what we need to do is we actually need to create a new chat.
Here it actually says if you restart Codex now and come back to this project, I can do the actual DB apply next.
So, we're going to come down here.
We're just going to quit Codex.
We are going to quit.
I believe Yeah, we're going to quit Codex and we're going to reopen it.
And then, I'm going to just say, "Okay, I restarted it.
Please do it." Okay, so it looks like the Xcode is done.
So, we can actually run this and it says that it created all of these different tables in the database.
So, it says it should be stored in Superbase.
So, if we open our simulator, we do see that the there is data in here.
So, let's hope that this is actually stored in Superbase.
So, we can go to Arc.
Okay, so we definitely see some requests here.
What we can do, let's go ahead and go to table editor.
Nice.
Look at all these tables.
So, if we were to go to like skill categories, for example, very cool.
So, we have different icons.
So, we can set the icon here.
This is cool.
So, we have the different skill So, we have the different skill platforms, saved items, skills.
So, we have category, research, GTM, build, ops.
Okay, we have competitor scan, landing critic.
Let's see if these are in here.
Let's go to simulator.
So, if we go to platform.
So, we can edit those.
Skills.
Yeah, we have competitor scan, landing critic.
We can copy this.
Let's see if that actually copied.
Yep, this copied to my clipboard.
That's pretty cool.
This is starting to look pretty good.
Can we So, I think the saved just happens locally because we haven't added authentication yet, but this does look like it's being stored in the database.
So, that's pretty cool.
So, we have database set up.
Now, I want you to go to my YouTube account, Riley Brown, and find videos where I talk about agents.
Find my three like find like my five videos on AI agents specifically to come up with the learn the stuff on the learn tab.
I want five lessons and this means you're going to be in my own voice, I want you to fill them in.
And these should be more general.
I should not be specifically talking about specific agent tools.
I want you to actually create a curriculum based on the stuff I've talked about, but do additional research to fill in the gaps to create high-quality lessons.
And remember, earlier we created that skill which is called, I believe it's YouTube researcher for transcript pulling.
So, let's go back to the Remotion launch video.
Let's see how this did.
If we refresh the page here and we hit play, Agents are taking over the world.
Notice here that the mouse missed it.
Right here, I believe.
View, show guides.
No, show rulers.
Okay, so this is a little hack with the Remotion skill.
So, notice here that this mouse goes We want this mouse to go here.
So, this would be like 1,000 on the x-axis and 6 1,610.
So, 1,000 x-axis 610 y-axis.
And it's currently at uh like 1,040.
So, like if you can you can turn on these grid lines to give the agent very specific instructions.
And so, 1,040 x-axis and it is on 540.
The arrow completely missed the screen the the toggle and the it should be about at this location.
The arrow ended up like the mouse when clicking ended up at this location.
So, I don't want it here.
I wanted at the location above.
And so, let's see.
So, this is actually looking pretty good.
So, Agents are taking over the world.
You click learn.
And now this screen pops up.
So, let's go right at the 3-second mark.
Then, right at the 3-second mark, I want the camera to zoom in on learning about skills and then it should zoom in on the component that has learning about skills and then it should kind of transition to like almost like a document view.
It should not be a phone screen.
It should be And then, it should talk It should show some information about skills and should show like 10 popular skills.
Do some research.
Show 10 popular skills and each one should have some information.
And so, this should be more of like a full-screen view that shows the different things that you can learn within that.
And it should just It should just take the viewer through the fact that you can learn about agent skills.
Okay, we're going to run that.
And now, if we go back to our web app, we can see that it is done.
And notice here if we actually open this in a separate browser, right?
If we were to open this up in Arc.
Let's just paste this in Arc.
You can see that the tally is indeed working.
And so, what I'm going to do is I want you to please make this look like the iOS app we're building.
Keep the design very simple and make the design have the same exact font.
Uh have like no components, very little like subtext.
I just want this to be very, very simple.
I just want the design to look exactly like it and then have like information about the app on this website.
You know, you're not the best designer, so I want you to like make sure that this is designed pretty well.
And like keep it simple.
It should look like the app.
Get rid of this background gradient.
Change the font to match the application.
Okay.
So, we're currently working on a launch video, a mobile app, and a web app at the same time.
So, here I'm just going to refresh this.
The Remotion is done.
Let's go this.
The Remotion is done.
Let's go ahead.
So, we can click learn.
There we go.
That's not bad.
Okay, so this zoom When it zooms, I want it to zoom even more.
So, it like it should zoom all the way and then then it should kind of transition.
And then, notice here the transitions are like kind of like fade out.
It looks This is kind of like fade out.
It looks This is disgusting.
Okay.
So, what we're going to do here is I'm going to screenshot this.
I'm just going to paste this here.
I'm just going to paste this here.
Okay.
Um and then, the transition should be like harsher cuts.
I do not like this fade out transition.
Like, make it a faster transition and just make it more professional.
And then, also the the screenshot I gave you, this is hideous.
What I want you to do instead of this is I just want you to have skills at the top.
Like, just put the word skills at the top and then have like colored cards that look premium.
Amazing.
And then, have them rotating through like a wheel like almost like a a wheel animation through the like the screen.
I'll draw something out for you real quick.
I'll kind of share what I I want you to create.
I want this to be amazing.
What I'm going to do here is I'm I'm going to want this to be like Yeah, I want it to be something like this.
So, we'll give it kind of this sketch right here.
I want it to look something like this.
Okay, so it turns out I forgot Codex is just not the best at web design.
So, what we're going to do is we're actually just going to use Opus.
So, I'm just going to type in Claude here in the terminal.
This is a good a good use case in my opinion.
If you're someone who has a Claude subscription, but you want to use Codex cuz I think Codex is a better interface, but Claude is better at design.
So, you can use Claude directly in here and you notice here.
Remember, if we go back to our the beginning of the video, whenever we create this project, it already like we created this project at my new business.
And so, when we go into the terminal, right?
If you know how to use Claude code, you kind of have a you have this set up already.
If you don't have Claude code, search on the internet how to set up Claude code.
It'll take you 5 minutes.
You can figure it out and you can run Claude code from this app right here from the terminal.
And if you don't want to have to approve anything, you can go like this.
You can go Claude's space {dash} {dash} You can go Claude's space {dash} {dash} dangerously {dash} skip {dash} permissions.
And this will run it on bypass permissions mode, which is the same as the full access mode.
But anyway, we are working on the landing page here.
And what I like to do is I like to give it what I like to do is I like to give it context right because Claude doesn't have the same context as if you were chatting here.
It knows we're in this my business my new business, but it doesn't know anything else.
It's just in this folder.
It doesn't know if it's working on the Chorus plan or the Chorus video.
We are using Tally and I want to make sure that we create a really good landing page.
I want you to completely forget the styling of this page that you have here.
I want you to make this a landing page for the following application.
It is the Chorus app.
And so, you're going to look at the code of the Chorus app in this folder right here and you are going to analyze how it's styled.
It's very simple.
It's white.
Look at the font and make the app match or make this landing page match it and it should have the Tally embed.
That's all I want.
Minimal text.
Really make it convert.
Make it great.
Hey, we'll run that.
And we can actually see Claude code working on this in real time.
We can very easily just like minimize it almost all the way and Claude code will just continue working on this.
Okay, so the mobile app is done.
Let's go ahead and open up Xcode.
And what we need to do is it analyzed my YouTube, right?
Remember what we asked it to do.
We were having it research my YouTube and it created five lessons based on my YouTube transcript.
So, what is an agent narrow beats general build the loop workspace memory skills team and handoff.
So, I've made videos on this before.
So, it did research and it created these lessons.
So, what is an agent?
Okay.
Okay, these are way too short.
Make them longer, please.
Okay, so Claude code just went to town on the web app.
Oh, wow.
This looks a lot better.
So, we can actually open this up in an external browser to see it full screen or we can just go like this.
And you'll notice here you can press get early access.
Oh, and it goes down here and this is where you put your information.
For whatever reason this in-app browser is not showing the Tally form.
Let's see if it shows up here.
Wait, so we can refresh shows up here.
Wait, so we can refresh this.
Get early access.
Boom.
We can put this here.
For whatever reason, these icons are a little bit different, but learn agents in one place.
A simple iPhone app for learning agent fundamentals, comparing the right platforms, and sharing reusable skills.
One thing I can add here and wow, Codex is not nearly as good at design it feels like.
So, please add like works with Codex, Claude code, add like works with Codex, Claude code, OpenClaude, Hermes, and Gemini.
Please see if you can pull those logos and put them in the files so they show up.
Okay, so that's pretty good.
Let's go ahead and check on the mobile app.
So, if we go to Xcode, we hit play.
Let's see what this looks like.
Where is my simulator?
There it is.
Okay, so this is looking pretty good.
What is an agent?
It is very text heavy, but at least we have some more This is a little bit longer.
We do have the database set up.
Now, what I want to do is I want to have platforms.
So, for the platforms I want to have it be just a list of platforms.
No tags or categories going horizontally across.
I just want a list of platforms.
This will be my curated list of 10 to 20.
The ones that I want you to have right now, I want to have Claude code, Codex, Cursor, OpenClaude, Hermes, Manus, Perplexity Computer, and that's good for now.
For the icons, see if you can grab the icon for each of these.
Like figure out how to do that.
If you can't do it, that's okay.
I can get you the PNGs manually, but see if you can do it and get it all of this info in the database so it works properly.
But yeah, we don't need tags for this cuz there's never going to be over 20.
Okay, we fired off that prompt.
Let's go check on our remotion.
So, remember, we can full screen this.
This is looking pretty screen this.
This is looking pretty cool.
cool.
Um let's go ahead and try to play this.
Okay, this is looking good.
This is Oh, it's just a little choppy and then it Okay, so we have like good 4 seconds are pretty good here.
So, it goes here.
We click learn.
It kind of shows that you can learn these and here it has some skills going these and here it has some skills going by.
The skills are rotating still slightly too fast.
I just want them to be a little bit slower so I can read them.
And then immediately after this screen, the way I want it to end is I want the YouTube researcher skill to animate up to the top and then I want text to come in to describe the skills.
I want to show a copy animation as if I was pressing the copy button and then it should say copy to clipboard.
And then we are going to show the Codex app opening up and And so, what we can do is we can say This is going to be a hard one.
So, I'm going to paste this in.
Then it should show a text input area just like the one of the screenshot that I showed you for the Codex app and then have typing in that box and it should say, "Can you please add this skill?" And then show somehow that that document was pasted in the
text input area and it should show up above where you're typing.
So, this should look like a computer basically.
Okay, so this is going to be a hard one.
We're going to have to edit this a little bit more, but that's okay.
Okay, so we are kind of working through all of these.
We're making our way through our iPhone app.
This will take a little bit.
One thing I want to cover is forking a chat.
So, we can actually come to mobile app here.
And what we can do Actually, I'm going to fork this chat as soon as this is done.
So, one sec.
I'm going to wait for this to finish.
Then we're actually going to fork this chat and we are going to create our we are going to start working on our investor deck.
So, please mark investor deck as working.
And so, I'm going to wait for the mobile app to finish.
Okay, so the mobile app is done.
And so, what I want to do here is I'm actually going to fork the chat.
And you can do this by coming over here and right clicking or you know, two-finger click.
And what we're going to do is we're just going to hit fork into local.
If you're not technical, don't worry about fork into new work tree.
That doesn't matter for the sake of this video.
Just do fork into local and this is going to create a new chat.
And what I'm going to do is I'm going to rename this to investor deck.
And what I'm going to do, please analyze the features and assets from this application and I want you to create an investor slide deck in the same style, you know, like we have all of those icons for that we've created earlier for
Codex, Cursor, OpenClaude, etc. that are in the app right now.
So, include those like all the styling stuff in this new investor deck.
And I believe we have a skill that's built in.
I think it's just called PowerPoint.
And so, we can reference that.
I want you to search the internet for a bit.
Find out what investors are currently looking for in April of 2026.
Like what are they looking for in a PowerPoint deck or or in a deck that you send them?
And please create it like that in that style.
So, find some examples online and copy the style.
Do not rely on your own styling ability.
Okay, so we're going to send this off.
Now, we are working on this investor deck.
So, remember, so we created the iOS app design.
We're still working on the iPhone app.
We're working on the web app landing page, which is almost done.
We are working on the investor deck and launch video.
Okay, so the investor deck is done and I love the way it looks in Codex.
Like look at this.
You can create an investor deck just like this.
I will say it's not the best at designing PowerPoints yet.
So, what we need to do is we're going to open up the terminal here and we're going to type in Claude here and we're going to type in Claude dangerously skip permissions.
And we're going to say, "Hey there, Claude.
I need you to take a look at this PowerPoint and I need you to make it look better.
I want you to refine it.
I want there to be less text, some more graphics.
Check and see how what are best practices for you to do it.
I want you to just really make this like a refined deck.
There just seems to be too much text on this deck.
It's not super readable.
It's just not my favorite deck right now.
So, please make it so much better.
Don't add any slides or change the material.
Just make it better.
Make it more refined, less text, more visuals that like put things into perspective, you know, like charts, anything like that that could be good.
Make it better.
We are working on and so it's useful to give it the files cuz remember this chat has all the context.
All this chat knows is we're in this my new business folder.
It's always good.
Actually, don't even know where this is located.
I guess we could just click on this.
Oh, you can open it in click on this.
Oh, you can open it in Canva.
Canva.
Um I'm just going to give it this file path right here.
Um what happens if we click Canva?
Here it is on Canva.
Wow.
Wow.
This is actually very cool.
I did not realize you can do that that easily.
Just open it up straight in Canva.
That's pretty cool.
Okay, so Claude Code, we just had Claude Code go to town on this slide deck.
It does look a little bit better.
It doesn't look a ton better.
I don't think it's that much better design than Code X models.
It's just a little bit more refined.
We have some more visuals.
Um Here.
Yeah, like this is a really good slide.
Like value compounds over time.
We have a learning graph, a saved workspace, execution graph, a saved workspace, execution memory.
Um This is pretty cool.
So, we have this slide deck.
I didn't really give it enough information.
So, I'm going to do that now.
And so here I'm coming up with kind of like this fictional plan of how I'm going to leverage my audience, right, to build a massive curation of really useful skills for existing tools like OpenAI, Code X, etc.
We're going to build a lightweight agent through iMessage.
People will pay monthly through access for these different agents that are super lightweight that people can test.
Uh less of a commitment than say Code X or Claude Code.
I just kind of want to change the narrative because it's kind of bringing up like Claude and off super base.
Like I need to mention that.
We don't need to mention anything about the authentication and talk more about the narrative and why this is a big opportunity and look up like how much money is in this market.
Like focus more on the story, less on the tech.
So, we fired off that prompt.
Let's check on our mobile app here.
Oh, yeah.
While the other one was loading, I forgot to record it, but I uploaded one of these app icons.
If you remember, we generated a ton of these app icons earlier.
I forgot about it and so I uploaded it here to the mobile app.
So, it added an app icon.
And so, what I'm going to do now is I'm actually going to plug in my actual phone.
I'm going to show you real quick how to run.
So, when you're using your phone or when you're using X Code, you can use the simulator or you can run it on your actual phone.
So, on X Code, you see here we have the device.
We we chose iPhone 17.
This These are simulators.
You can see that this says iOS simulators, but I can also select my phone.
And so, I'm going to select my phone.
I'm going to hit play.
I have my phone open right here.
It should open the latest version of the app.
It is.
And so now I'm just screen sharing my phone to the computer.
This is on my actual phone right now.
And we're going to take a look at the app.
This page looks pretty good.
We have basics.
Oh, there's haptics in the app now.
I can actually feel the app.
There's haptics.
Here we can select platforms.
Here we see Claude Code, Code X.
And here we have the about platforms page.
We have this kind of nice overview where we can learn about the platform.
Anthropic's Claude.
This is very cool.
Skills.
So, we have this YouTube researcher skill.
I believe I can copy this to my clipboard.
It has a pretty cool animation.
We can save this.
This is actually coming out to be pretty cool.
Um yeah, this is looking really good.
This is my favorite page.
I love the the actual icons.
Um I'm actually going to make this app.
I'm going to put this on the App Store.
I'm going to make it really good.
But this is looking very good.
Now what I'm actually going to do is I'm going to say, "I want users to actually be able to sign in." Oh, wait, there's this profile icon.
Oh, okay.
So, this is not real data.
real data.
Um and I want the user to actually be able to sign in with Google.
And so, what is the easiest way to do that with with that we're using Superbase?
Ignore Clerk.
We don't need to use Clerk.
What is the easiest way?
Are you able to add authentication right now?
Um using the MCP with Google sign-in.
And then this will log all the users that sign in into the actual app.
And I want their actual data to show up in the profile.
And I basically want this app fully ready to go.
Obviously, there's no payments in the app.
I want you to add authentication so users can sign in.
So, we can run that.
And if we go back to our launch video, this is the one that we might not finish today.
I'm going to go ahead and close out of my iPhone real quick.
If we hit play here, Okay, that's pretty cool.
It misses a little bit on the learn.
That's okay.
What is this?
Gradient.
That's okay.
Ooh.
Ooh.
Okay, I forgot I made a massive edit last time.
Ooh, that looks pretty good.
So, you can please use this skill.
You can paste it into Code X.
Um And now what I'm going to do is I'm going to just do that again, basically.
So, I'm going to let's open up Claude and we're going to I'm going to say, "After the welcome to Code X screen, I actually want to go back to the phone screen that shows the skills.
Show a different skill and show copying a different skill.
Maybe like a mobile app designer skill." And then we're going to paste it into Claude Code, which looks like this.
And then I'm going to go ahead and go to Claude and I'm just going to open up a new normal chat like going to open up a new normal chat like this.
this.
And um I'm just going to copy this just like this.
And what I'm going to do is I'm actually going to be using Claude again because it is better at design.
Claude {dash} {dash} dangerously get permissions.
I'm going to paste that image in here and I'm also just going to paste this.
We are working on the remotion video.
Use the remotion skill.
Really think deep.
We're adding two scenes at the end of this to kind of close out the video to show that you can add skills to your agents.
And so now we're focusing on Claude Code instead of the subtitle above.
So, instead of it saying Riley returns, so instead of it saying Riley returns, it should just say Claude Code.
And it should show the same thing.
I want you to add this skill and then it should paste in a skill in the UI like the image.
So, like we've already done this once with Code X.
We're doing it again.
So, we're going back to the same app from earlier, copying the prompt, and then pasting it into Claude Code.
So, please think deep.
Make this look good.
Hey, this is really fun.
I I actually haven't done this until today where I use Claude Code inside the Code X app for like design heavy tasks.
It ends up looking a lot better.
And obviously, these can take a lot longer, right?
Like a launch video, like I mean, we've only put in a total of like 10 minutes of like focused effort in the launch video.
If you spend a few hours on this, you could actually make this pretty good.
This is not terrible.
Okay, Claude has literally just went ham for 7 minutes and 24 seconds and it cooked on this slide deck.
I was like, "Curation is the wedge.
Agents are the business.
Most startups pray for distribution.
We start with it." And obviously, some of these things don't fit, but the fact that you can like literally export it into Canva immediately and make edits, that's pretty insane.
Curate, test, monetize.
I don't like this like top bar.
In fact, I'm just going to do that.
Oh, yeah, one really useful thing.
I use a tool called CleanShot Pro.
And what it does is it allows you to like immediately just like make really good Like I can just kind of go like this.
I can very easily just select which part that I want.
Like I actually don't want any of this up here.
So, I'm going to give this to Claude.
I'm going to say, "Please don't have the top bar.
We don't need it.
The big black thing that says 1.5 million followers.
Simplify that.
I don't like that component.
Just change that." Let's just go through and make some changes here.
Yeah, the top bar on all the pages, by the way, not just that one.
I don't want the top bar.
This one looks good.
This one looks good.
Yeah, this is looking pretty pretty solid here.
Oh, I like this one.
Every consumer is about to decide which agents to trust.
Nobody is guiding them.
Yeah, I'm I like this.
I'm going to just going to copy this right here.
We're going to go back to Claude Code.
On this first slide, make the text the main text at the top, every consumer.
And then just change what's going on in the on the bottom part.
Like it says fragmented, technical, and unbranded.
Please come up with something else.
Maybe show the phone on the the right with the the the app design.
Show that there on the right and show that there's like a course or something there or something.
That's pretty good.
Where are we on the mobile app?
Oh, yeah.
Let me see here.
Oh, yeah, we just tried to add authentication.
Let's go ahead and go to X Code.
What we're going to do is we're going to run this on Riley's iPhone.
So, I'm going to go ahead and open up Riley's iPhone here.
This is going to open up.
Let's take a This is going to open up.
Let's take a look.
We tried to add authentication, add your Superbase publishable keys.
Okay, so we're not quite ready for adding authentication.
The easiest path is Superbase native Google OAuth flow.
It's asking it, what do I need to do to make this work?
I'm not signed in yet or I can't sign in.
So again, we're just asking the agent what we need to do to set this up.
Actually, we're not going to do Google.
I want to just set up What were some of the providers?
Was Apple one of them?
Let's do Apple.
Actually, let's just do email.
We don't need to do Google.
Just do email for now.
Okay, so the mobile app is done.
Let's see if this works here.
What we're going to do is we're going to go to Xcode and we're going to hit play.
Build succeeded.
So it decided that doing email and password was actually the easiest way to do it.
So that's what we're going to do.
I'm going to put in my email and password.
I'm going to pause the video for this.
And here we are just going to sign in.
Ah, I have to do create account first.
Create an account.
Okay, wait, it worked.
It worked.
It worked.
I had to go into Superbase and I had to turn off confirm email.
I can turn that on later, but all I want to do is be able to sign in and it looks like that I am indeed signed in here.
I can see that it Let's see if I hit save.
Let's save a few things here on platforms.
We'll save Cloud Code.
If we go back to our profile, uh, we have one platform saved, two tracks saved, no skills saved.
So I can save some skills.
1 2 3 1 2 3 Now let's go back to my profile.
All of these things are now saved in the app.
So I am signed in.
It doesn't show the account that I'm signed in with, which I will want it to do.
That's one thing we'll ask.
Okay, so I am signed in.
Once I sign in, I want it to be clearer that I'm signed in, like show like my email up at the top.
Um, but this is pretty cool.
We are signed in and this is working.
We have a full working authentication set up.
We can go to the tables.
And yeah, this is pretty cool.
So I think this app is ready for TestFlight.
So I'm actually going to add this later.
I want to get this ready for TestFlight.
Please do everything to prep for this.
I'm going to do it on the not number account.
So yeah, we're going to be sending this app to the App Store.
Here, let's take a look.
A trusted curator for the AI agent era.
That's pretty good.
And so we can see this full screen or what we can do is we can open this in Canva.
So we're going to open up this new version in Canva and it will show up right here and we can actually manually make edits to it.
And so we can do like the last 5 10% here, like we might want to get rid of this.
You know, maybe we'd want to change these colors just a little bit, but yeah, it exports pretty well.
Ooh, nice animation.
That's kind of sick.
It looks a lot better in Canva.
And so yeah, like we can get rid of these here.
Then we can also add some like offset.
Get like background.
We can put it over here.
So this is looking a little bit better.
We can make some Yeah, you know, this slide is fine.
We could add some icons, but you know what?
This is a decent start to an investor deck.
So I'm going to go ahead and go back to the plan.
I finished the investor deck.
I also finished the iOS app because this mobile app I think is looking pretty good.
You know, we still need to send it to the App Store.
And so while the mobile app is loading, what I want to do is I want to be able to put this on the internet.
So I want to be able to actually put this on the internet and we can give it a domain later.
But what I'm going to do now is I'm going to say, please, can you deploy this to @vercel and give me the public link.
So we are actually putting this website on the internet, right?
So this is how people will can get early access.
They can come to the website and we can actually grab this link right here.
Let me show you in a browser, so the actual And while this is loading, I want to add a song to our launch video.
So I'm just going to drag this song that I have.
It's called Chasing Horizons in my folder.
I'm going to say, please add this song at 50% volume in the launch video.
Keep everything else the same.
Okay, so we've created a build here on App Store Connect.
Now, please put it on Connect.
Now, please put it on TestFlight.
I'm done.
Okay, while that's loading, I'm running one final prompt on Cloud Code.
I want to add Oh yeah, here's the music, by the way.
So it shows copying.
I can paste it here.
It's pretty good.
Some repetition shows me copying this.
Boom.
Now after this, I want it to actually use the skill.
So we're using the skill and then I want you to create a little canvas that shows all like five frames of a calorie tracking app that look really good on the same background as that Cloud Code is, but remember change the font here.
You didn't really choose the right font for the Cloud Code.
And yeah, have a new app like have a like a laptop screen pop up.
Just basically like a computer screen pop up that shows the different canvases of an iPhone mock-up.
Okay, we're getting there.
We're almost there, guys.
Okay, this web app looks done.
Okay, yep, this is done.
Deploy to Vercel.
Give me link.
And we can't mark this as complete until we've tested it.
So I'm going to go in and try and submit an email on the website.
Right, I need to go to this link.
If we open up Arc here, we need to be able to type in the info here.
And then remember, this last thing is I want to be able to set up X post automation.
So we're just going to set that up.
This is one of my favorite skills that I've ever used.
For this, we're going to use Typefully.
So Typefully is how I control six different Twitter accounts to and uh combine over like 275,000 followers across all of my accounts.
And I just need to come in here and what I need to do is I need to grab my API key, right?
Cuz I can just go here and I can create new posts from Vibe Coding Explained.
This account has 50,000 followers and we can use AI to draft tweets from Typefully.
And so here, what we need to do is we need to go to settings, then we need to go to API, and then we need to create a new API key.
So I'm going to create one and copy it.
Now we're going to come here.
I'm going to say, please, can you search Typefully and I want you to create a skill that allows me to fully control it with their new API.
Their new API is V3.
It gives me full control.
When you search it, you might find V2.
I want V3.
I want full control over Typefully.
And I want you to just test it right away.
Test it with the Riley Brown account and use fruit emojis in your test, so I know which ones are yours.
In the message below, I'm going to paste my API key.
Use that.
Figure this out.
Test it.
Let's see if this works.
Create the skill.
All right, so we're creating a skill so we can have AI and we can set up automations to automatically use this API to schedule tweets.
So here, I'm going to enter this.
Now off camera, I'm going to paste my API key.
I do not want that out there in the wild.
Okay, so we just got the web app link and I know this is not centered, right?
I know we're we're just we made this really quickly.
We can easily center this.
It says made with easily center this.
It says made with Tally.
I'm just going to put in an email I'm just going to put in an email address.
All right, so we're going to hit register.
All right, so done.
So now let's check to see if that worked.
We're going to go back to Tally and here we see the registration form template.
One submission.
We see the one submission here and we see that it works.
So this is actually on the internet, right?
This is Chorus-Beta-2 Vercel app.
So this is on the internet.
We can give it a custom domain.
I just haven't bought a domain yet for this, but you can actually sign up for early access right now.
So we can go back to our plan and we can say, cool, I finished the web app and landing page waitlist sign up.
All right, and look at this.
We actually have our app.
We can open our app here.
This is actually in TestFlight.
You can see that this is a real build.
This is not the Chorus app.
This one is the app that we downloaded to our phone, right?
That we downloaded from Xcode.
This one This one is actually a TestFlight link.
Now, I can say Riley at Actually, I forget what email at Okay, there we go.
We are signed in to our account.
We have this app.
It is literally on the App Store.
It's a pretty bare-bones app, you know, it's if it is a pretty simple app, but we have some good information here that we're going to add to, right?
We just created the bare-bones.
We have it set up to a back end, so I can constantly add things to this to make it a really useful app.
One thing I do want to add is an AI chat, but it has haptics and it feels pretty good.
So we are done with our app, fully done with our app.
Let's check on our launch video.
Let's see if Opus is done.
Okay, this is actually looking pretty good, but I think the Typefully one is done.
I was wrong.
It is V2, but it said that it was able to create a draft autonomously.
So we did create the skill that controls Typefully, which allows me to draft tweets.
So if I go back to Typefully here, it said that it created one on Riley Brown.
Let's see.
There you go.
So, it is able to create drafts for me.
And so, now I can say, "Please do research and come up with three drafts every single morning to post on X.
Please create that automation now and use the slash I think it should have use the slash I think it should have created Typefully control skill and we can run it.
So, we just created the automation.
So, we are done with this.
I just finished the X post video automation.
So, all we have left is the launch video.
We need to go to the uh 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.
Let's see if it's good.
Okay, so we're adding the skill.
Very good.
We're going to do it again.
Boom.
Yeah, that's a little bit long.
That's Yeah, that's a little bit long.
That's okay.
Okay, we got this app laptop opening up and it created the designs for the app.
That's pretty sick.
And then, there you go.
It's kind of sick.
Obviously, there's a lot more we can do.
We were multitasking, but I think this is actually a good first draft.
We can continue to edit it.
I will say Cloud Code is significantly better at designing.
Codex just wants to use these like really clunky design styles.
I cannot wait for them to get a model specifically for design.
I think that'll be really great.
But, we're good.
And as you can see here, automations just turned to three.
If we go to we can see that it created these morning drafts here.
And here is the morning draft that it created.
And we have three automations ready to go.
So, that's what we've done today.
Woo!
This was a long one.
Yeah, we covered a lot.
I'm just going to just so we finished finished the launch video.
Okay.
Yeah.
And so, there you go.
We are done.
And all I wanted to illustrate in part two of this video was that you can multitask to create really cool things.
If you ever get stuck, just ask the agent.
If you ever want a skill, just ask the agent if you can create a skill.
Maybe you'll need an API key to a tool you already use.
Maybe not, but you can just ask the agent to create a skill and you can download it.
And they have a lot of plugins.
They're going to continue to add a ton more plugins.
So, you're going to basically be able to all of the tools that you already use.
And um it's only going to get easier from here.
I highly recommend to just take everything that you do in your job or in your business and try and figure out how you can automate as much as you can.
You know, if you have a software company, try and create a launch video every week.
You can just launch on Instagram or on Twitter every week.
Uh you can create Instagram videos.
You can create graphics.
There's a ton of things that you can just do and experiment with and figure out how to use Canva with Codex.
There's so much that you can do on these AI-powered super apps and they're only going to get better.
Anyway, thank you guys so much for watching.
Please hit subscribe and like this video.
It helps me out a ton.
I will put the app that we created, right?
We have the app that we created.
By the time you see this video, it should be on the App Store.
You'll be able to use it for free.
I'm going to load it up.
I'm just going to keep this as my notes for all of the useful tools that I use.
So, I'm actually going to put all of the useful skills and all of the platforms that I'm testing out on this mobile app and it'll be on the App Store.
So, check that out if you want.
Anyway, thank you guys for watching.