claude-coder

<p align="center">
  <a href="https://marketplace.visualstudio.com/items?itemName=kodu-ai.claude-dev-experimental" target="_blank"><strong>Download Extension</strong></a> | <a href="https://discord.gg/Fn97SD34qk" target="_blank"><strong>Join the Discord</strong></a>
</p>

# 👋 Hey there !

<img src="./extension/assets/kodu.png" width="100" align="right" alt="Claude Coder Logo" />

Welcome to Claude Coder. Whether you're a developer looking to supercharge your workflow, or someone with a brilliant idea but limited coding experience, you're in the right place. I created this tool to bridge the gap between imagination and implementation, making coding more accessible and efficient for everyone.

## 🚀 What's Claude Coder?

Think of Claude Coder as your 24/7 AI-powered Software Developer. It's a VS Code extension that adapts to your skill level, helping you bring ideas to life faster than ever before.
All you need to is tell Claude what's your task and Claude will take care of it for you, need a website? dashboard? server? design? Claude got it all covered for you.

### 🌟 Here's what Claude Coder can do for you:

- 💡 **Idea to Implementation**: Transform concepts into code, whether you're starting from scratch or building complex systems
- 🎨 **Design to Reality**: Convert mockups and wireframes into functional applications
- 🐞 **Intuitive Debugging**: Identify and fix issues quickly, saving you hours of troubleshooting
- 🚗 **Accelerate Development**: Automate repetitive tasks and generate boilerplate code
- 📚 **Learn and Grow**: Improve your coding skills with explanations and best practices
- 🔍 **Search The Web**: Take inspiration from existing content, or ask claude to do it's own research to adapt his knowledge for your needings.
- 🔍 **Deploy and Publish**: Claude can help you publish your project online, using existings tools without you breaking your head how to get your awesome project online.

## 🎬 See it in action

Here's a demo of Claude Coder helping Joy create her landing page for her business in Tokyo under 5 minutes:
[Joy Coffee Shop Preview](https://joy-coffee-shop.vercel.app)




<p align="center">
<video alt="video" src="https://github.com/user-attachments/assets/4f00201e-12d1-4a91-aeb0-614726dab8b3" width="500" />
</p>

<p align="center">
<img src="https://res.cloudinary.com/ddqtnp0ic/image/upload/v1727892212/50888505-4eb097dc4d688fd44252eafcae7c152e_mebjvs.webp" alt="Joy Website Preview">
</p>

## 🛠 Getting Started

1. **Install VS Code**: If you haven't already, [download it here](https://code.visualstudio.com/).
2. **Add Claude Coder**:
   - Open VS Code
   - Click the puzzle piece icon on the left sidebar
   - Search for ["Claude Coder"](https://www.kodu.ai/l/ext)
   - Click "Install"
3. **Start Coding**:
   - Open a project or create a new file
   - Describe what you want to build or get help with
   - Let Claude Coder assist you in bringing your ideas to life!

## 💖 Why I Made This

As someone who's been in tech for years, I've seen the challenges faced by both newcomers and experienced developers. I wanted to create a tool that could level the playing field, making development more accessible to beginners while also boosting the productivity of seasoned coders. Claude Coder is my way of empowering everyone to build amazing things, regardless of their coding background.

## 🤝 Join Our Community

Whether you're stuck on a problem, have a cool idea to share, or just want to connect with fellow creators, join our [Discord](https://discord.gg/Fn97SD34qk)! It's a vibrant community of developers and innovators at all skill levels.

## 🙏 Special Thanks

A big shoutout to the amazing projects and people that inspired Claude Coder:

- **Aider**: For innovative ideas on enhancing user experience
- **Claude Dev**: Especially Saoud, for laying an incredible foundation

## 🚀 Ready to Elevate Your Coding?

[Get Claude Coder Now](https://www.kodu.ai/l/ext) and start transforming your ideas into reality!

Whether you're crafting your first "Hello, World!" or architecting complex systems, Claude Coder is here to help you push the boundaries of what's possible. Can't wait to see what you create! 🌟

---

<details>
<summary>🔧 For the tech-savvy: How to Contribute</summary>

If you're a developer and want to help make Claude Coder even better, here's how:

1. Clone the repo: `git clone https://github.com/kodu-ai/claude-coder.git`
2. Open in VS Code: `code claude-coder`
3. Navigate to extension folder: `cd extension`
4. Install dependencies: `npm run install:all`
5. Run with `F5`

Pro tips:

- Webview hot-reloads, but might need an occasional extension host reload
- Extension host changes need a full reload (Cmd/Ctrl + R)

Make your changes, create a pull request, and let's make magic together!

</details>