WEBVTT

00:00:00.000 --> 00:00:47.855
I figured out a workflow for Claude code that will absolutely blow your mind. It will have you building apps faster than you ever have before, even if you've never in line a code in your life. Doesn't matter if this is your first time using Claude code or you're a Claude code master. The skills you're about to learn in this video will change how you use AI forever. If you stick with me twenty minutes from right now, you'll be coming up with endless ideas for apps you can build. You'll be spinning up armies of AI agents to build it, and you'll be able to ship an app that you can start making money on today. Let's get into it. Let's go through the setup first. What you see here is on the right, Visual Studio Code with the Claude code extension. I'll have the link to Visual Studio Code down below. It is completely free. No monthly subscription. Nothing like that. I use the Claude Code extension.

00:00:47.855 --> 00:01:00.080
To download that, all you have to do is go into the extension section of Visual Studio Code. You type in Claude Code, you hit install, and boom, you have the Claude Code extension installed.

00:01:00.320 --> 00:01:18.305
There's many ways you can use Claude Code, the CLI, the extension inside cursor, inside Visual Studio. For me, my preferred workflow is the extension inside Visual Studio because Visual Studio code is free and very, very dependable. I've never had an issue with extensions. Sometimes I have issues installing extensions inside Cursor.

00:01:18.545 --> 00:01:29.310
And I like the extension for Claude code rather than through the CLI because I like the UI just so much more. It's so much easier to use, cleaner, and you have some extra features that are very nice for quality of life.

00:01:29.710 --> 00:01:40.815
Over on the left hand side, what you see here is Claude code for web, the newest feature for Claude Code, which will be going through here. You're not gonna see this feature in any other video on YouTube. This is

00:01:41.135 --> 00:02:36.055
their basically cloud platform where you can spin up as many agents as you want that will work on your app for you, that will develop ideas, that will do anything you want. It's really, really amazing, and I'll be going through that as well and show you how these two things work together to superpower your workflow. When I get these two working together in this video, it's it's gonna be harmony. It's gonna be beautiful. It's like directing an of AI agents. You gotta stick with me here. I highly recommend working with me as we do the video, so feel free to pause right now. Download Visual Studio Code. You only really need the $20 version of Claude to use Claude code, so feel free to sign up for that. If you like it, if you build this app out with me, then you could sign up for one of the more expensive versions so you get a lot more usage. But for the sake of this video, feel free to do the $20 version. We can get this app running. But let's do this. Let's start building our app. Today, we are gonna be building a project management tool. I like to build apps

00:02:36.295 --> 00:02:39.655
that I can use every single day that make my life easier.

00:02:39.735 --> 00:03:13.920
That's the best type of app to build, ones that you use yourself. Because even if no one buys and you make $0, your life's getting easier. So we're gonna build a project management tool today that allows us to organize our ideas, organize our tasks, and be way more productive. I wanna basically build a Kanban board similar to this that we can use on our own every single day to manage our projects. So let's do this. Let's start with the design of our app. What our app is gonna look like? I promise this is something you haven't seen in any other video. We're going to make sure this app looks good rather than, like, AI slop, which you'll typically get if if you start building an app with no design inspiration.

00:03:14.000 --> 00:03:32.125
And where we're gonna start for this, this is one of the new parts of my workflow I just figured out, is actually with v zero. So if you log in to v zero, which has a free tier, you can go to this section right here on the left, which is design systems. You don't have to pay for this. This is not me trying to get you signed up for another service. They just have a free section here that I really, really like,

00:03:32.365 --> 00:03:34.045
which is this design systems.

00:03:34.125 --> 00:03:42.580
And what we're going to do is choose a design for our app and basically export it from v zero to Claude code really, really easily.

00:03:42.980 --> 00:03:57.885
So I like this soft pop here. This soft pop looks nice. Let's open this up in the editor. I like the way these colors look, the way they pop. So we're gonna do this to get the design in the Claude code. Literally, all we're gonna do is I'm just gonna screenshot this. So I chose the design I like.

00:03:58.285 --> 00:04:14.650
I'm going to, on Mac, screenshot it like this. If you're on Mac, you can do shift control command four. That actually just copies the screen, and then you can paste it in. I'm gonna take this design, and then I'm gonna go in here. I'm gonna go back into Claude code. I'm gonna paste in that screenshot,

