The only Claude Code guide you'll ever need (Opus 4.5)
24:45

The only Claude Code guide you'll ever need (Opus 4.5)

Alex Finn 16.12.2025 96 547 просмотров 3 135 лайков обн. 18.02.2026
Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI
Описание видео
Here is your complete beginners guide to Claude Code. This is my full end to end workflow. You'll be a MASTER by the end of the video. Join the Vibe Coding Academy: https://www.skool.com/vibe-coding-academy Sign up for my free newsletter: https://www.alexfinn.ai/subscribe Follow my X: https://x.com/AlexFinn My $300k/yr AI app: https://www.creatorbuddy.io/ Claude Code: https://code.claude.com/docs Visual Studio Code: https://code.visualstudio.com Claude Design Skill: https://x.com/trq212/status/1989061939625144388?s=20 Initial prompt: I want to build a project management app for vibe coders. it should be a kanban board that also has a todo list next to it and a note taking area. The kanban board should have todo, in progress, and complete and have cards for the tasks you can drag and move around. make it a clean, simple, dark mode interface that doesn't look AI generated Timestamps: 0:00 Intro 0:41 Why it's the best 2:27 CLI vs extension vs desktop 4:34 Claude Code setup 4:55 Pricing 6:13 Setting it up 7:44 Slash commands 8:58 Plan mode 9:41 First prompt 13:49 V1 of app 14:50 Claude Skills 15:39 Improving UI 16:37 Adding more features 18:47 Debugging 20:26 Github 21:07 Architecture of an app

Оглавление (16 сегментов)

  1. 0:00 Intro 142 сл.
  2. 0:41 Why it's the best 381 сл.
  3. 2:27 CLI vs extension vs desktop 396 сл.
  4. 4:34 Claude Code setup 81 сл.
  5. 4:55 Pricing 279 сл.
  6. 6:13 Setting it up 354 сл.
  7. 7:44 Slash commands 276 сл.
  8. 8:58 Plan mode 158 сл.
  9. 9:41 First prompt 964 сл.
  10. 13:49 V1 of app 203 сл.
  11. 14:50 Claude Skills 157 сл.
  12. 15:39 Improving UI 206 сл.
  13. 16:37 Adding more features 481 сл.
  14. 18:47 Debugging 373 сл.
  15. 20:26 Github 145 сл.
  16. 21:07 Architecture of an app 872 сл.
0:00

Intro

Clawed Code with Opus 45 is the greatest AI coding tool on planet Earth, but only if you use it the right way. In this video, I'm going to go through every single pro as someone who's been building with Claw Code for 12 hours a day for the last year. In this video, I'm going to go through every single pro tip there is from how to set it up, all the features, and how to build an entire application from beginning to end. Even if you've never coded a day in your life, whether you're a Claude Code pro or a stone cold beginner, you're going to learn a ton in this video if you stick with me till the end. Let's lock in. Leave a like if you want more videos like this and let's get into it. So
0:41

Why it's the best

starting out with why Claude Code is the best. If you're brand new to it, feel free to skip to the next section if you want to get to set up. All the chapters are down below. Feel free to skip around, jump wherever you need to learn. But why it's the best one, it's the simplest to use. You just give it commands. It writes code for you. That's it. There's nothing more. There's nothing less. It is just a prompting tool and that is it. It is so simple which makes it very beginnerfriendly. Instead of having 20 different features and an entire ID, it is just a text box where you enter commands and the AI agent does things for you. And despite being so beginnerfriendly, it is still by far the smartest tool out there, especially since Opus 45 launched, which is in my opinion the greatest leap in AI technology since GPT4 came out. It is so beyond leaps and bounds smarter than any other coding model out there. You tell it what to do, it does it without errors, flaws, and it does exactly what you want to do. And maybe my favorite part about all this by far when it comes to claude code is it is the most proactive. You give it a command, it understands the context and nuance of what you want it to do and it goes and it does extra things. It builds out those extra features. It asks you questions. Wait, did you mean this or did you want to do this? It truly understands what in a deep level and it proactively builds out exactly what you want. All of this combined makes for in what my opinion is the best. Not only AI coding tool out there, but just the by far the best AI tool there is. And if you're going to learn just one AI coding tool, in my opinion, Claude Code's the one. I'm not getting paid by Claude Code. No one from Anthropic even really talks to me to be quite honest with you. I just love this tool and use it every single day and that's why I teach so many people about it. So let's start with setup. There are
2:27

