The argument in one line.
The fastest way to ship production apps is to run Claude Code, Claude for Web agents, and Claude desktop simultaneously—coding primary features while cloud agents build marketing and roadmaps in parallel, eliminating all downtime.
Read if. Skip if.
READ IF YOU ARE…
- You're a solo founder or indie developer with zero-to-moderate coding experience who wants to ship a functional app (not a side project) in a single session.
- A non-technical founder who has app ideas but has outsourced development and wants to understand how to leverage AI agents to reduce dependency on developers.
- You're experienced with Claude but use it reactively—one prompt at a time—and want to learn parallelization patterns to eliminate AI idle time.
- A developer who builds internal tools or MVPs regularly and wants a repeatable workflow that combines local development with cloud-based background agents.
SKIP IF…
- You're building in a language or framework Claude Code doesn't reliably handle (legacy systems, specialized domains like embedded C or low-level systems programming).
- You need production-grade infrastructure guidance—this teaches build speed and parallelization, not deployment, scaling, authentication, or security hardening.
The full version, fast.
The fastest way to ship software with Claude Code is parallelization, not better prompting. Run three layers at once: the Claude Code extension in VS Code as your senior developer building the main app, Claude for Web spinning cloud agents that draft roadmaps, marketing copy, and small features against your GitHub repo, and the Claude desktop app as a live business consultant filling every gap of downtime. Always start in plan mode with Sonnet handling strategy and Haiku executing to cut costs, dump every idea into a lightweight project tracker so agents always have queued work, and push to GitHub early to unlock the cloud fleet. Eliminate distractions and you operate like a twenty-person team alone.
Free for members
Chat with this breakdown — free.
Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.
Create a free account →Where the time goes.
00:00 – 02:00
01 · Hook + promise stack
Triple promise: speed, accessibility, money. Twenty-minute countdown to ship a sellable app.
02:00 – 06: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:00 – 09: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:00 – 12: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:00 – 15: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:00 – 18: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:00 – 21: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:00 – 24: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:00 – 27: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:00 – 29: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:00 – 30: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.
Lines worth screenshotting.
- Running the VS Code extension, Claude for Web cloud agents, and the Claude desktop app simultaneously turns dead time (waiting for builds) into productive parallel workstreams.
- Claude for Web cloud agents can run overnight build tasks so that code is ready to review the moment you wake up without staying at the computer.
- Starting with a design system screenshot from v0 before writing a single line of code eliminates AI-slop aesthetics from the output.
- Pasting a screenshot of a desired design directly into Claude Code produces more accurate UI output than describing the design in text.
- Selecting Haiku as your model in the extension causes Claude to use Sonnet 4.5 for planning and Haiku for execution — same plan quality, significantly lower token cost.
- Shift tab twice activates plan mode; any major new feature should be planned before any code is written.
- The best app to build is one you use every single day — even a zero-revenue product improves your life and doubles as a portfolio piece.
- VS Code with the Claude extension is free, stable, and has no subscription cost — there is no reason to pay for an IDE to use Claude Code.
- The cloud agent interface is the same whether accessed from the Claude desktop app or the Claude mobile app — overseas travel or gym sessions become productive coding sessions.
- Using the Claude desktop app as a live business consultant while Claude Code builds the product means strategy and execution happen in parallel, not sequentially.
- Haiku's execution quality is high enough when the plan is good — the plan is the expensive intellectual work; execution of a good plan is cheap.
- Spinning up multiple agents for different features and letting them run simultaneously is the correct response to waiting for one agent to finish.
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.
Terms worth knowing.
- Claude for Web
- Anthropic's cloud platform that lets you spin up multiple Claude agents running in parallel on background tasks without tying up your local terminal.
- VS Code extension
- A plugin installed inside Visual Studio Code that embeds Claude Code directly into the editor UI, providing a cleaner interface than the terminal CLI.
- parallel agent workflow
- A strategy where multiple Claude agents handle different tasks simultaneously — one builds features, others do design, documentation, or marketing — so no AI time is idle.
- Claude desktop app
- Anthropic's standalone desktop application for conversational Claude sessions, used in this workflow as a live business consultant running alongside code agents.
- dead time
- In Alex Finn's workflow, the minutes spent waiting for one Claude agent to finish a task — filled by spinning up additional agents on parallel workstreams.
- cloud agent
- An AI agent running on a remote server rather than locally, allowing long-running or resource-intensive tasks to execute without consuming local compute.
- CLI
- Command-Line Interface — the terminal-based way to run Claude Code by typing commands, as opposed to using a graphical extension inside an editor.
- app roadmap
- A prioritized list of features and milestones for a software product, generated here by a background Claude agent while the primary agent builds the core feature.
Things they pointed at.
02:15toolClaude Code extension for VS Code
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.”
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.”
12:10
“Vibes are a thing when it comes to talking to AI. That's a critical thing for me.”
00:00
“I figured out a workflow for Claude code that will absolutely blow your mind.”
Word for word.
Read-along
Don't just watch it. Burn it in.
See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.
analogy
00:00I 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.
00:13The 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.
00:31Let'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.
00:39I'll have the link to Visual Studio Code down below. It is completely free. No monthly subscription.
00:44Nothing like that. I use the Claude Code extension. To download that, all you have to do is go into the extension section of Visual Studio Code.
00:54You 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.
01:13I've never had an issue with extensions. Sometimes I have issues installing extensions inside Cursor. And I like the extension for Claude code rather than through the CLI because I like the UI just so much more.
01:24It'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.
01:40This is 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.
01:58When 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.
02:04You 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.
02:12You 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.
02:26We can get this app running. But let's do this. Let's start building our app.
02:30Today, we are gonna be building a project management tool. I like to build apps that I can use every single day that make my life easier.
02:39That'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.
02:52I 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.
03:02What 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.
03:27This is not me trying to get you signed up for another service. They just have a free section here that I really, really like, which is this design systems.
03:34And 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.
03:45Let'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.
03:53Literally, all we're gonna do is I'm just gonna screenshot this. So I chose the design I like. I'm going to, on Mac, screenshot it like this.
04:01If 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.
04:11I'm gonna go back into Claude code. I'm gonna paste in that screenshot, and we're gonna do this.
04:15This 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 model, and we're gonna say select model, and we're gonna choose Haiku 4.5.
04:31The 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.
04:48Then 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.
05:03I 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.
05:15You 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.
05:41Use Next. Js and Tailwind v three for this. Just use local storage for now.
05:45No auth. Next. Js and Tailwind v three are the web technologies we're gonna use to build the app.
05:49It'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 twice, which will put us in plan mode, which you see right there.
06:01And 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.
06:15The 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.
06:34So we're in plan mode. Let's hit send. The AI is gonna start working.
06:38It'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.
06:57So here we go. It set up the plan for us. This is awesome.
07:00So it's gonna initialize the project. It's gonna configure the CSS. It's gonna install a bunch of libraries that will make the animations nice for us.
07:08And 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.
07:13Just 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.
07:21It's gonna implement the columns. It's gonna create the card components, and it's gonna add all the nice polish animations, which is great.
07:27Again, 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.
07:37So I like this plan. Right? If you didn't like the plan, you can say no.
07:40Keep 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.
07:48By the way, I say yes and don't ask again. I fully trust Claude Code. I've used this a 100,000 times.
07:54It 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.
08:08And 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.
08:18You 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.
08:27This is how you're gonna manage your ideas, organize your ideas, and come up with new things to build out. And it's gonna make communicating with Claude code so much easier.
08:37So 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.
08:49Right? 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, build the base application.
09:00So 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.
09:10So we can come up with some new ideas for tasks here. Let's do generate AI prompts in each card.
09:17So 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 slash 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.
09:58A 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, and this is the best way to stay organized.
10:07Again, 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.
10:16Download TickTick if you want. Whatever you want. A lot of people use linear.
10:19That'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.
10:27Just 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?
10:41Why not Codex? Why not Cursor two point o? Isn't Cursor two point o incredible?
10:45All that. I'm just gonna be honest with you as this builds out. I'm not getting paid by any of these companies.
10:50I'm not sponsored. I have no loyalty here. Anthropic isn't paying me here.
10:55Although, 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.
11:09Just period. End of story. I've used them all.
11:11For 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. It just gives me the best results, and that's why all my videos are about that. Alright.
11:23Boom. It's all done working here. Perfect.
11:25Your 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.
11:38Like, 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.
11:47And 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.
11:57It 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.
12:14I'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.
12:30So 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.
12:41I 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. I'm gonna hold command and then click there.
12:54Alright. Here we go. Let me make this bigger here.
12:56Wow. That's nice. That looks good.
12:58So 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.
13:08That's a good v one. It is better than your standard UI, I think, you get with AI because we included that screenshot.
13:16Usually, 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.
13:23You 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.
13:30You 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, we need to put this app on GitHub.
13:44GitHub 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.
13:54Make 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 app.
14:03Gonna go down here. You can make it private if you want. And then we're going to click create repository.
14:09Once 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.
14:38Please 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.
14:45You screenshot to give it to Claude code. Claude code will fix it for you. It'll understand what you need to do.
14:49That 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.
14:57I hit yes here. And, again, don't worry. You don't need to be a GitHub master for this.
15:00Claude will handle it all for you. Perfect. It's been committed and pushed.
15:04Let's refresh and see if we have our code here. Boom. Our code's on GitHub.
15:08That is awesome. You're now basically a full time software developer. Congratulations.
15:12This 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, and you are good to go.
15:20This 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.
15:28If 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.
15:39We can select our repositories by typing project management app. There it is.
15:44Boom. 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.
15:55But 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.
16:03No. No. No.
16:04No. No. This is a this is just a general web agent.
16:07So 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.
16:13We're gonna go in here. We're gonna do this. So I'm gonna say this.
16:15Please 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.
16:34I 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.
16:43It's now building out a comprehensive road map. But let's go back. It's gonna go to work.
16:47Let'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.
16:54So I'm gonna say this. You are a marketing agent. Please look at our app and come up with a marketing plan, including tweets and emails.
17:01Also, 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.
17:07While 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.
17:16So I'm looking at our project management here. We have build the base application. That's done.
17:20We'll move that to finish. Let's have an AI agent customized look and feel. So we'll put that in progress.
17:26Let's go back here, and let's say build a light mode and dark mode for our app. And we're gonna hit enter on that.
17:33And 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.
17:47If 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.
18:03So this is cross platform. This is on my phone, on my computer, everything. So this is really sick.
18:07But let's do this. While this is in progress with our AI agents, let's add some AI functionality.
18:13So 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.
18:27So let's build that out inside Claude code. So this is part of the general workflow, which superpowers you.
18:33Right? 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.
18:41You 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.
18:50This is how a one person business turns into a billion dollar business. This was not possible before AI. Right?
18:58Before 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.
19:07Now because of AI, I have my three employees working for me in the cloud, my product manager, my marketer, my junior developer, and then I have my senior developer over here inside Cloud Code building out the other features for me.
19:20This 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.
19:35For me, I'm spending $20,100 dollars a month for Claude code. Pretty incredible.
19:40So 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.
19:50You'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.
19:55I'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 on the Kanban board, there is an AI button.
20:04Then 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.
20:18There'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.
20:29That'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, how to build out this feature.
20:39So 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.
20:46As 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.
20:57Turn 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.
21:05It's built out. I'll help you build out the AI functionality. This is awesome.
21:08My loved one, Claude, does this. It is asking me for my preferences. So instead of just building out the plan, it's like, okay.
21:13So what do you wanna use? Which models do you wanna use? What do you want it to look like?
21:17I like the dazzle. We'll go in. We're gonna answer these questions.
21:19I'm gonna say use g p t five. It's asking how in-depth I want the prompts to be. Keep the prompting simple, not super technical.
21:30Then it's asking me where should the prompt be displayed. I'm gonna say append the description field. Card context.
21:38Do we wanna include everything in the card for context? Include everything in the card for context.
21:44An API implementation. This is a client side app with no back end. Are you okay with creating a Next.
21:49J s API route? Yes. Whatever you think is appropriate and simple.
21:55If 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.
22:02That's show business, baby. Alright. We're gonna hit enter there, and it is gonna start getting to work.
22:06At 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.
22:14Let let's see the road map that came up for us. Alright. So we're gonna go up here.
22:18Let's see here. Oh, did a lot of work for us. Excellent.
22:20We now have a complete understanding. And here is the road map. I've analyzed your entire code base and created a detailed road map for you.
22:28So 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.
22:36It's gonna tell us often user management. It has a road map for us for team management and workspaces, being able to add comments, a notification system, being able to attach files.
22:44These 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.
22:52I'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.
23:00Um, so I like the ability to add notes. Oh, team management.
23:05Let's add team management here. Uh, notification system. I like that.
23:10Sync to your calendar. So let's sync with calendar.
23:14And, 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?
23:29Like, ten minutes in here, we're generating ideas. We already have the app done. We're moving on to the road map.
23:34We 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.
23:47So 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.
23:56And 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 to work for you to come up with road maps, marketing, building your landing page, build out your app, all the above.
24:17While 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.
24:27I'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 maximum efficient.
24:39I also have the Claude desktop app open at all times. If you wanna use the ChatGPT desktop app, you can do that.
24:46If you wanna use the Google Gemini desktop app, if they even have one, you can do that. This is for general back and forth brainstorming and talking to the AI.
24:55And 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.
25:05I 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.
25:15And now while we have agents working for us on Claude for web, while we have our agent building out functionality 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.
25:36A lot of the times, I'll use this to talk about things in my life. Hey. I wanna be more productive.
25:40I wanna read more books. How do I do that? How do I find more time to read more books?
25:45And this will go through that with me. And this is how you stay maximally productive. Right?
25:50Most 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.
25:59The key to getting maximum productivity in your workflow is maximizing your leverage with AI and avoiding downtime.
26:07As 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.
26:20I 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, general back and forth, and making sure I get the most out of every second I'm working with the AI.
26:36Your 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, like, for instance, the light and dark mode, which is already done.
27:08And 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.
27:20There's two things we're doing here. We're eliminating distractions, which is critical.
27:25We live in an ADD society where everyone is constantly distracted. We are eliminating distractions, and we are maximizing the output from the AI agents.
27:34So 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.
27:42So 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.
27:50If you sign in at console.anthropic.com, you can get your API key from here. I'm gonna click get get API key.
27:56I'm gonna click create a key. I'm gonna say project management, and I'm gonna hit add.
28:02Copy your API key into .env.local. Right there, you hit save, and your AI functionality should be good to go. Alright.
28:10So 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.
28:19That's what we click. I like that little nice animation there. That was smart claw dad.
28:22Boom. AI generated prompt. Add local storage functionality to automate, save, and persist.
28:27So now we don't need to think of AI prompts anymore for each one of the features. We can just copy and paste the prompt that the AI gives us and give it to Claudette code, and it will build the functionality out for us.
28:38We built that out. The app is looking pretty good. I mean, you have all the functionality we need to manage your apps.
28:44Now 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.
28:58So let's recap what we did so far. For this workflow, 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.
29:10Clean, 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, like doing research for our app, like doing marketing.
29:28Basically, 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.
29:48While everyone else, while our competition goes and doomscrolls TikTok 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.
30:00We 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.
30:10This 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.
30:18No. No. No.
30:18You 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.
30:30What 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.
30:36I also livestream Monday, Wednesday, Friday, 11AM Pacific time. Stop by for that. Ask me questions.
30:42Hang out. Do whatever you want. Newsletter free newsletter down below.
30:46Number one AI newsletter in the world. Link down in the description. Make sure to sign up for that.
30:50I have a lot to ask, but it's all for you. It's all for you guys. I love you all.
30:53Thank you all. See you in the next
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.
Named ideas worth stealing.
02:00model
Three-Layer AI Workflow
- VS Code + Claude Code extension (primary feature work)
- Claude for Web cloud agents (background parallelization)
- 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
- Set model to Haiku 4.5 (cheapest, fastest)
- Shift+Tab twice to enter plan mode
- 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
How they asked for the click.
VERBAL ASK
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.
MENTIONED ON CAMERA
FROM THE DESCRIPTION
PRIMARY CTAWhere the creator wants you to go next.
OTHER LINKSAlso linked in the description.
Visual structure at a glance.