00:04:14.890 --> 00:04:26.355
and we're gonna do this. This is gonna be the prompt for our app. I'm gonna put this down below too if you just wanna copy and paste it and put it in. Right before we do that, though, real quick, and this is a very important step, we're gonna do slash

00:04:26.355 --> 00:04:28.675
model, and we're gonna say select model,

00:04:28.835 --> 00:04:31.330
and we're gonna choose Haiku 4.5.

00:04:31.330 --> 00:04:45.095
The reason we're doing this is very, very simple. What's going to happen is Haiku 4.5 is the cheapest, quickest model from Anthropic, and the way it's gonna work is it's going to use SONNET four five, which is their best model for planning.

00:04:45.335 --> 00:05:27.670
So it's gonna use their best model to build out the really nice in-depth plans. Then it's going to use Haiku for the execution. And as long as you got a really good plan, which is what SONNET is going to do, Haiku is gonna be able to build that out really, really well, and you're gonna save a ton of money. So you'll be able to get way more usage out of a $20 tier if that's what you're doing. I highly recommend everyone use this. You select Haiku, and it'll use SONNET for planning and the cheap model Haiku for the execution, which you'll get just as good results with. Now that we did that, let's paste in the prompt. You can copy and paste it from down below in the description and build this alongside with me. I wanna build a project management app for vibe coding apps. Basically, the way I want it to work is it's a Kanban board with to do, in progress, and completed sections.

00:05:27.830 --> 00:05:39.515
Plus, I can add more if I want. I can add cards to the Kanban board for tasks and add notes to the cards. The app should look like the design in the screenshot I attached and be beautiful and nice to use animations,

00:05:39.515 --> 00:05:58.250
especially when I drag the cards. Use Next. Js and Tailwind v three for this. Just use local storage for now. No auth. Next. Js and Tailwind v three are the web technologies we're gonna use to build the app. It's like the most popular technologies out there right now, so it'll be very easy to build your apps out. Before we send this prompt, we're just gonna hit shift tab

00:05:58.330 --> 00:06:11.885
twice, which will put us in plan mode, which you see right there. And if you're brand new to Claude code, this is just the mode where it's not gonna write any code. It's just gonna us out a very detailed plan with Sonnet four five, which is gonna make the code generation so much more powerful.

00:06:12.045 --> 00:07:04.360
You want to use plan mode before you do any major step. The only times I'm not using plan mode is if I'm doing really, really simple tasks like changing just a UI element. But anything more than just changing a UI element, you want to use plan. It might add just an extra step here and there, but I promise adding this extra step will have you moving so much faster because the AI is gonna write only reliable code. So we're in plan mode. Let's hit send. The AI is gonna start working. It's gonna use SONNET four or five to build out this plan for us, then we're going to approve it right after. I can't wait to get into the next steps of this workflow with you, especially when we start looping in Claude code for web, and I show you how you can spin up an army of AI agents that's going to do work for you while we work on the app, even while we're sleeping. So here we go. It set up the plan for us. This is awesome. So it's gonna initialize the project. It's gonna configure the CSS.

00:07:04.520 --> 00:07:27.080
It's gonna install a bunch of libraries that will make the animations nice for us. And listen. If you're brand new to coding or you're not very technical, that's fine. You don't have to worry about the technical part. Just make sure you go through the plan and make sure it sounds generally right. So it's gonna create the Kanban board and data structure. It's gonna build the board out. It's gonna implement the columns. It's gonna create the card components, and it's gonna add all the nice polish animations,

00:07:27.080 --> 00:07:32.040
which is great. Again, I like Next. Js because there's tons of documentation for it online.

00:07:32.200 --> 00:07:49.755
These AIs heavily rely on documentation, so it's very easy to find that and build out your app for you. So I like this plan. Right? If you didn't like the plan, you can say no. Keep planning and ask it to do other things or change the plan. Let's hit yes on this. It is going to start building out that app. By the way, I say yes and don't ask again.