CLI vs extension vs desktop

three ways to use Claude Code. A IDE extension. So an extension like in Visual Studio or cursor, the desktop anthropic claude app as well as the CLI which is kind of the classic way of using it which is just right in your terminal. There are pros and cons to each. I prefer the CLI and for this video we'll be using the CLI. The reason being is a few. There's the extension which I was actually recommending for the last few months and recently changed. The extension has a great guey, a great user interface which makes it very easy to use. It has all the basic features of Claude Code. It just lacks some advanced functionality we'll talk about. Then there's the desktop app. This is the Claude desktop app that is actually really cool and really neat. Has the best user interface by far for claude code. It allows you to spin up cloud agents, local agents, which is like it's basically the best AI agent manager out there. It is the best for efficiency, so working on multiple projects at once. It is the best with clawed skills. One issue though, it has no plan mode, which is a major oversight by Anthropic. I'm sure that's coming soon. But that lack of plan mode really kills the experience, which is why we're going with the CLI, which has the worst user interface because it's the terminal, and no one really likes using the terminal unless you're a total nerd. But despite having not the strongest user interface and having no cloud agent management, it has the best features and functionality of all three of these. And that is enough for it to be the winner and earn my recommendation for best way to use Claude Code. Its plan mode is just smarter than the other formats. When you use the plan mode in the CLI, it's just different. It asks you more questions. It feels like it understands you on a deeper level. It feels smarter. It makes less mistakes. I don't know what it is, but the CLI harness for Claude is the best in the entire game. And so, despite it having the worst user interface, we are going to be using the terminal for this. And I'll show you how to set that up next. So, real quick
4:34

Claude Code setup

going into a couple more basics. If you already got Claude Code set up, feel free to skip to the next chapter where we start building the app for this. But, I wanted to make a video that's inclusive of all beginners and everyone interested in Claude Code. So to set it up, you can just go to clawed code the website. Take this command right here. We're going to put that into the terminal. And there's also just a real
4:55

Pricing

quick cover the pricing. You have three plans. You can use claude code with claude opus on the pro plan for $17. You probably won't even have enough usage to build one app. But maybe you start with the $17 plan just so you get a feel for Claude code and see if this life is for you. This Claude code life. The max plan. I know a ton of people on the max plan, the $100 month plan, and they still get really good usage. So, you're totally fine then starting with the $100 plan, and upgrading to 200 when you need the usage, that's totally fine and acceptable. But if you like Claude Code and you end up using it any sort of amount to build even a single app, you will probably end up on one of these two tiers. And let me tell you this, it is more than worth it. It is the best $200 I spent a month by far. You shouldn't be comparing these $200 to like the amount you're spending on like Netflix or like HBO Max. All those SAS tools you compare that to, you're comparing it to things that drain your time and energy and money and don't actually add anything to your life. This is the equivalent of like hiring a developer for $200 a month. Typically, developers cost you like 10 $15,000 a month. So, this is actually an incredibly great deal if you think about it with that perspective. And that's the way I think everyone should be thinking about. So this is actually a steal for what you're getting. So now let's go into actually
6:13

Setting it up

