Content
<div align="center">
# 🌟 CloudBase AI-Deploy MCP
**——Speak with AI, complete full-stack applications in 10 minutes!**
[](https://opensource.org/licenses/MIT)
[](https://badge.fury.io/js/%40cloudbase%2Fcloudbase-mcp)
[](https://github.com/TencentCloudBase/cloudbase-ai-deploy-mcp/stargazers)
[](https://github.com/TencentCloudBase/cloudbase-ai-deploy-mcp/network/members)
[](https://github.com/TencentCloudBase/cloudbase-ai-deploy-mcp/issues)
[](https://github.com/TencentCloudBase/cloudbase-ai-deploy-mcp/pulls)
[](https://github.com/TencentCloudBase/cloudbase-ai-deploy-mcp/commits)
[](https://github.com/TencentCloudBase/cloudbase-ai-deploy-mcp/graphs/contributors)
When you write code in AI programming tools like **Cursor/VSCode GitHub Copilot/WinSurf/CodeBuddy**, it can automatically generate deployable front-end and back-end applications + mini-programs, and publish them to Tencent Cloud Development CloudBase with one click.
</div>
## ✨ Core Features
| Feature | Description | Advantages |
|---------|-------------|------------|
| **🤖 AI Native** | Rule library designed specifically for AI programming tools | Generated code adheres to best practices in cloud development |
| **🚀 One-Click Deployment** | MCP automates deployment to Tencent Cloud Development CloudBase platform | Serverless architecture, no need to purchase servers |
| **📱 Full-Stack Application Support** | Integrated Web + Mini-Program + Database + Backend | Supports various application forms like mini-programs/web, providing backend hosting and database |
| **🔧 Intelligent Repair** | AI automatically checks logs and fixes issues | Reduces operational costs |
| **⚡ Lightning Fast Experience** | Domestic CDN acceleration | Faster access speed than overseas platforms |
## 🏗️ Architecture Principles
```mermaid
graph TD
A[Developer] --> B[AI IDE]
B -->|Uses| C[CloudBase AI Rules]
C --> D[Generate Code]
B -->|Calls| E[CloudBase MCP]
E --> F{Check Deployment}
F -->|Success| G[Cloud Development Platform]
F -->|Failure| H[Return Logs]
H --> I[AI Repair]
I --> E
G --> J[Online Application]
J --> K[Web/Mini-Program/API]
```
## 🚀 Quick Start
### 1. Create a Project Using a Template
Choose a suitable project template to get started quickly:
### 2. Configure Your AI IDE
<details>
<summary><strong>🔧 Cursor Configuration</strong></summary>
#### Step 1: Configure MCP
Add MCP configuration in Cursor settings:
```json
{
"mcpServers": {
"cloudbase-mcp": {
"command": "npx",
"args": ["@cloudbase/cloudbase-mcp"],
"env": {
"TENCENTCLOUD_SECRETID": "Your Tencent Cloud SecretId",
"TENCENTCLOUD_SECRETKEY": "Your Tencent Cloud SecretKey",
"CLOUDBASE_ENV_ID": "Your Cloud Development Environment ID"
}
}
}
}
```
#### Step 2: Add AI Rules
The template already includes a `.cursor/rules/` directory, and AI will automatically recognize best practices in cloud development.
</details>
<details>
<summary><strong>🌊 WindSurf Configuration</strong></summary>
#### Step 1: Configure MCP
Add the following in WindSurf settings:
```json
{
"mcpServers": {
"cloudbase-mcp": {
"command": "npx",
"args": ["@cloudbase/cloudbase-mcp"],
"env": {
"TENCENTCLOUD_SECRETID": "Your Tencent Cloud SecretId",
"TENCENTCLOUD_SECRETKEY": "Your Tencent Cloud SecretKey",
"CLOUDBASE_ENV_ID": "Your Cloud Development Environment ID"
}
}
}
}
```
#### Step 2: AI Rules Configuration
The `.windsurf/` directory in the template contains configurations optimized for WindSurf.
</details>
<details>
<summary><strong>🤖 CLINE Configuration</strong></summary>
#### MCP Configuration
```json
{
"mcpServers": {
"cloudbase-mcp": {
"command": "npx",
"args": ["@cloudbase/cloudbase-mcp"],
"env": {
"TENCENTCLOUD_SECRETID": "Your Tencent Cloud SecretId",
"TENCENTCLOUD_SECRETKEY": "Your Tencent Cloud SecretKey",
"CLOUDBASE_ENV_ID": "Your Cloud Development Environment ID"
}
}
}
}
```
Use the `.clinerules/` directory in the template for configuration.
</details>
<details>
<summary><strong>👥 CodeBuddy Configuration</strong></summary>
#### Configuration Instructions
CodeBuddy requires manual addition of rule files:
1. Use the `.common_rules/` directory in the template
2. Use `@` to select the corresponding cloud development rules during the conversation
3. MCP configuration is the same as other tools
</details>
<details>
<summary><strong>🐙 GitHub Copilot Configuration</strong></summary>
#### GitHub Copilot Chat Configuration
The `.github/` directory in the template contains Copilot optimized configurations.
> Note: GitHub Copilot currently does not support MCP, and some automatic deployment features need to be executed manually.
</details>
<details>
<summary><strong>🎯 Trae Configuration</strong></summary>
#### Configuration Steps
```json
{
"mcpServers": {
"cloudbase-mcp": {
"command": "npx",
"args": ["@cloudbase/cloudbase-mcp"],
"env": {
"TENCENTCLOUD_SECRETID": "Your Tencent Cloud SecretId",
"TENCENTCLOUD_SECRETKEY": "Your Tencent Cloud SecretKey",
"CLOUDBASE_ENV_ID": "Your Cloud Development Environment ID"
}
}
}
}
```
Use the `.trae/rules/` directory in the template for configuration.
</details>
### 3. Start Development
Describe your requirements to AI:
```
Create a two-player online Gomoku website that supports online battles.
```
AI will automatically:
- 📝 Generate front-end and back-end code
- 🚀 Deploy to Cloud Development
- 🔗 Return the online access link
## 🎯 Use Cases
### Case 1: Two-Player Online Gomoku
**Development Process:**
1. Input requirement: "Create a two-player online Gomoku website that supports online battles."
2. AI generates: Web application + Cloud database + WebSocket cloud function
3. Automatically deploys and obtains access link
👉 **Experience Address:** [Gomoku Game](https://cloud1-5g39elugeec5ba0f-1300855855.tcloudbaseapp.com/gobang/#/)
<details>
<summary>📸 View Development Screenshots</summary>
| Development Process | Final Effect |
|---------------------|--------------|
| <img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/turbo-deploy/turbo-deploy-001.png" width="400" alt="Development Process Screenshot 1"> | <img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/turbo-deploy/turbo-deploy-004.png" width="400" alt="Gomoku Game Effect"> |
| <img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/turbo-deploy/turbo-deploy-002.png" width="400" alt="Development Process Screenshot 2"> | Supports two-player online battles<br>Real-time game synchronization |
</details>
### Case 2: AI Pet Raising Mini-Program
**Development Process:**
1. Input: "Develop a pet mini-program that enhances interaction using AI."
2. AI generates: Mini-program + Cloud database + AI cloud function
3. Import into WeChat Developer Tools for publishing
<details>
<summary>📸 View Development Screenshots and Mini-Program Preview</summary>
<table>
<tr>
<td width="50%">
<b>🖥️ Development Screenshots</b><br>
<img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/turbo-deploy/turbo-deploy-005.png" width="100%" alt="AI Pet Mini-Program Development Screenshot">
<br>
<img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/turbo-deploy/turbo-deploy-003.png" width="100%" alt="Mini-Program Development Process">
</td>
<td width="50%">
<b>📱 Mini-Program Preview</b><br>
<img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/turbo-deploy/turbo-deploy-006.png" width="200" alt="Mini-Program Interface 1">
<img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/turbo-deploy/turbo-deploy-007.png" width="200" alt="Mini-Program Interface 2">
<br><br>
<b>📲 Experience QR Code</b><br>
<img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/turbo-deploy/turbo-deploy-008.png" width="150" alt="Mini-Program Experience QR Code">
</td>
</tr>
</table>
</details>
### Case 3: Intelligent Problem Diagnosis
When an application encounters issues:
1. AI automatically checks cloud function logs
2. Analyzes error causes and generates repair code
3. Automatically redeploys
<details>
<summary>📸 View Intelligent Diagnosis Process</summary>
<div align="center">
<img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/turbo-deploy/turbo-deploy-009.png" width="600" alt="Intelligent Problem Diagnosis Process">
<br>
<i>AI automatically analyzes logs and generates repair solutions</i>
</div>
</details>
---
### 🎨 More Case Previews
<details>
<summary>Click to see more project cases</summary>
| Project Type | Preview | Features |
|--------------|---------|----------|
| **E-commerce Mini-Program** | 🛒 Product display, shopping cart, payment | Cloud database + cloud functions + payment interface |
| **Content Management System** | 📝 Article publishing, user management | Permission control + rich text editing |
| **Real-time Chat Application** | 💬 Group chat, private chat, emojis | WebSocket + cloud storage |
| **Data Visualization** | 📊 Chart display, real-time updates | Cloud functions + third-party chart libraries |
</details>
## 🌟 Why Choose CloudBase?
- **⚡ Lightning Fast Deployment**: Domestic nodes, access speed is faster than overseas
- **🛡️ Stable and Reliable**: A Serverless platform chosen by 3.3 million developers
- **🔧 Developer Friendly**: A full-stack platform designed for the AI era
- **💰 Cost Optimization**: Serverless architecture supports pay-as-you-go, new users can experience for free during development
## 🤝 Contribution Guidelines
We welcome Issue and Pull Request submissions!
1. Fork this repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📄 Open Source License
[MIT](LICENSE) © TencentCloudBase
---
⭐ If this project has been helpful to you, please give us a Star!