00:07:50.320 --> 00:08:05.040
I fully trust Claude Code. I've used this a 100,000 times. It very rarely messes up. So I just say yes and don't ask again, and it builds it out. While that works and builds out the app, I'm going to go into one of the most important stages of our workflow,

00:08:05.405 --> 00:08:07.085
which is kind of the brainstorming

00:08:07.085 --> 00:08:30.470
coming up with idea stage. And for the ideation stage, I really like this tool TickTick. It is completely free. You can download that, but you can also do this in Apple Notes or Google Notes or whatever you use. You don't need anything fancy for this, but I think it's really important you do this stage of the workflow. Not many people are doing this, and I think it's critical. This is your project management stage. This is how you're gonna manage your ideas, organize

00:08:30.630 --> 00:08:33.430
your ideas, and come up with new things to build out.

00:08:34.185 --> 00:08:56.570
And it's gonna make communicating with Claude code so much easier. So as Claude code builds out, I like to go into my project management tool. So whether it's Apple Notes, I use TickTick. And what you do is just brain dump ideas for your app, for features, for whatever you're building in here. Right? So we're building our own project management tool, just kinda meta, and we're gonna go let's go into in progress. This is what we're building it now and say,

00:08:56.890 --> 00:08:58.810
build the base

00:08:59.450 --> 00:09:00.170
application.

00:09:00.665 --> 00:09:14.585
So that's what we're working on now in progress. But let's come up with some more ideas for to do here. And I'm gonna show you some ways to use AI to actually come up with way more ideas in a second once we go into ClaudeCode for web. So we can come up with some new ideas for tasks here. Let's do generate

00:09:14.990 --> 00:09:32.315
AI prompts in each card. So I wanna be able to when I'm inside our project management tool, in each card, say generate prompt so that we can take the prompts and put in the Claude code if we're, like, managing our vibe coding apps in our new project management tool. So I'm gonna hit enter on that. We can say login

00:09:32.475 --> 00:09:33.915
slash auth

00:09:34.155 --> 00:09:35.275
database,

00:09:35.355 --> 00:09:36.315
customize

00:09:36.475 --> 00:09:40.395
the look and feel, AI functionality.

00:09:40.715 --> 00:10:05.285
Right? We're just coming up and brainstorm and and dumping our ideas for our app into here. And then as we build this out, as I go later into this workflow when we're using Claude Webb and we're spinning up AI agents, we can just start taking all these ideas we're brain dumping and give them to the AI agents to build on their own. A lot of people, they just go in here and they just go in Claude code, and they just kinda type their ideas as they come. You wanna stay organized,

00:10:05.605 --> 00:11:19.100
and this is the best way to stay organized. Again, this is adding an extra step. But with this extra step, it will speed up your workflow so much more at the end of the day. So as we do this, pull open an Apple Notes if you want. Download TickTick if you want. Whatever you want. A lot of people use linear. That's kind of the hot trending new project management tool. Whatever you wanna use, it doesn't have to get complicated. I'm not trying to sell you on these tools here. Just pull one open, brain dump your idea so when we get later into this workflow, when we start doing a lot cooler things with Claude for Webb, you can just start pulling these out and build them out with me. As this is going, just as a side note, I get this question thousand times a day. Why Claude Code? Why not Codex? Why not Cursor two point o? Isn't Cursor two point o incredible? All that. I'm just gonna be honest with you as this builds out. I'm not getting paid by any of these companies. I'm not sponsored. I have no loyalty here. Anthropic isn't paying me here. Although, Anthropic, listen, if you want a sponsored video, I'm more than happy to do it. Uh, but the reason why I talk about Claude code so much and this video is all about Claude code workflows, and I developed this workflow so much is just in my opinion, at the end of the day, Claude code is the best AI coding tool out there right now. Just period. End of story. I've used them all. For me, Claude code is just the most reliable and writes the best code, and it doesn't put me in error loops, and it's just the most beginner friendly.

00:11:19.725 --> 00:11:28.685
It just gives me the best results, and that's why all my videos are about that. Alright. Boom. It's all done working here. Perfect. Your Vive Kanban project management app is now complete and ready to use.

00:11:29.005 --> 00:11:34.990
It shows me all the features it built out. And this is another thing I love about Claude code two is just its descriptions

