Introducing Claude Code

0:00 Should we be doing like big smile or.

0:02 No, why are you. Big smile. That's creepy.

0:04 That's sort of what. I'm Boris. I'm an engineer.

0:08 I'm Kat. I'm a product manager.

0:09 We love seeing what people build with Claude, especially with coding, and we want to make Claude better at coding for everyone. We built some tools, one of which we're sharing. Today we're launching Claude Code as a research preview. Claude Code is a agentic coding tool that lets you work with Claude directly in your terminal. We're going to show you an example of it in action.

0:32 So we have a project here. It's a Next JS app. Let's open it up in an instance of Claude Code. Now that we've done this, Claude Code has access to all of the files in this repository. We don't know much about this code base. It looks like an app for chatting with a customer support agent. Let's get Claude to help explain this code base to us. Claude starts by reading the higher level files and then it dives in deeper.

1:02 Now it's going through all the components in the project. Cool. Here's its final analysis.

1:16 So, say I was asked to replace this left sidebar with a chat history and I'm also going to add a new chat button. I'm going to ask Claude to help me out here. We haven't specified any files or paths and Claude's already finding the right files to update by itself. CLAUDE can also show its thinking and we can see how it's decided to tackle this problem. Claude's asking me if I want to accept these changes.

1:46 I'll say yeah. Now Claude's updating the navbar, adding a button and icons as well. Next, it's updating the logic to ensure the saving state works correctly. After a bit, Claude completes the task. Here's a summary of what it's done. Let's take a look at the app. So we're seeing a new chat button and new chat history section on the left. Let's check if I can start a new chat while keeping the previous one saved.

2:20 I'll try out the new chat button too. Great. It's all working.

2:27 Now let's ask Kuo to add some tests to make sure that the features we just added work. Cod's asking for permission to run commands. We'll say yes. COD is making some changes to run these tests. After getting the results, it continues with its plan until all tests pass.

2:57 After a few minutes, it looks like we're good to go. Now I'M going to ask Claude to compile the app and see if we get any build errors. Let's see what it finds. Claude identified the build errors and is now fixing them. Then it tries to build again. It will keep going until it works.

3:27 Now let's finish everything up by asking Quad to commit its changes and push them to GitHub. Quad creates a summary and a description of our changes, And it'll push the changes to GitHub. That's it. That's an example of what Claude code can do. We can't wait for people to start building with it.