Modern Creator Network
Alex Finn · YouTube · 30:55

The Greatest Claude Code Workflow You'll Ever See

A 31-minute build-along that teaches parallelization over prompting — spin up cloud agents, fill dead time with AI consultants, and ship an app with design, roadmap, and marketing done before you close your laptop.

Posted
6 months ago
Duration
Format
Tutorial
hype
Channel
AF
Alex Finn
§ 01 · The Hook

The bait, then the rug-pull.

Alex Finn opens with a stacked promise: blow your mind, build faster than ever, no prior coding required, change how you use AI forever. Then a 20-minute countdown. It's a textbook retention trap that commits to specific outcomes before a single line of code appears on screen.

§ · Stated Promise

What the video promised.

stated at 00:30If 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.delivered at 29:00
§ · Chapters

Where the time goes.

00:0002:00

01 · Hook + promise stack

Triple promise: speed, accessibility, money. Twenty-minute countdown to ship a sellable app.

02:0006:00

02 · Setup: VS Code + Claude Code extension

Argues VS Code extension is the best Claude interface — free, reliable, cleaner UI than CLI. Shows Claude for Web briefly as the second key layer.

06:0009:00

03 · v0 design system screenshot trick

Opens v0 free design systems section, screenshots a palette called Soft Pop, pastes directly into Claude Code prompt to prevent AI-slop aesthetics.

09:0012:00

04 · Plan mode + Haiku 4.5 cost hack

/model select Haiku 4.5 + Shift+Tab plan mode: Sonnet plans, Haiku executes. Same quality at a fraction of the cost on $20/month tier.

12:0015:00

05 · First app build: Vibe Kanban v1

Next.js + Tailwind v3 Kanban board with drag-and-drop animations. Live demo shows a clean non-gradient result from the v0 palette screenshot.

15:0018:00

06 · Braindump strategy

Before prompting, brain-dump feature ideas into TickTick/Apple Notes. Prevents doom-scroll during generation. Frames this as the real productivity unlock most builders skip.

18:0021:00

07 · Why Claude Code (unprompted editorial)

Not sponsored — uses Claude because it writes most reliable code, avoids error loops, most beginner friendly. Competes with Codex and Cursor 2.0.

21:0024:00

08 · GitHub push + Claude for Web connection

Commits app to GitHub, connects repo to claude.ai/code. Cloud agents can now read and modify the codebase from browser or mobile app.

24:0027:00

09 · Spinning up the agent army

Three concurrent cloud agents: product roadmap, marketing plan + landing page copy, light/dark mode feature. All running unattended while local session continues.

27:0029:00

10 · Claude desktop app as business consultant

Third layer: Claude desktop for higher-level brainstorming and life management during AI idle time. Eliminates doom-scroll as default behavior.

29:0030:55

11 · Recap + CTA

Three-layer summary: VS Code extension (main), Claude for Web (parallel agents), Claude desktop (consultant). Subscribe, live streams Mon/Wed/Fri.

§ · Storyboard

Visual structure at a glance.

hook
hookhook00:00
VS Code setup
setupVS Code setup01:44
v0 design trick
valuev0 design trick03:45
app first demo
valueapp first demo08:09
braindump in action
valuebraindump in action10:37
GitHub push
valueGitHub push14:30
agent army live
valueagent army live17:16
roadmap output
valueroadmap output24:56
Claude consultant
valueClaude consultant28:47
recap + CTA
ctarecap + CTA30:43
§ · Frameworks

Named ideas worth stealing.

02:00model

Three-Layer AI Workflow

  1. VS Code + Claude Code extension (primary feature work)
  2. Claude for Web cloud agents (background parallelization)
  3. Claude desktop app (consulting + dead-time fill)

Stack three AI surfaces so no minute of work is idle. Each layer handles a different cognitive level: execution, delegation, strategy.

Steal forAny build-in-public content, solo founder positioning, or AI productivity tutorial Joe makes
09:00model

Plan Mode + Haiku Execution

  1. Set model to Haiku 4.5 (cheapest, fastest)
  2. Shift+Tab twice to enter plan mode
  3. Sonnet writes the plan (best quality); Haiku executes it (lowest cost)

Sonnet-quality planning at Haiku prices. Works because a well-specified plan is easy for a smaller model to implement correctly.

Steal forJoe can use this exact pattern in JoeFlow or any Claude API project to cut cost without hurting output quality
06:00concept

v0 Screenshot Design Override

Screenshot any design system palette from v0 free tier, paste directly into your first Claude Code prompt. Overrides AI default gradient aesthetics with zero design skill required.

Steal forAny vibe-coding tutorial or MCN+ onboarding content about making apps look non-generic
27:00concept

Dead Time Replacement

The real productivity unlock is behavioral: every idle second while AI generates becomes a braindump, agent spin-up, or consulting session instead of doom-scrolling.

Steal forCore angle for a Killing Excuses episode or any 'most people do X, you should do Y' short-form format
§ · Quotables

Lines you could clip.

26:00
While your competition snoozes and rots away, you are using leverage and building faster than you ever have in your entire life.
Clean contrast line, no setup needed, punchy hype toneTikTok hook
24:40
Before AI, if I wanna build this app, I'd have to hire a product person, a marketing person. I'd be spending millions of dollars a year. Now I'm spending $20-100 a month.
Concrete before/after with specific dollar figures on both sidesIG reel cold open
12:10
Vibes are a thing when it comes to talking to AI. That's a critical thing for me.
Unexpected take that will generate debate in commentsTwitter/X quote tweet bait
00:00
I figured out a workflow for Claude code that will absolutely blow your mind.
Cold open hook — tight, confident, curiosity-gapTikTok hook
§ · Pacing