00:11:34.990 --> 00:12:06.690
of what it builds and how it talks to you. Like, I know this is kind of a crazy thing to say. It might be all hippy dippy, but at the end of the day, like, vibes are a thing, I think, when it comes to talking to AI. Like, that's a critical thing for me is the vibes. And I'm gonna be honest with Out of all the AI tools out there, Claude Co, just the way it communicates to me, is so warm. It's so friendly. It feels like a partner developer. It doesn't feel like it's talking down to me. It's not super technical. It feels like it talks at my level, and it's just super pleasant and easy to read all the descriptions.

00:12:06.930 --> 00:12:12.770
And that's another reason why I just really enjoy using this tool. But, like, this is just great. Like, I can see the core features really easily,

00:12:13.410 --> 00:12:52.905
the design in UX. I'm not a fan of overuse of emojis, but think it's tasteful the way they use emojis in this, the structuring where I can see the project structure really well. It's just super easy to read all this and understand what they did. I think for you, even if you're not very technical, make sure you take the time and just read the summary of what it built. So you can just be super intimate with your app. Again, I don't need I don't think you need to know how to read code to do any of this, but just be in just be familiar with how your app works and go through this and see what it built out. So let's do this. I hit control tilde on Mac to bring up the terminal right here, and then we do n p m run dev, and we hit enter, and that is going to run our app. And as you can see here, localhost 3,000.

00:12:52.985 --> 00:13:12.065
I'm gonna hold command and then click there. Alright. Here we go. Let me make this bigger here. Wow. That's nice. That looks good. So this is the v one of our Kanban board. I'm gonna show you how to do a lot more things right now after this, including adding features, using Claude web, and a whole bunch of other little tips and tricks. But that is really sick. That's a good v one. It is better than your standard

00:13:12.865 --> 00:13:26.220
UI, I think, you get with AI because we included that screenshot. Usually, you get the purple and the blue gradients. There's not a single purple or blue gradient to be seen here. And when I click and drag oh, that's nice. You get that nice animation animation for clicking and dragging.

00:13:26.460 --> 00:13:41.615
That's really good. So congrats if this is your first time ever building with AI. You just built your first app, but we're not even 10% done here. Let's start adding a lot more cool things to this, and I'll show you the rest of my workflow. So to get Claude for web working, which is a critical part of this workflow,

00:13:41.855 --> 00:13:54.110
we need to put this app on GitHub. GitHub is an online repository for code that Claude code will hook into so that their AI agents can do work for us while we sleep if we want. So do this. Go to github.com.

00:13:54.110 --> 00:14:01.870
Make an account here if you haven't already, completely free. We're going to create a new repository for this. We're gonna call it project

00:14:02.270 --> 00:14:02.750
management

00:14:03.215 --> 00:14:08.975
app. Gonna go down here. You can make it private if you want. And then we're going to click create repository.

00:14:09.375 --> 00:14:14.255
Once that is set up, we are going to copy this address for the repository,

00:14:14.575 --> 00:14:17.855
and we're gonna go back into ClaudeCode. Now we're gonna say, please

00:14:18.660 --> 00:14:25.140
commit this code to and then we're gonna put the address right there, and we're gonna hit enter.

00:14:25.300 --> 00:14:28.180
And now what Claude Code will do is take all our code

00:14:28.580 --> 00:15:19.740
and put it into that GitHub repository. Now if this is your first time ever using GitHub, ever using it in Claude Code, there's gonna be a couple extra login steps where it'll say, hey. Please log in to your GitHub and do a couple of things there. If you get confused as it goes, just say, hey. I don't know why this isn't working. You screenshot to give it to Claude code. Claude code will fix it for you. It'll understand what you need to do. That should just take a couple of minutes. But if you use GitHub before, you're gonna say yes and don't ask again, and it will initiate all of this for us. That will commit our code. I hit yes here. And, again, don't worry. You don't need to be a GitHub master for this. Claude will handle it all for you. Perfect. It's been committed and pushed. Let's refresh and see if we have our code here. Boom. Our code's on GitHub. That is awesome. You're now basically a full time software developer. Congratulations. This also backs up your code. So if you ever mess up and you write code or something you don't like, you can just pull it back down from GitHub,