setting it up. What we're going to be using here to set it up is actually Visual Studio Code, which is a completely free platform to use. I'll leave the link down below for Visual Studio Code. This is where we're going to actually house the CLI itself. So if you're on Mac, you hit control till day. This opens up the terminal. I actually like having this on the right hand side so you have a little bit more vertical space. And what we're going to do is if you've never set up Claude Code before, copy and paste that command from the last website we were on. Paste that into here. That'll install it. Once you have that installed, you can hit Claude. Just type that in. Hit enter. Say yes, I trust this folder. And you are good to go from here. And actually, you probably should have done this first. We want to open up a new project. So, hit command O. If you're on Mac, that'll let you set up a new project. We're going to go into documents here. We're going to set up a new folder. I'm going to call this project management. And I'm going to hit create. And we're going to actually build out today an entire project management app. I love building apps that you can use in your day-to-day life. And one app everyone should build, even if it's your first project, is a project management app where you can enter in tasks, track your progress on whatever project you're working on. This will make it a lot easier to build more projects in the future. So work with me here. Do what I'm doing. Pause the video if you need. Set up a folder project management. Hit open and we are good to go. We're going to need to just open up Claude one more time. So control till day panel position right and claude and hit enter and boom just like that we are in claude code. So by default you should be in opus 45 that is the greatest AI
7:44

Slash commands

coding model in the history of mankind. If it doesn't say opus 45 right there make sure you hit /model and then select default. That'll give you opus 45. So we are going to be on that. We are in opus 45 which is the fastest smartest best AI coding model ever. If you hit slash here, you're going to see a lot of the different slash commands you can use. There are a ton of them. I'm going to go through just a couple that I think are super important. There's a few important ones in here you probably want to know. Slash clears all the context. So, we're going to use that every time we build out a new feature so that Claude is nice and snappy and fast. You'll probably want to use slash login if you've never used Claude before. That'll log into your account so you can validate that you're on a tier. slashre will actually undo code as you go. So if you ever make a mistake, you can go back to a last checkpoint. Slcurity review is awesome. We'll use this in the video as well. It sends up an agent that actually reviews your app for security. Security is super important, especially when you're vibe coding app. So you want to make sure you know about that. And then slash stats tell you about your claw code usage to see if you're near any limits. Those are the important slash commands you need to know. Those are the only ones basically I use. What we're going to do from here is we're going to use plan mode. Plan
8:58

Plan mode

mode is an incredible feature in Claude Code. If you do shift tab, you will see plan mode on. This is going to build out a plan for whatever we want to build. What makes Claude code so so good is it builds the best plans, the best to-do lists that help you execute the tasks you want to build. And plan mode is the best way to do this. Before you build any big features, before you build out your kind of first prompt for your app, you always want to use plan mode because what that will do is cause Claude to think deeply about what you want to do. Build a plan, run it by you, ask any questions it has, and let you approve that plan. So, we want to be using plan mode when a we're starting a new project or b we're building out any big features. So, here is the beginning
9:41

First prompt