How they spent the runtime.

Hook length47s
Info densitymedium
Filler15%
§ · Resources Mentioned

Things they pointed at.

§ · CTA Breakdown

How they asked for the click.

30:00subscribe
If you learned anything at all, leave a like. 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.

Stacked CTA delivered twice — mid-video and outro. Includes livestream schedule, which is a stronger hook than a generic subscribe ask.

§ · The Script

Word for word.

HOOKopening / re-engagementCTAthe pitchanalogy
00:00HOOKI 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:47To 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. 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.
01:18And 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. 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
01:41their 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
02:36that I can use every single day that make my life easier. 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.
03:14And 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,
03:32which is this design systems. 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. 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.
03:58I'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, 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
04:26model, and we're gonna say select model, and we're gonna choose Haiku 4.5. 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. 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.
05:27Plus, 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, 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
05:58twice, 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. 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.
07:04It'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,
07:27which is great. Again, I like Next. Js because there's tons of documentation for it online. 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.
07:50I 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, which is kind of the brainstorming 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
08:30your ideas, and come up with new things to build out. 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,
08:56build the base application. 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 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
09:32slash auth database, customize the look and feel, AI functionality.
09:40Right? 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,
10:05HOOKand 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.
11:19HOOKIt 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. It shows me all the features it built out. And this is another thing I love about Claude code two is just its descriptions 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.
12:06And 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, 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.
12:52I'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
13:12UI, 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. 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,
13:41we 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. 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 management
14:03app. Gonna go down here. You can make it private if you want. And then we're going to click create repository. Once that is set up, we are going to copy this address for the repository, and we're gonna go back into ClaudeCode. Now we're gonna say, please commit this code to and then we're gonna put the address right there, and we're gonna hit enter.
14:25And now what Claude Code will do is take all our code 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,
15:19and 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, 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
15:43management app. There it is. Boom. We are connected. We are now 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. 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.
16:55You 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
17:31for 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,
18:11let'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
18:33you. Right? You're spinning up agents to work on the cloud for you that are building out a whole bunch of functionality, 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. 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,
19:13my junior developer, 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
19:37dollars 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
20:02on 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,
20:37how 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.
21:07This 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
21:27simple, not super technical. Then it's asking me where should the prompt be displayed. I'm gonna say append the description field. Card context. Do we wanna include everything in the card for context? Include everything in the card
21:43for 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 and simple. 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.
22:22And 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. 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,
22:40being 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
23:03notes. Oh, team management. Let's add team management here. Uh, notification system. I like that. Sync to your calendar. So let's sync with 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.
23:22Your competition, I promise you, is not using this workflow. 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, 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
24:10to work for you to come up with road maps, marketing, building your landing page, build out your app, all the above. While your competition 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
24:37maximum efficient. I also have the Claude desktop 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
24:52back and forth brainstorming 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
25:22inside 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.
25:50Right? Most people, when using AI, there's tons of downtime. They're doom scrolling. They're getting distracted by Twitter, by YouTube, by TikTok, whatever, while it's working. The key to getting maximum productivity in your workflow
26:03is maximizing your leverage with AI and avoiding downtime. As long as you use AI whenever you have downtime, you will constantly constantly be productive and be getting better. And so I have my AI in Claude code building out the big tasks. 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,
26:31general 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. You on the other hand, an absolute savage, an absolute master who is maximizing every second to squeeze the juice out of AI 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,
27:04like, for instance, 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, higher level life management 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,
27:24which is critical. We live in an ADD society where everyone is constantly distracted. We are eliminating distractions, and we are maximizing the output 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,
27:52you 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 management, and I'm gonna hit add. Copy your API key into .env.local. 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
28:33the 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,
29:02we 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 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,
29:24like doing research for our app, like doing marketing. 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
29:52CTAwhile 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
§ · For Joe

Stop building serially. Build in parallel.

The three-layer play

The real productivity unlock isn't better prompts — it's replacing every idle second with a parallel AI task.

  • Use plan mode + Haiku execution on every major build step to cut API costs without hurting quality.
  • Paste a v0 design system screenshot into your first prompt to escape AI-default gradients instantly — no design skill needed.
  • Brain-dump to Notes/TickTick before you prompt, then pull from that list into cloud agents — never lose an idea to AI generation wait.
  • Connect your GitHub repo to Claude for Web and spin up background agents for roadmap, marketing, and sub-features while local Claude handles the main build.
  • Keep Claude desktop open for dead-time consulting so no generation wait becomes a doom-scroll.
  • The competitive angle — 'your competition is doom-scrolling' — is a proven hook for any solo-builder content.
§ · For You

How to actually build apps faster without burning out.

If you want to try vibe coding

The bottleneck isn't the AI — it's the dead time you spend waiting for it. Fill every gap with a parallel task and your throughput triples.

  • Start with a design you like, even just a screenshot — paste it in and Claude will match the aesthetic so your app looks intentional.
  • Use plan mode before every major feature so the AI reasons first and writes reliable code instead of guessing.
  • Keep a running list of ideas while you build. When one surfaces, drop it in the list — don't hold it in your head.
  • While your main AI session generates, open a second one for something else: roadmap, email copy, anything useful.
  • You don't need to understand the code — just read the summary Claude gives you after each build so you stay close to your own app.
§ · Frame Gallery

Visual moments.

§ · Watch next

More from this channel + related dossiers.