MakeHub AI Development Assistant

AI-powered autonomous coding agent enhanced with MakeHub.ai's intelligent model routing and cost optimization

MakeHub AI Development Assistant is an AI-powered autonomous coding agent based on Cline and enhanced with MakeHub's intelligent model routing technology. It can:

• Communicate in natural language
• Read and write files directly in your workspace
• Run terminal commands with your permission
• Automate browser actions for web development
• Integrate with multiple AI providers through MakeHub's intelligent routing
• Automatically select the best model for each task based on performance and cost
• Use the Model Context Protocol (MCP) to extend capabilities

Whether you're building prototypes or production applications, MakeHub AI Development Assistant helps you code faster while optimizing your AI costs through intelligent model selection.

🎉 About MakeHub.ai

MakeHub.ai provides intelligent AI model routing that automatically selects the best model for each development task. This VS Code extension brings that power directly to your development environment, combining the capabilities of Cline with MakeHub's cost and performance optimization technology.

Key Benefits:

• Smart Model Selection - Automatically choose the best model for each specific task
• Cost Optimization - Balance performance with cost efficiency
• Multi-Provider Support - Access models from OpenAI, Anthropic, Google, and more
• Real-time Analytics - Monitor usage, costs, and performance

What Can MakeHub AI Development Assistant Do?

• 🚀 Generate Code from natural language descriptions
• 🔧 Refactor & Debug existing code with error monitoring
• 📝 Write & Update documentation and comments
• 🤔 Answer Questions about your codebase with context awareness
• 🔄 Automate repetitive development tasks
• 🏗️ Create new files, folders, and project structures
• 🌐 Test Web Apps using integrated browser automation
• 💰 Optimize AI Costs through intelligent model routing

Quick Start

1. Install MakeHub AI Development Assistant
2. Get your MakeHub API key or use your existing AI provider keys
3. Start coding with AI assistance optimized for each task

Key Features

Intelligent Model Routing

MakeHub AI Development Assistant integrates with MakeHub.ai's intelligent routing to:

• Task-Specific Models: Automatically select the best model for coding, debugging, documentation, etc.
• Cost Efficiency: Balance model performance with your budget preferences
• Provider Diversity: Access multiple AI providers through a unified interface
• Fallback Protection: Automatic failover when models are unavailable

Autonomous Development Capabilities

The assistant can handle complex development workflows:

• File Operations: Create, read, edit, and organize files in your workspace
• Terminal Integration: Execute commands and monitor output in real-time
• Browser Automation: Test web applications, capture screenshots, and debug issues
• Error Handling: Automatically detect and fix compilation errors and linting issues
• Project Understanding: Analyze large codebases using AST parsing and intelligent search

Human-in-the-Loop Safety

Every action requires your approval:

• Permission System: Review and approve all file changes and command executions
• Change Preview: See exactly what will be modified before approving
• Rollback Capability: Undo changes if needed
• Safe Environment: No autonomous actions without explicit user consent

Advanced Integrations

Extend functionality through:

• MCP Integration: Use Model Context Protocol for custom tools and external services
• Multi-Provider Support: Connect to OpenAI, Anthropic, Google, OpenRouter, and more
• Custom Instructions: Personalize the assistant's behavior for your workflow
• Project Context: Maintain awareness of your entire codebase and development environment

Resources

MakeHub.ai Platform

• Website: https://makehub.ai
• API Dashboard: Monitor usage, costs, and model performance
• Model Catalog: Browse available AI models and their capabilities

Community & Support

• Discord: Join our Discord server for real-time help and discussions
• GitHub: Report issues or request features
• Documentation: Comprehensive guides and tutorials

Development & Contributing

Local Setup

1. Clone the repository:

git clone https://github.com/makehub/makehub-cline.git

2. Install dependencies:

npm install
cd webview-ui && npm install

3. Run the extension:

Press F5 (or Run → Start Debugging) in VSCode to open a new window with the extension running.

Changes to the webview will appear immediately. Changes to the core extension will require restarting the extension host.

Building for Distribution

Build a .vsix package for manual installation:

npm run package

The .vsix file can be installed with:

code --install-extension makehub-<version>.vsix

Disclaimer

Please note that MakeHub.ai does not make any representations or warranties regarding any code, models, or other tools provided or made available in connection with MakeHub AI Development Assistant, any associated third-party tools, or any resulting outputs. You assume all risks associated with the use of any such tools or outputs; such tools are provided on an "AS IS" and "AS AVAILABLE" basis. Such risks may include, without limitation, intellectual property infringement, cyber vulnerabilities or attacks, bias, inaccuracies, errors, defects, viruses, downtime, property loss or damage, and/or personal injury. You are solely responsible for your use of any such tools or outputs (including, without limitation, the legality, appropriateness, and results thereof).

