AI 制作小程序
全栈部署手册

🔥 为什么 AI + 小程序 = 2026 最佳组合

☁️ CloudBase AI 生态 — 三大核心工具

⚔️ AI 小程序工具矩阵对比

🔀 跨平台小程序框架 — 一次开发六端运行

🔄 Agent 可执行的完整工作流

🤖 Agent 可直接执行的 Python 脚本

#!/usr/bin/env python3
# miniapp_ai_scaffold.py — AI Agent 一键脚手架
# 用法: python3 miniapp_ai_scaffold.py --name 我的小程序 --platform wechat

import os, subprocess, json, argparse

def scaffold_taro(name, platforms):
    """用 Taro 4.x 创建跨平台小程序项目"""
    subprocess.run([
        "npx", "@tarojs/cli@latest", "init", name,
        "--template", "default",
        "--framework", "react",   # 或 vue3
        "--css", "sass",
        "--typescript"
    ], check=True)

def install_mcp():
    """安装 weapp-agent-mcp（让 Agent 操作微信开发者工具）"""
    subprocess.run([
        "npx", "-y",
        "@chaixueyuan/weapp-agent-mcp@latest"
    ], check=True)

def deploy_cloudbase(env_id):
    """通过 CloudBase CLI 部署云函数 + 数据库"""
    subprocess.run([
        "npx", "-y", "@cloudbase/cli@latest",
        "framework", "deploy",
        "--envId", env_id
    ], check=True)

def build_all(name):
    """编译到所有平台"""
    targets = ["weapp", "alipay", "tt", "swan", "jd", "qq"]
    for t in targets:
        os.chdir(name)
        subprocess.run(["npx", "taro", "build", "--type", t], check=True)
    print(f"✅ {len(targets)} 个平台编译完成")

if __name__ == "__main__":
    parser = argparse.ArgumentParser()
    parser.add_argument("--name", default="my-miniapp")
    parser.add_argument("--platforms", nargs="+", default=["wechat"])
    args = parser.parse_args()
    scaffold_taro(args.name, args.platforms)
    install_mcp()
    print(f"✅ {args.name} 脚手架已完成，Agent 可开始编码")

🔌 MCP 配置 — Agent 直连微信开发环境

{
  "mcpServers": {
    "weapp": {
      "command": "npx",
      "args": [
        "-y",
        "@chaixueyuan/weapp-agent-mcp"
      ]
    },
    "cloudbase": {
      "command": "npx",
      "args": [
        "@cloudbase/cloudbase-mcp"
      ]
    }
  }
}

📤 多平台部署发布矩阵

● 绿色 = Agent 可通过 MCP 完全自动化 | ● 黄色 = 编译自动化但发布需人工

📦 实操案例：10分钟 AI 做一个待办小程序

🔮 2025-2026 AI 小程序趋势

🚀 Agent 一句话启动完整项目

# === 方式1：Taro + CloudBase（推荐，多端复用）===
npx @tarojs/cli@latest init my-app --template default --framework react --typescript
cd my-app
npx @cloudbase/cli framework deploy --envId your-env-id

# === 方式2：CloudBase AI CLI（腾讯官方，一站式）===
npm install -g @cloudbase/ai-cli
cloudbase ai init my-miniapp
cloudbase ai deploy

# === 方式3：wechat-miniapp-factory（Claude Skill，零配置）===
# 在 Claude Code 中直接输入：
/skill wechat-miniapp-factory 帮我创建一个待办事项小程序

# === 方式4：MCP 配置（Agent 全自动）===
# 在项目根目录创建 .cursor/mcp.json：
{
  "mcpServers": {
    "weapp": { "command": "npx", "args": ["@chaixueyuan/weapp-agent-mcp"] },
    "cloudbase": { "command": "npx", "args": ["@cloudbase/cloudbase-mcp"] }
  }
}
# 然后对 Claude Code/Cursor 说："帮我做一个完整的电商小程序"