00:15:19.900 --> 00:15:34.055
and you are good to go. This keeps your code safe. If your computer ever blows up or burns out, you have your code on the web now as a backup, which is awesome. Now we can do this. If we switch over to Claude for web, and, basically, all you need to do is go to claude.ai,

00:15:34.055 --> 00:15:42.615
then hit code in the left hand bar. This will open up Claude code for web, which you see here. We can select our repositories by typing project

00:15:43.060 --> 00:15:46.900
management app. There it is. Boom. We are connected. We are now

00:15:47.540 --> 00:15:57.700
connected to our app from the cloud, and now we can spin up agents from Claude Code web to start working on our app for us. But here's where the workflow gets interesting.

00:15:58.305 --> 00:16:55.565
I'm not only gonna spin up coding agents. You think Claude code, you think, oh, you're gonna use the agents for coding. No. No. No. No. No. This is a this is just a general web agent. So we can have this AI agent do anything we want on the web. So let's do this. We're not gonna have it start coding yet. We're gonna go in here. We're gonna do this. So I'm gonna say this. Please build me out a road map for this app. Look at all the code in our project management app, then build us a road map of features that will make our app better, make customers stickier, and overall improve the value of the app. I'm going to hit enter on that, and what that is going to do is now spin us up an AI agent in the cloud. I can hit enable, so it's gonna alert us when it is done working. And now Claude on the web this is an AI agent. What this isn't even on my computer. It's now building out a comprehensive road map. But let's go back. It's gonna go to work. Let's spin up some more AI agents. We have a work we're gonna have an army of AI agents working for us here. I also want a marketing AI agent. So I'm gonna say this.

00:16:55.885 --> 00:17:30.745
You are a marketing agent. Please look at our app and come up with a marketing plan, including tweets and emails. Also, build us out a landing page copy and design. I'm gonna hit enter on that. Now we have two AI agents on the web workers. While we have one AI agent inside Claude code here to the right building our app, we now have two agents on the web building for us. But that we're not done here. Let's keep going. So I'm looking at our project management here. We have build the base application. That's done. We'll move that to finish. Let's have an AI agent customized look and feel. So we'll put that in progress. Let's go back here, and let's say build a light mode and dark mode

00:17:31.145 --> 00:18:10.940
for our app. And we're gonna hit enter on that. And so now we have an actual AI agent coding for us, and now it's building out the light mode and the dark mode for us on the web. And I'll show you in a little bit how to pull down this code and put it in our app. So we have three AI agents chugging along for us on the web. If we were about to go to bed, you can go on your app on your phone and actually have your agents build I don't think you can see it here, but I actually have the agents on my phone right here in the Claude code app. There you can see it. You just go into the Claude app, and then you click code on the left hand side, and you can see your agent. So this is cross platform. This is on my phone, on my computer, everything. So this is really sick. But let's do this. While this is in progress with our AI agents,

00:18:11.180 --> 00:18:33.090
let's add some AI functionality. So let's generate AI prompts in each card. So I wanna make it so that each card in our app, you can look at a task, and when you click it, you can actually have it generate an AI prompt for you that you could put into Claude code and have it build out. I think that would be really sick. So let's build that out inside Claude code. So this is part of the general workflow, which superpowers

00:18:33.090 --> 00:18:38.370
you. Right? You're spinning up agents to work on the cloud for you that are building out a whole bunch of functionality,

00:18:38.610 --> 00:18:50.525
your marketing, your roadmap, your product manager. You basically have a one person company going on here. Right? And then at the same time, we're gonna go in and we're gonna start building out features ourself.

00:18:50.845 --> 00:19:13.615
This is how a one person business turns into a billion dollar business. This was not possible before AI. Right? Before AI, if I wanna build this app, I'd have to hire a product person, a marketing person. I'd have to hire developers. I'd be spending millions of dollars a year to build this out. Now because of AI, I have my three employees working for me in the cloud, my product manager, my marketer,

00:19:13.695 --> 00:19:15.055
my junior developer,

00:19:15.295 --> 00:19:37.770
and then I have my senior developer over here inside Cloud Code building out the other features for me. This is why I said this workflow is so powerful is because this is how you build leverage. This is how you build an entire company that works for you even though you're just one person. Many people would spend millions of dollars a year to have all these people working for them in a company. For me, I'm spending $20,100