prompt we're going to use to build our project management app. I want to build a project management app for vibe coders. It should be a cananband board that also has a to-do list next to it and a note-taking area. The cananband board should have todo, in progress, and complete and have cards for the tasks you can drag and move around. Make it a clean, simple, dark mode interface that doesn't look at AI generated. Right after this, once we get V1, I'm going to go into actually designing this, making it look beautiful. There's a couple tips and tricks I want to go through with that, but this is the initial prompt. I also put it down below. You can paste that in here. I'm also going to say I want to use NextJS for this and local storage. Next. js very popular web technology we're going to use for this. And local storage is just going to store all the to-dos and notes locally before you implement a database. I'm going to hit enter on that and Claude is going to get to work. This is your AI agent. That really is all cloud code is at the end of the day is just an AI agent that just happens to code very well. You can use claude code to do anything you want on your computer. You can have it go do research on the web, anything you want. It just happens to be very good at writing code. So it's saying, I'll help you build a project management app for vibe coders. Let me first explore the current directory to understand what we're doing. So it's getting to work. It's exploring the code we already have, which is absolutely none. Then it's using a front-end design skill. This is a specialized claude skill, which is a super powerful feature of Claude code, which I'll show you in a second that actually makes it a design expert. So I'm going to show you how to set this up. But Claude skills are an amazing feature that really no other AI tool has where you can actually plug in very specific skills including UI and design skills. So it makes it way better. So after I show you V1 in this app and what this interface looks like, I'll show you exactly how to plug in that design skill. So everything Claude Code builds for you looks amazing. This is one of my favorite parts about Claude Code's plan mode that you only get in the CLI. And this is when it starts asking you questions about what you want to build. So, we gave it a prompt. We said, "Hey, can you build this for us? " Now, it's specifying some things and making some recommendations for what we can build. What should the app be called? I suggested flow state, but you might have something else in mind. I like that. Flow state. That's a good name. Let's do flow state. Should cards on the cannon board have any extra fields beyond title and description? Let's keep it simple for now. Maybe we add priority and everything else after. I'm going to go down and hit next. I love how it's multiple choice. It makes it really easy for you to make decisions. Anytime you're talking to someone important, always making multiple choice. So, it's very easy for them to make decisions. Claude Code understands that because they're talking to you and me. They know we're important. So, it gives us multiple choices. How should the note panel work? Single scratch pad or multiple notes. Let's make it notable multiple notes. You can save multiple notes and then we're going to submit our answers. It specified some things. It help us came up with new ideas. And it's just awesome. It's just awesome to work with the Claude Code plan mode. This is one of the biggest reasons why I think Claude Code is the best AI coding tool on planet Earth. All right. So, here's the amazing plan it built for us. It gave us an entire overview of the cananban style project, an entire aesthetic direction about the project, which is amazing. Even tells the exact colors it's going to use, the text stack, so you can see what it's built on. And listen, even if you're not technical, just read through it real quick so you kind of understand what it's going to build out, the data model, the layout structure. Again, this is getting technical, but it doesn't matter quite as much. Just read it. It give you a feel for the project, how it's working, and as you go, you'll actually get more and more technical naturally. So, let's do this. Let's go in and let's say yes and auto accept edits. I always auto accept edits just because it is so smart. It is so good and it really doesn't mess up for me at all. I fully trust Claude Code to build what we need. So, feel free as it goes to say yes and yes, don't ask again. Uh, it really is not capable of doing anything to mess up here. There's no stories online of Claude Code messing things up and deleting a whole bunch of stuff. You really are free to trust it. If you really want to prove step by step, you can go right ahead and do that, but I have never found issues with giving it full access to do whatever it needs. All right, looks like v1 finished. When your cloud code is done working, it'll give you a local host address to go to. You can then go to that local host address.
13:49

V1 of app

And let's see what it looks like here. This is actually uh awesome. Let's see. I'll move this over here. flow state, quick task. So, we can add quick tasks, plan out the app, market the app. Uh, we have our to-do list board. So, we also have to tweet about the app. Add that there. And it gives us a nice card which we can drag around. That is awesome. I love this UI. I'm going to be honest. I'm not just saying this so I can hype up this video and keep it exciting. I actually think this is the best UI uh an AI has ever built for me for an app. This is beautiful. It is clean, simple. I don't think anyone would guess that this is AI generated. There's no blue or purple gradients everywhere. Uh, and then we have this note section. This looks amazing. So, let me do this. Now that we have what the V1 this looks like, your app might not look anything remotely as good or close to this. The reason being is I'm using a very particular clawed skill. It is a UI design skill. Let me show you how to set
14:50

Claude Skills

that up so you start getting awesome looking UIs like this. So, here is how you make your AI build way better interfaces. That is with the Claw design skill. So, I'm going to put the link to this tweet down below. Make sure to go to it. This has the two commands you need to install this Claude skill. And basically, all Claude skills are plugins for Claude that teach it new skills. And what these two commands will do will teach it a skill that shows it how to make professionallooking user interfaces. So, go down below, go to this tweet, pause now, grab these two commands, and then you're going to go into Claude Code, paste them right in here, hit enter on the first one, second one, and you'll have the design skill installed. Now, what you can do is you can say, "Redesign my UI using the new design skill. " Hit
15:39

Improving UI

