【Code With SOLO】用 SOLO 搭建 AI 驱动全链路自动营销平台（接入真实LLM + 网页端 + 小程序）
### 一、摘要
我是一名办公家具品牌的运营，需要同时管理抖音、小红书等多个平台的内容发布。用 TRAE SOLO 从零搭建了一个 AI 驱动的自动营销平台，接入通义千问真实 LLM，支持自动生成抖音短视频脚本、小红书种草笔记，配合定时任务调度和 Skill 引擎，实现内容生成到发布的全链路自动化。项目包含 React 网页端管理后台 + Taro 微信小程序端，暗色科技风 UI，130+ 源码文件。
### 二、背景
我负责办公家具品牌的线上营销，每周需要在抖音、小红书等平台发布大量内容。核心痛点：
- 手动写文案耗时，一篇小红书笔记要 1-2 小时
- 多平台内容风格不同，改写适配费时
- 发布时间需要卡点，手动操作容易忘
- 没有统一的管理工具，内容散落在各处
希望用 AI + 自动化工具，把内容生产和发布流程提效 10 倍以上。
### 三、实践过程
**第一步：需求拆解**
Prompt：「帮我生成一个自动营销的网站与小程序」
SOLO 自动将需求拆解为 3 个子项目并行开发：
- 后端服务（Node.js + Express + MongoDB + Redis）
- 网页端（React + Vite + TypeScript）
- 小程序端（Taro + React + TypeScript）
**第二步：后端搭建**
Prompt：「安装依赖并修复网页端前端」
关键实现：
- LLM 多模型服务：实现 LLMProvider 基类，三个子类分别对接 OpenAI、通义千问、文心一言，通过环境变量一键切换
- 定时任务调度：基于 node-cron + Bull + Redis，支持创建、暂停、恢复、删除任务
- AI 内容生成：根据商品信息和平台特点自动生成抖音脚本、小红书笔记、营销文案
- Skill 执行引擎：5 个内置 Skill，支持 pipeline 链式调用和 parallel 并行执行
**第三步：网页端开发**
React + Vite + TypeScript，暗色科技风 UI：
- 主背景色 #0a0e17（深蓝黑），主色调 #3b82f6（科技蓝）
- 毛玻璃效果侧边栏、发光按钮、渐变卡片
- 7 个完整页面：仪表盘、内容管理、任务调度、平台管理、商品管理、Skill 市场、AI 中心
- Recharts 数据可视化
**第四步：小程序开发**
Taro + React 微信小程序：
- 5 个 TabBar 页面：首页、内容、任务、AI、我的
- 暗色科技风 UI 与网页端一致
**第五步：接入真实 LLM**
Prompt：「在前端实现通义千问 API 直连功能」
- 前端直接调用通义千问 API（兼容 OpenAI 格式）
- 支持流式输出和非流式输出
- API Key 配置面板，支持切换 qwen-turbo/plus/max 模型
- 保留模拟回复作为 fallback
**第六步：调试与优化**
Prompt：「给前端添加模拟数据，让所有页面无需后端也能展示」
- 修复 Mongoose 9.x 兼容性（pre 中间件不再支持 next()）
- 修复 Taro H5 构建配置
- 所有页面添加演示模式模拟数据
- AI 回复支持 Markdown 渲染（换行+加粗）
**踩过的坑：**
1. Mongoose 9.x 不再支持 pre 中间件的 next() 回调，需改为 async/await
2. Taro H5 构建需要额外安装 @tarojs/plugin-platform-h5
3. Vite 构建的静态文件默认用绝对路径，双击打开会白屏，需设置 base: ‘./’
4. CSS 中 white-space 默认不保留换行符，AI 回复的 \n 不会渲染
### 四、成果展示
**项目结构（130+ 源码文件）**：
```
auto-marketing-platform/
├── server/ # 后端（27 个源文件）
│ └── src/services/ # LLM多模型、任务调度、内容生成、Skill引擎、平台发布
├── web/ # 网页端（45+ 源文件）
│ └── src/ # 20+组件、8个页面、4个状态管理
└── miniapp/ # 小程序（35+ 源文件）
└── src/ # 6个页面、6个组件
```
**技术栈**：
| 模块 | 技术 |
|------|------|
| 后端 | Node.js + Express 5 + MongoDB + Redis + Socket.io |
| LLM | 通义千问（真实接入）+ OpenAI + 文心一言 |
| 任务调度 | node-cron + Bull |
| 网页端 | React 18 + TypeScript + Vite + Zustand + Recharts |
| 小程序 | Taro 4 + React + TypeScript + SCSS |
**核心功能截图**：（此处插入截图）
- 仪表盘：统计卡片 + 数据图表 + 任务时间线
- AI 中心：真实 LLM 对话（接入通义千问）
- 内容生成：AI 自动生成抖音脚本/小红书笔记
- 任务调度：Cron 定时任务管理
- 平台管理：多平台账号绑定
- 商品管理：商品信息录入
### 五、效果与总结
**提效效果**：
| 项目 | 原本耗时 | 现在耗时 | 提效倍数 |
|------|---------|---------|---------|
| 小红书笔记 | 1-2 小时 | 10 秒 | 360x |
| 多平台改写 | 30 分钟 | 1 分钟 | 30x |
| 定时发布 | 人工操作 | 全自动 | ∞ |
**SOLO 在流程中的角色**：
- 从需求沟通到代码实现，全程由 SOLO 完成
- 130+ 源码文件，涵盖后端、前端、小程序三端
- 自动修复兼容性问题和构建错误
- 接入真实 LLM（通义千问），AI 对话和内容生成完全可用
**可复用的设计模式**：
1. LLM 多模型可插拔架构（基类+子类，配置切换）
2. Skill 引擎 pipeline 模式（链式调用，前一个输出作为后一个输入）
3. 前端演示模式（模拟数据 + 真实 API 无缝切换）
**总结**：用 TRAE SOLO 从零搭建了一个完整的 AI 自动营销平台，接入真实 LLM 实现了 AI 对话和内容生成。整个过程不需要手动写一行代码，SOLO 完成了架构设计、代码实现、调试优化、LLM 接入的全流程。
