hello, and in this video, I'm going to show you how I created this stous game in less than a minute without writing a single line of code. This is made possible with the help of an AI-powered coding assistant called Claud Dev. It's a VS Code extension, and it uses Anthropic's latest large language model, Claud 3.5 Sonet. Now, what I like about Claud Dev is its ability to write the codes and save the source file on the user's local machine. For example, the game source code is saved on my desktop, and I can modify the source code anytime I want and however I want. This makes it a very, very powerful tool for programmers. In the next couple of minutes, I'm going to walk you through the process of how to set up Claud Dev and how to build web applications such as this Tetris game. Let's get started. So, in order to get started with Claud Dev, the first thing that you need to do is open up VS Code and then go to the extension tab under

the search field search for Claw Dev. Click on the first item that appears on the search results, then click on install. Once Claw Dev is installed, you'll be able to see this button right here that says Claw Dev. Go to settings, and as you can see, you need to input your Anthropic API key. So, in order to get your API key, you need to visit this website console.anthropic.com, and then under the API key tab, you need to generate this API key. It looks something like this. Copy that key and then paste it over here. Once you're done with that, click on done, and that's it. You can now start asking CLA or Cloud Tav whatever applications you have in mind. So, for example, we wanted Claw to create a Tetris game with a scoring system. I would just instruct it to create a Tetris game with a scoring system and life, and then make the user interface colorful. Hit on enter, so the Cloud Dev is going to create, send an API request to IC. This is the

response we got. It says that I'll break down the task into steps and use the available tools to accomplish it. So, it has six steps to create the game where it needs to create some files, and it's actually asking me if I want to allow Claw Dev to write files on my disk. So, I would just approve this, and as you can see, it created this index.html on my desktop folder called Tetris game. And I think it's going to create multiple files. As you can see, the next file created is the style CSS and also the tetris TS, which is the backend. So, I will approve all those files. Okay, so next one. It says, Now that we have created our Tetris game with scoring system, lives, and colorful user interface, let's test it to ensure everything is working correctly. So, it also gave me information on how much it cost for the request to be completed. So, for this specific request, it cost me 0.034 US with, um, I'm not sure how many tokens.

It took for this request to be completed, so I'm going to click on the Run command, and boom, there you have it. But uh, it's quite fast. So for example, I wanted to be a bit slower. Okay, so let me ask CL canel then can. Can you make the game a bit uh slower? And also, I wanted the game to have this uh guide on the left side of the screen so the users would know which keys they would have to press to play the game. Also um, create a guide on the left side to inform the user which keys. No no, inform the user how to play the game. Okay, so now uh, it's making requests again, and it's trying to modify the files that are already existing in my desktop folder. So I'm just going to prove the modifications and let's see what else it tries to make. Okay, so it took a couple of minutes for thei to complete the request, and it actually took a couple of requests to the server and made a couple of changes.

on the files, so now we have this one. Let's click on the Run command and see. Okay, so awesome. It's now a bit slower compared to the previous version. I actually like it. And as you can see on the left side, we also have the guide that I just requested. So you can use the arrow keys to move the blocks left and right, drop faster Q2, rotate W2, rotate clockwise, and you have three lives. Game overs. Game is over when you can't play the new piece. Awesome. So as you can see, there are three files that were created, one for the HTML, the Styling CSS, and the back end, which is Javascript. I can open these files also, and if I want to do manual modifications on the source code, I can do that as well. So this is awesome. Okay, one small piece of information. Claud Dev was actually created by this guy, sa re one. I'm not sure if I'm saying that correctly, but kudos to sa for creating this impressive tool. And one fun fact is this CLA Dev is

actually a submission to anthropics build with Claud hackathon which happened last month, June 202. For so there you have it. I hope you learned something from this video, and if you did, don't forget to subscribe and let me know what you think about CLA Dev in the comments below. I'll see you on the next video.

Build games with zero code using Claude Dev in VS Code

Build games with zero code using Claude Dev in VS Code

스크립트