00:19:37.770 --> 00:20:02.140
dollars a month for Claude code. Pretty incredible. So let's go in and start building out the AI functionality here. I'm gonna show you how to implement an AI API into your app as well so you can have AI functionality in your app. This is your first time doing this. You're gonna be so ahead of your competitors. Crazy. So I'm gonna hit shift tab to go into plan mode, and this is the prompt. I'll put this down below as well. I wanna make it so there is AI functionality in this app. I'd like to make it so that in each card

00:20:02.380 --> 00:20:37.885
on the Kanban board, there is an AI button. Then when I hit that button, it uses the OpenAI API to generate a prompt for that card. It will take the title of the card and turn it into a prompt I can give to Claude Coe to build out that feature. So, basically, you have your board. There's now gonna be an AI button. I click it, and it will take whatever the task is in that card and turn it into an AI prompt that I then can give to Claude Co. To build out whatever that feature is. That's really awesome AI functionality that we're about to build out here. So I'm gonna do this in plan mode. I'm gonna hit send, and this is gonna plan out, again, using Sonnet,

00:20:37.885 --> 00:21:07.915
how to build out this feature. So we're saving money because Haiku's doing all the building. Sonnet is doing all the planning. A really cool workflow tip that's gonna save you a ton of money. As this is building, by the way, if you learned anything at all, all my videos are jam packed with as just much value as this. So make sure you leave a like if you learned anything. Subscribe for way more content like this. Turn on notifications so you get alert the moment I livestream or build things out. I promise it will be worth it. So this is the plan. It's built out. I'll help you build out the AI functionality.

00:21:07.915 --> 00:21:27.715
This is awesome. My loved one, Claude, does this. It is asking me for my preferences. So instead of just building out the plan, it's like, okay. So what do you wanna use? Which models do you wanna use? What do you want it to look like? I like the dazzle. We'll go in. We're gonna answer these questions. I'm gonna say use g p t five. It's asking how in-depth I want the prompts to be. Keep the prompting

00:21:27.715 --> 00:21:28.515
simple,

00:21:29.075 --> 00:21:30.675
not super technical.

00:21:30.675 --> 00:21:37.795
Then it's asking me where should the prompt be displayed. I'm gonna say append the description field. Card context.

00:21:38.240 --> 00:21:43.520
Do we wanna include everything in the card for context? Include everything in the card

00:21:43.680 --> 00:21:53.520
for context. An API implementation. This is a client side app with no back end. Are you okay with creating a Next. J s API route? Yes. Whatever you think is appropriate

00:21:54.345 --> 00:21:55.625
and simple.

00:21:55.705 --> 00:22:22.070
If you notice, there is a ton of spelling mistakes in everything I'm typing, but that's okay. Claude understands what I'm saying. So it is what it is. That's show business, baby. Alright. We're gonna hit enter there, and it is gonna start getting to work. At the same time, we're gonna check-in on our AI agents over here. It looks like one of them is done. Create app road map from existing code. Let let's see the road map that came up for us. Alright. So we're gonna go up here. Let's see here. Oh, did a lot of work for us. Excellent. We now have a complete understanding.

00:22:22.395 --> 00:22:31.995
And here is the road map. I've analyzed your entire code base and created a detailed road map for you. So it tells us the current state, and now it gives us phases for all of 2025.

00:22:32.315 --> 00:22:40.950
So the back end structure, it's gonna give us database road map. That's pretty sick. It's gonna tell us often user management. It has a road map for us for team management and workspaces,

00:22:40.950 --> 00:23:02.605
being able to add comments, a notification system, being able to attach files. These are really good ideas. What I like to do as we do this here, and I'm going to accept the plan over on the right. See, I'm multitasking out the wazoo here. I'm gonna pull open, uh, TickTick again over here. And, again, just use Apple Notes if you want. And I'm just gonna add some of the ideas I see from the AI over here. Um, so I like the ability to add

00:23:03.610 --> 00:23:04.330
notes.

00:23:04.730 --> 00:23:08.090
Oh, team management. Let's add team management here.