enter, and it will redo your UI to make it look a lot better. Because if you didn't have this design skill, my guess would be what you're looking at here is a whole bunch of blue and purple gradients uh that are pretty hard to the eyes. So doing that will make this look way better, much closer to mine, which I think this is very professional looking, almost linear. I even like the uh fonts. The fonts look very modern. So make sure you do that. Your UI will look way better. So let's move on. Let's build out more features here. I'll go through how to prompt to get better features and I'll go into little tips and tricks here. So, basically, when it comes to prompting, you don't need advanced prompting techniques. You don't need to structure it in crazy ways. Everyone on planet Earth will give you different frameworks for prompting where you have to include a whole bunch of context. No, no. It's very simple. Just be very clear and upfront about what you want to build. So, for instance, I want to make it so we have priorities in each one of these tasks on the Cananban board. So
16:37

Adding more features

we'll just be very clear and straightforward. I want to add priorities to the tasks in the canban board. So high level exactly what we want. Now we can give it little details about what we want in there as well. I want to make sure I can assign different priority levels. Here's the thing I also like to do often is I like to say anything else you want to add. Mark, you can treat this very much like a creative partner. I like to ask tons of questions like that. What else would you add? do here? What do you think about this? What's your opinion? Claude Opus 4. 5 has better taste than any other AI model I've ever used. So, it actually will give you really, really good recommendations. It will be honest with you. It'll be honest about when things stink or when you shouldn't implement things. So, let's do this. Let's send that. Make sure you ask questions like, "What else would you add? What else would you do here? " You'll get a lot of really nice recommendations. So, this is great. Even though we're not in plan mode, it's still going to ask us really cool questions. So, how should priorities be displayed on cards? A colored dot, a side border, or a badge, or a pill? Let's do a colored dot. I like that. Subtle and minimal. Want me to add any of these while I'm at? This is what makes Opus 4. 5 so great. Is it super proactive? We talked about this earlier. So, we just asked about adding priority, but it's like, hey buddy, anything else you want me to add here? I can add due dates, archive columns, filter by priority, keeping it simple. Yeah, let's add a couple. This is multiple choice. We can say due dates and we can say archive column filter. Let's add all of them. Filter by priority as well. And let's hit submit. And it's going to do all of that for us. It's super proactive. It comes up with ideas on the fly. It gives us recommendations. It's truly the first time I feel like I have like a senior developer working for me rather than like an intern, right? It's little things like that that no other AI model tool does that really makes it feel special working with this tool. And it's also what makes it so beginner friendly is you can come in here with no ideas, no idea what to do and it will kind of guide you through building it out. Again, I'm not being pi paid by Anthropic. This isn't a sponsored video. I'm just really passionate and love this tool a ton and really think everyone should be using it. All right, looks like it is all done. They added a whole bunch of
18:47

Debugging

features for us. Let's go over here. Let's give this a refresh. And it looks like we are getting errors. This is good. So now I can show you how to debug in the rare instance that Opus45 gives us errors. Here's how you debug. It's very simple, very straightforward. You get an error like this. You copy it. You go back into the clock. You say, "Hey, I'm getting an error and then you paste and then you hit enter. " And here we go. It'll just go and fix it. Very, very simple. Oh, looks like it is a stale cache issue. So, all we need to do is just basically hard refresh the page and it'll fix it. All right. So, it wasn't Claude Code's fault fault, but either way, it's telling us how to fix what we're seeing, which is great. All right. So, the cash is cleared. Let's pull this open here. And boom. Look at that. Looking good. Let's add a task. Oh, and look, we can do the priority, low, medium, high, market our app. Let's see here. Yep, we can click and it moves it around. I like the colors. All the colors kind of match. I really like the theme of the entire app. It really has extremely good taste. And we can move it around. And you can see the different priorities here. We can filter. That looks great. I love that. That's cool. So from here you can add any features and functionality you want. But how do you take it to the next level? How do you start giving it a database so you can store all the data, right? Maybe we want to put our tasks in the database so it stays consistent across all our sessions. Maybe we want to add off. pricing. Well, here's what you got to do for all that. The first thing you're going to want to do is add this to GitHub. If we're going to host our app, if we are going to allow other people to use it, we're going to want to have it on GitHub. So, make sure you go and sign up at github. com. You're going to want
20:26

Github

