Claude Dev VSCode Extension
Thanks to Claude 3.5 Sonnet's agentic coding capabilities Claude Dev can handle complex software development tasks step-by-step. With tools that let him read & write files, create entire projects from scratch, and execute terminal commands (after you grant permission), he can assist you in ways that go beyond simple code completion or tech support.
This project was developed for the Build with Claude June 2024 contest by Anthropic.
How it works
Claude Dev uses an agentic loop style implementation with chain-of-thought prompting and access to powerful tools that give him the ability to accomplish nearly any task. From building software projects to running system operations, Claude Dev is only limited by your imagination.
Tools
Claude has access to the following tools:
- execute_command: Execute CLI commands on the system.
- list_files: List all files and directories at the top level of the specified directory.
- read_file: Read the contents of a file at the specified path.
- write_to_file: Write content to a file at the specified path.
- ask_followup_question: Ask the user a question to gather additional information needed to complete a task.
- attempt_completion: Present the result to the user after completing a task.
Only With Your Permission
Claude always asks for your permission first before any tools are executed or information is sent back to the API. This puts you in control of this agentic loop, every step of the way.
Screenshots
1. Give Claude Dev any task!
First, I asked Claude Dev to make me a game with loose requirements. He used chain-of-thought <thinking> tags to determine what steps he needed to take to accomplish the task.
2. Powerful tools to accomplish anything
He used the tools built into the extension, such as creating new files, to build an entire website from scratch.
3. Run the project with a click of a button
Claude Dev even offered to run a command that would open it in Chrome for me.
4. Finished Product
Finished product. Thanks, Claude Dev!
Installation
To install Claude Dev, follow these steps:
- Clone the repository:
git clone https://github.com/yourusername/claude-dev.git - Open the project in VSCode:
code claude-dev - Install the necessary dependencies:
npm run install:all - Launch the extension:
- Press
F5to open a new VSCode window with the extension loaded.
- Press
Contribution
Feel free to contribute to this project by submitting issues and pull requests. Contributions are welcome and appreciated!
License
This project is licensed under the MIT License. See the LICENSE file for details.
Acknowledgments
Special thanks to Anthropic for hosting the "Build with Claude June 2024" contest and providing the API that powers this extension.