00:23:08.410 --> 00:23:13.370
Uh, notification system. I like that. Sync to your calendar. So let's sync with

00:23:13.530 --> 00:23:22.485
calendar. And, basically, what we're doing is we're generating ideas with the AI. We're putting it in our project management tool, and we're just humming here. The app's improving.

00:23:22.965 --> 00:23:26.645
Your competition, I promise you, is not using this workflow.

00:23:26.725 --> 00:23:36.150
Your competition isn't generating ideas. I mean, what are we? Like, ten minutes in here, we're generating ideas. We already have the app done. We're moving on to the road map. We have a 100 different ideas,

00:23:36.310 --> 00:24:10.290
good to go, and we're all just one person. That's why this workflow is so powerful because you have the leverage of 20 different people at once even though you're just one person, and you're organized. So if we come back to this later, we have our system good to go. What your competition is doing is they're using Claude code. They're giving it prompts of things to build out. And as it's building, they're going on their phone and they're doom scrolling TikTok, and their brain is melting out of their ears. You, you're different. Instead of your brain melting out of your ears on TikTok, you're coming in here, and you're hiring hundreds of AI employees

00:24:10.625 --> 00:24:19.185
to work for you to come up with road maps, marketing, building your landing page, build out your app, all the above. While your competition

00:24:19.505 --> 00:24:36.590
snoozes and rots away, you are using leverage and building faster than you ever have in your entire life. So that's still building. I'll layer on one more feature for you here while this goes. So this is only if you wanna take this workflow to the next level. This is only if you wanna be

00:24:37.075 --> 00:24:37.955
maximum

00:24:37.955 --> 00:24:38.915
efficient.

00:24:39.235 --> 00:24:42.035
I also have the Claude desktop

00:24:42.035 --> 00:24:51.930
app open at all times. If you wanna use the ChatGPT desktop app, you can do that. If you wanna use the Google Gemini desktop app, if they even have one, you can do that. This is for general

00:24:52.090 --> 00:24:54.010
back and forth brainstorming

00:24:54.010 --> 00:25:22.630
and talking to the AI. And so what I'll do here is I will describe to Claude what I'm building. I like to use this prompt whenever I'm starting to build out a new project. I'm building out a project management Kanban board app right now. I I wanna use this chat to be generally productive and talk about what I'm building, come up with new ideas, and just get general advice for my business and life. Let's chat. And I'm gonna hit enter on that. And now while we have agents working for us on Claude for web, while we have our agent building out functionality

00:25:22.630 --> 00:25:50.070
inside Claude code, I now have, like, a general business and life consultant I'll be talking to in the Claw desktop app. And so you don't even need to just talk about the app you're working on, the Kanban board. A lot of the times, I'll use this to talk about things in my life. Hey. I wanna be more productive. I wanna read more books. How do I do that? How do I find more time to read more books? And this will go through that with me. And this is how you stay maximally productive.

00:25:50.230 --> 00:25:53.510
Right? Most people, when using AI, there's tons of downtime.

00:25:53.590 --> 00:25:57.110
They're doom scrolling. They're getting distracted by Twitter, by YouTube, by TikTok,

00:25:57.270 --> 00:26:01.965
whatever, while it's working. The key to getting maximum productivity

00:26:02.045 --> 00:26:03.485
in your workflow

00:26:03.485 --> 00:26:14.365
is maximizing your leverage with AI and avoiding downtime. As long as you use AI whenever you have downtime, you will constantly constantly be productive

00:26:14.460 --> 00:26:20.300
and be getting better. And so I have my AI in Claude code building out the big tasks.

00:26:20.620 --> 00:26:31.165
I have my AI agents inside Claude for web doing the little tasks and the little planning. And then I have the Claude desktop app I use for business consulting,

00:26:31.165 --> 00:26:43.380
general back and forth, and making sure I get the most out of every second I'm working with the AI. Your competition at best is just building with Claude and then getting distracted running off whenever building.

00:26:43.460 --> 00:26:48.820
You on the other hand, an absolute savage, an absolute master who is maximizing

00:26:48.820 --> 00:26:52.420
every second to squeeze the juice out of AI

00:26:52.660 --> 00:27:03.775
is, again, using Claude to build out the main features, yes and don't ask again, using Claude for web, their brand new feature to have agents go build their road map, build out little tasks,

