import IDEIconGrid from './components/IDEIconGrid';
import PromptScenarios from './components/PromptScenarios';
import TutorialsGrid from './components/TutorialsGrid';
import AIDevelopmentPrompt from './components/AIDevelopmentPrompt';


# AI 原生开发

通过 CloudBase MCP 连接你的 AI 开发工具（如 OpenClaw、Cursor、CodeBuddy）与 CloudBase 平台，实现 AI 原生开发新体验。

**AI 原生开发意味着：**

- 用自然语言描述需求，AI 自动完成从代码生成到应用部署的完整流程
- 在 AI 对话中直接操作云服务，创建数据库、部署云函数、配置静态托管，无需手动操作控制台
- 基于错误日志智能修复问题，让开发过程更加流畅

AI 负责代码生成和问题修复，CloudBase 提供运行环境。两者结合，让你专注于业务逻辑，而非基础设施配置。

## 第 1 步：先连接 CloudBase MCP

先选择你正在使用的 AI 开发工具，**点击下方图标进入对应安装文档**，按文档完成 MCP 安装或配置。

> 可点击下方图标完成对应工具的接入

<IDEIconGrid />

## 第 2 步：按需安装 CloudBase AI Skill（可选）

将云开发最佳实践打包成「技能包」，与 MCP 搭配使用：MCP 负责连接与权限，Skills 负责规范与直觉，让 AI 既有权又懂规矩。

```bash
npx skills add tencentcloudbase/cloudbase-skills
```

也可以直接对 AI 说“安装 CloudBase Skills”。

详见 [如何使用 Skill](/ai/cloudbase-ai-toolkit/prompts/how-to-use)。

## 第 3 步：开始 AI 原生开发

完成 MCP 连接后，再选择一个提示词开始。

<AIDevelopmentPrompt />

<PromptScenarios />

## 核心能力

连接后，你的 AI IDE 将获得以下能力：

- **数据库开发**：智能创建数据表、编写 CRUD 代码
- **云函数开发**：智能编写函数代码
- **智能修复**：基于日志报错信息智能修复问题
- **领域知识**：内置 CloudBase、微信小程序等专业知识库

<div align="center">
  <img src="https://qcloudimg.tencent-cloud.cn/trisys/assets/product/images/b2stRRUcgnd92FdD_5NMQ.gif" alt="CloudBase AI Toolkit 使用演示" style={{maxWidth: 'min(800px, 100%)'}} />
</div>

## 视频教程

想通过视频学习如何使用 CloudBase AI ToolKit？查看我们的视频教程和实战案例：

<TutorialsGrid />

## 工作原理

```mermaid
graph TD
    A[开发者] --> B[AI IDE]
    B -->|使用| C[CloudBase AI 规则]
    C --> D[生成代码]
    B -->|调用| E[CloudBase MCP]
    E --> F{检测部署}
    F -->|成功| G[云开发平台]
    F -->|失败| H[返回日志]
    H --> I[AI 修复]
    I --> E
    G --> J[线上应用]
    J --> K[Web/小程序/API]
```

## 开源地址



[![GitHub Stars](https://img.shields.io/github/stars/TencentCloudBase/CloudBase-AI-ToolKit?color=F59E0B&label=stars&logo=github&style=flat-square)](https://github.com/TencentCloudBase/CloudBase-AI-ToolKit/stargazers)
[![CNB](https://img.shields.io/badge/CNB-CloudBase--AI--ToolKit-3B82F6?logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjM0I4MkY2Ii8+PHBhdGggZD0iTTUgM0g3VjVINSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBkPSJNNSA3SDdWOUg1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==&style=flat-square)](https://cnb.cool/tencent/cloud/cloudbase/CloudBase-AI-ToolKit)

**Git 仓库：**

- **GitHub**: [https://github.com/TencentCloudBase/CloudBase-AI-ToolKit](https://github.com/TencentCloudBase/CloudBase-AI-ToolKit)
- **CNB**: [https://cnb.cool/tencent/cloud/cloudbase/CloudBase-AI-ToolKit](https://cnb.cool/tencent/cloud/cloudbase/CloudBase-AI-ToolKit)


## 技术交流

### CloudBase AI Coding 交流群

<div align="center">
<img src="https://7463-tcb-advanced-a656fc-1257967285.tcb.qcloud.la/mcp/toolkit-qrcode.png" width="200" alt="微信群二维码"/>
<br/>
<i>扫码加入CloudBase AI Coding 交流微信群</i>
</div>