Contributing

We welcome community contributions! This project is based on Cline and enhanced with MakeHub's technology. Please read our contributing guidelines before submitting pull requests.

Acknowledgments

This project is based on Cline and enhanced with MakeHub.ai's intelligent model routing technology. We thank the original Cline team and contributors for their excellent work in creating this powerful AI development assistant.

License

Apache 2.0 © 2025 MakeHub.ai

Enjoy MakeHub AI Development Assistant! Experience the power of AI-assisted development with intelligent model selection and cost optimization. Whether you're building prototypes or production applications, MakeHub helps you code smarter and spend less. Visit MakeHub.ai to learn more about our intelligent AI model routing platform.

[!TIP] Use the CMD/CTRL + Shift + P shortcut to open the command palette and type "MakeHub: Open In New Tab" to open the extension as a tab in your editor. This lets you use MakeHub side-by-side with your file explorer, and see how it changes your workspace more clearly.

Use any API and Model

Cline supports API providers like OpenRouter, Anthropic, OpenAI, Google Gemini, AWS Bedrock, Azure, GCP Vertex, and Cerebras. You can also configure any OpenAI compatible API, or use a local model through LM Studio/Ollama. If you're using OpenRouter, the extension fetches their latest model list, allowing you to use the newest models as soon as they're available.

The extension also keeps track of total tokens and API usage cost for the entire task loop and individual requests, keeping you informed of spend every step of the way.

Run Commands in Terminal

Thanks to the new shell integration updates in VSCode v1.93, Cline can execute commands directly in your terminal and receive the output. This allows him to perform a wide range of tasks, from installing packages and running build scripts to deploying applications, managing databases, and executing tests, all while adapting to your dev environment & toolchain to get the job done right.

For long running processes like dev servers, use the "Proceed While Running" button to let Cline continue in the task while the command runs in the background. As Cline works he’ll be notified of any new terminal output along the way, letting him react to issues that may come up, such as compile-time errors when editing files.

Create and Edit Files

Cline can create and edit files directly in your editor, presenting you a diff view of the changes. You can edit or revert Cline's changes directly in the diff view editor, or provide feedback in chat until you're satisfied with the result. Cline also monitors linter/compiler errors (missing imports, syntax errors, etc.) so he can fix issues that come up along the way on his own.

All changes made by Cline are recorded in your file's Timeline, providing an easy way to track and revert modifications if needed.

Use the Browser

With Claude 3.5 Sonnet's new Computer Use capability, Cline can launch a browser, click elements, type text, and scroll, capturing screenshots and console logs at each step. This allows for interactive debugging, end-to-end testing, and even general web use! This gives him autonomy to fixing visual bugs and runtime issues without you needing to handhold and copy-pasting error logs yourself.

Try asking Cline to "test the app", and watch as he runs a command like npm run dev, launches your locally running dev server in a browser, and performs a series of tests to confirm that everything works. See a demo here.

"add a tool that..."

Thanks to the Model Context Protocol, Cline can extend his capabilities through custom tools. While you can use community-made servers, Cline can instead create and install tools tailored to your specific workflow. Just ask Cline to "add a tool" and he will handle everything, from creating a new MCP server to installing it into the extension. These custom tools then become part of Cline's toolkit, ready to use in future tasks.

• "add a tool that fetches Jira tickets": Retrieve ticket ACs and put Cline to work
• "add a tool that manages AWS EC2s": Check server metrics and scale instances up or down
• "add a tool that pulls the latest PagerDuty incidents": Fetch details and ask Cline to fix bugs

Add Context

@url: Paste in a URL for the extension to fetch and convert to markdown, useful when you want to give Cline the latest docs

@problems: Add workspace errors and warnings ('Problems' panel) for Cline to fix

@file: Adds a file's contents so you don't have to waste API requests approving read file (+ type to search files)

@folder: Adds folder's files all at once to speed up your workflow even more

Checkpoints: Compare and Restore

As Cline works through a task, the extension takes a snapshot of your workspace at each step. You can use the 'Compare' button to see a diff between the snapshot and your current workspace, and the 'Restore' button to roll back to that point.

For example, when working with a local web server, you can use 'Restore Workspace Only' to quickly test different versions of your app, then use 'Restore Task and Workspace' when you find the version you want to continue building from. This lets you safely explore different approaches without losing progress.

Contributing

To contribute to the project, start with our Contributing Guide to learn the basics. You can also join our Discord to chat with other contributors in the #contributors channel. If you're looking for full-time work, check out our open positions on our careers page!

License

Apache 2.0 © 2025 Cline Bot Inc.