to start a new repository. Give it a name. We can call it flow state. Make it a private repository and create that repository. This is going to give you a URL where you can upload this code. Take that URL. Then we're going to come back into Claude Code and we're going to say add all this code to GitHub and then paste in the URL it gives you. This will then have Claude code go take all the code, put it onto GitHub. This is where your code will be hosted and stored so we can do things like put it on the web, allow other people to use it. This is a really important step. It's also going to back everything up just in case your computer gets wiped. All the code will be stored on the web. So you want to
21:07

Architecture of an app

make sure you have this on GitHub. From there, you can implement other tech, right? So if you want a database, this is where all the data in your app is going to be stored like the tasks or the users, you can use superbase for this. This can also be your off. So this is what an entire web app looks like from the front end which is what you see that's Nex. js to the backend and database that's where the data is stored to the hosting. So this is what's going to actually host your website so people can visit it. You're going to use Verscell, right? So Verscell will be able to host it for free. You can put the code there. It links to your GitHub. So you can sign up for these services. O is going to allow the user to sign in. You can use Superbase O for that. Payments I like to use Stripe. Stripe the easiest to use, easy to implement and all of this. You can screenshot this here. You can just go to Claude Code and say, "Hey, I want to set up Superbase as the database. How do I do that? " And Claude Code will walk you through it. I want to put this on Versell so people can visit our app. Claude Code will walk you through it. I want to implement Stripe so people can start paying me for the app so I can start making money. Claude Code will work you through that. That's the best part. Anything you don't know how to do, Claude Code will walk you through it. The mindset 99% of people have when doing things like this is, "Oh, I don't know how to do this. I'm going to roll over and die and give up. " Right? That's not the mindset you want to have. You want to be autodidactic. What does autodidactic mean? It's your ability to work on your own and just figure things the f out, right? And now that you have Claude code, you need to be autodidactic. Anytime you don't know how to do something, anything you get confused about, you have super intelligence at your fingertips. You go into Claude Code and say, "Hey, I don't know how to set up a database. What the heck do I do here? " And it will teach you how to do it. There's nothing you don't know how to do anymore. Claude Code teaches it all. So after you get your app in the shape you want, you built out the features you like, you're ready to implement the database and allow more users to use the app. Make sure you screenshot this, pause this here, and anything you see here, you say, "Claude code, how do I implement Superbase? Versell? " And it will walk you step by step, very simply on how to do it. I go into a lot of detail and walk you through everything you need to know about Superbase and Versel and payments in the Vibe Code Academy. It's my private community. Feel free to sign up for that. I do weekly calls there. Answer your questions. You can DM me there. Anything you want. Link for the Vibe Coding Academy is down below. Also, if you've learned anything, make sure to leave a like, hit subscribe, and turn on notifications. All I do is make amazing videos about AI. And also, leaving a like will just let me know you want more videos like this. I've been told by a lot of people my Claude Code videos are great. So, I'm going to make a lot more videos about Claude Code. Let me know down in the replies what part of everything I showed you want to see more of. Whether it's, hey, show me more how to build. Maybe I want to build out iOS apps. Show me how to set up databases. Anything like that you want me to do super deep dives on, I'll do that. I kind of went a mile wide and an inch deep here. So, let me know what you want me to go a mile deep on and I'll make sure to make videos about that. You can do that down in the replies below. From here, if you follow these steps and you host it on Versel, you'll have a full web app that anyone can use. You'll have a full app live. And even if you've never coded before, you'll have an app you can send to your friends and family members and at Christmas they'll be like, "Oh my god, that's incredible. You're the smartest person I ever met in my life. How'd you do that? " And you can be like, "Oh, I'm just really smart. " But in reality is you had super intelligence, aka Claude Code, working for you. I hope this was helpful. I hope you enjoyed it. I hope you learned a little something. Claude Code is constantly changing, so keep it locked in. I'll go over all the interesting features for you as they release. and I'll see you in the next

Ещё от Alex Finn

Ctrl+V

Экстракт Знаний в Telegram

Транскрипты, идеи, методички — всё самое полезное из лучших YouTube-каналов.

Подписаться