00:27:04.015 --> 00:27:05.055
like, for instance,

00:27:05.295 --> 00:27:14.730
the light and dark mode, which is already done. And then they have their business consultant to do higher level planning on the app, higher level administration,

00:27:14.730 --> 00:27:16.330
higher level life management

00:27:16.490 --> 00:27:24.170
to get the most out of AI, and now your workflow is humming. There's two things we're doing here. We're eliminating distractions,

00:27:24.170 --> 00:27:28.965
which is critical. We live in an ADD society where everyone is constantly distracted.

00:27:29.365 --> 00:27:33.045
We are eliminating distractions, and we are maximizing the output

00:27:33.205 --> 00:27:52.680
from the AI agents. So let's do this. Let's see how this workflow went. Let's add our AI key, test out this new functionality we just built out, and see how it did. So it looks like it used the Anthropic API for this. I guess it sees we're in an Anthropic mood, so here's the Anthropic API key. I'll show you how to grab that right now. If you sign in at console.anthropic.com,

00:27:52.680 --> 00:27:59.895
you can get your API key from here. I'm gonna click get get API key. I'm gonna click create a key. I'm gonna say project

00:27:59.895 --> 00:28:00.855
management,

00:28:01.095 --> 00:28:05.735
and I'm gonna hit add. Copy your API key into .env.local.

00:28:05.975 --> 00:28:33.055
Right there, you hit save, and your AI functionality should be good to go. Alright. So let's test this out. It looks like we have this nice new AI button on every single card here. If we click it, I imagine it's gonna generate an AI prompt for us. That's what we click. I like that little nice animation there. That was smart claw dad. Boom. AI generated prompt. Add local storage functionality to automate, save, and persist. So now we don't need to think of AI prompts anymore for each one of the features. We can just copy and paste

00:28:33.215 --> 00:29:02.025
the prompt that the AI gives us and give it to Claudette code, and it will build the functionality out for us. We built that out. The app is looking pretty good. I mean, you have all the functionality we need to manage your apps. Now instead of using TickTick to plan out our apps that we vibe code, we can use our own app that we built ourselves, and there's nothing cooler than that. There's nothing cooler than than using the apps you built yourself. It is the best feeling in the world. So let's recap what we did so far. For this workflow,

00:29:02.025 --> 00:29:16.710
we used the Claude code extension inside of Versus code, which I think is the best way to interface with Claude code in the world. Clean, simple, easy to use. We used Claude for web, their brand new functionality at claude.ai

00:29:16.785 --> 00:29:24.545
that allowed us to spin up as many AI agents in the cloud that we want in order to get things done, like building little tiny features,

00:29:24.785 --> 00:29:27.905
like doing research for our app, like doing marketing.

00:29:28.385 --> 00:29:52.905
Basically, we keep spinning up employees for ourselves to do work for us. Then we use the Claude desktop app to be like our business consultant. So as things are working, as code is generating for us, we talk to the Claude desktop app to bounce ideas, talk about our life, talk about the business, just get advice so that we don't waste time. While everyone else, while our competition goes and doomscrolls TikTok

00:29:52.985 --> 00:30:54.945
while the AI is building and it takes them twelve hours to get anything done, we are chugging along. We are spinning up AI agents. We are talking to business consultants. We're having 20 AIs work for us at the same time. This is the best workflow you possibly can have for vibe coding right now. This will get apps out faster than you possibly can imagine. Everything else is just noise. It'll be, oh, you have to do MCPs and n a n and this and that and no. No. No. No. You keep it simple like we did today, and you will get way more work done than you possibly can imagine. If you learned anything at all, leave a like. Let me know in the replies if you started using this functionality yet. What part of this is new to you? Subscribe if you haven't yet. Turn on notifications because all I do is create amazing videos about AI. I also livestream Monday, Wednesday, Friday, 11AM Pacific time. Stop by for that. Ask me questions. Hang out. Do whatever you want. Newsletter free newsletter down below. Number one AI newsletter in the world. Link down in the description. Make sure to sign up for that. I have a lot to ask, but it's all for you. It's all for you guys. I love you all. Thank you all. See you in the next