Roo Code gives you a whole dev team of AI agents in your code editor.

Saoud Rizwan 62e72b9da4 Update package.json hace 1 año
.vscode 08effc4799 Make react build task; add react-textarea-autosize; add settings button; add settings page; get basic chat interface working hace 1 año
src 46f14f32d1 Fix issue where file diff could fail; minor style changes; update README; update version to 0.0.4 hace 1 año
webview-ui 81a7dc7acc Fix Welcome screen spacing hace 1 año
.eslintrc.json 56bafe9f59 Fix warnings hace 1 año
.gitignore 9f169b7e4b Initial commit hace 1 año
.prettierrc.json 0ede211d4f Add vscode-webview-ui-toolkit and follow tutorial to get started hace 1 año
.vscode-test.mjs 9f169b7e4b Initial commit hace 1 año
.vscodeignore 1c6e838681 Fix missing icons in production build bug hace 1 año
CHANGELOG.md 9f169b7e4b Initial commit hace 1 año
LICENSE 691d4d6d59 Create LICENSE hace 1 año
README.md 46f14f32d1 Fix issue where file diff could fail; minor style changes; update README; update version to 0.0.4 hace 1 año
esbuild.js 4916b2c28d Remove previous webview since we use react app now hace 1 año
package-lock.json 62e72b9da4 Update package.json hace 1 año
package.json 62e72b9da4 Update package.json hace 1 año
tsconfig.json cd8bbc5c7f Update extension to use react app hace 1 año
vsc-extension-quickstart.md 9f169b7e4b Initial commit hace 1 año

README.md

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.

Claude Dev bridges the gap between complex python scripting and simple chat websites. With its intuitive GUI, it offers a safe and accessible platform for exploring the potential of agentic AI.

  • Keep track of total tokens and API usage cost for the current task loop
  • View edit diffs or new files in beautifully syntax highlighted previews
  • Streams command execution output into the chat, so you never have to open a terminal yourself
  • Presents permission buttons (i.e. 'Approve CLI command') before tool use or sending information to the API
  • Set a maximum # of API requests allowed for a task before being prompted for permission to proceed
  • View the JSON of API requests when they are made and track individal API request costs
  • When a task is completed, Claude Dev determines if he can present the result to you with a CLI command like open -a "Google Chrome" index.html, which you run with a click of a button

Download the VSCode extension here: https://marketplace.visualstudio.com/items?itemName=saoudrizwan.claude-dev

This project was developed for Anthropic's Build with Claude June 2024 contest.

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. Start by providing a task and the agentic loop fires off, where it might use certain tools (with your permission) to accomplish each step in its thought process.

Tools

Claude Dev has access to the following capabilities:

  1. execute_command: Execute CLI commands on the system.
  2. list_files: List all files and directories at the top level of the specified directory.
  3. read_file: Read the contents of a file at the specified path.
  4. write_to_file: Write content to a file at the specified path.
  5. ask_followup_question: Ask the user a question to gather additional information needed to complete a task.
  6. attempt_completion: Present the result to the user after completing a task, potentially with a CLI command to kickoff a demonstration.

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.

image

Demo

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.

image

2. Powerful tools to accomplish anything

Then he iteratively used the tools built into the extension, such as creating new files, to build an entire website from scratch.

image

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.

image

4. Finished Product

From idea to functional website in seconds. Thanks, Claude Dev!

image

Installation

To install Claude Dev, follow these steps:

  1. Clone the repository:

    git clone https://github.com/saoudrizwan/claude-dev.git
    
  2. Open the project in VSCode:

    code claude-dev
    
  3. Install the necessary dependencies:

    npm run install:all
    
  4. Launch the extension:

    • Press F5 to open a new VSCode window with the extension loaded.

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.