Coding & Development🌐universal
Multi-Agent AI Platform - 视界拾贝
集成数据分析、流程图生成、浏览器自动化、视频内容总结、服务器监控、智能图表六大智能体,支持自然语言交互和智能路由。
Quick Start
Install this Skill
npx skills add lxhmx/Multi-Agent-AI-Platform# Multi-Agent AI Platform - 视界拾贝
<p align="center">
<b>🌟 基于 FastAPI + Vue3 + LangChain 的多智能体 AI 平台</b>
</p>
<p align="center">
<a href="https://github.com/your-repo/stars"><img src="https://img.shields.io/github/stars/your-repo?style=social" alt="GitHub stars"></a>
<a href="http://www.lxhmx.top"><img src="https://img.shields.io/badge/Demo-在线演示-blue" alt="Demo"></a>
<a href="#license"><img src="https://img.shields.io/badge/License-MIT-green" alt="License"></a>
</p>
集成数据分析、流程图生成、浏览器自动化、视频内容总结、服务器监控、智能图表六大智能体,支持自然语言交互和智能路由。
🔗 **在线演示**: [www.lxhmx.top](http://www.lxhmx.top)
---
## ✨ 核心特性
- **🤖 多智能体架构**:统一的 BaseAgent 框架,支持自动路由和指定调用,新增智能体只需继承基类
- **🌊 SSE 流式响应**:支持 answer/image/chart/image_meta 等多种事件类型,前端实时渲染
- **💬 会话记忆管理**:AgentMemory 支持多轮对话上下文保持,可配置最大轮数
- **🔐 JWT 完整鉴权**:用户注册、登录、Token 刷新,保障 API 安全访问
- **📝 智能路由**:基于关键词匹配和置信度评分,自动分发问题到最合适的智能体
---
## 🤖 智能体介绍
### 1. 数据分析智能体 (Data Analyst)
- 自然语言转 SQL 查询(Text2SQL)
- 基于 Vanna + ChromaDB 的 RAG 能力
- 数据库数据分析与统计
- 设备实时数据查询
### 2. 流程图智能体 (Flowchart)
- 自然语言描述生成流程图
- LLM 生成 mxGraphModel XML 格式
- 集成 draw-image-export 服务渲染图片
- 支持下载 PNG 图片和 .drawio 源文件
### 3. 浏览器自动化智能体 (Browser)
- 基于 Browser-Use + Playwright 的浏览器自动化
- 支持网页导航、数据采集、表单操作
- 预定义技能脚本模式(Skills)
- 通用自然语言指令模式
### 4. 视频总结智能体 (Video Summary) - 视界拾贝
- 自动识别抖音、B站、小红书、视频号链接
- Playwright 获取视频真实地址并下载
- 调用多模态模型分析视频内容
- 生成结构化的内容摘要
#### 📸 功能展示
**步骤一:输入视频地址**

**步骤二:AI 分析并生成内容总结**

### 5. 服务器监控智能体 (Server Monitor)
- SSH 连接远程服务器
- 监控 CPU、内存、磁盘使用情况
- 检查系统负载和进程状态
- 告警检测和通知
### 6. 智能图表智能体 (Chart Agent)
- 理解用户数据查询需求
- 自动生成 SQL 并执行查询
- 智能选择合适的图表类型
- 返回 ECharts 可视化配置
---
## 🏗️ 系统架构
```
┌─────────────────────────────────────────────────────────────┐
│ Frontend (Vue3) │
│ Element Plus + ECharts + TypeScript │
└─────────────────────────────┬───────────────────────────────┘
│ SSE Stream
┌─────────────────────────────▼───────────────────────────────┐
│ API Layer (FastAPI) │
│ agent_router.py │ auth_api.py │ session_api.py │
└─────────────────────────────┬───────────────────────────────┘
│
┌─────────────────────────────▼───────────────────────────────┐
│ AgentRegistry (路由层) │
│ 关键词匹配 + 置信度评分 → 智能体分发 │
└─────────────────────────────┬───────────────────────────────┘
│
┌─────────────────────────────▼───────────────────────────────┐
│ Agents (智能体层) │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────────────┐ │
│ │DataAnalyst│ │Flowchart │ │ Browser │ │ VideoSummary │ │
│ └──────────┘ └──────────┘ └──────────┘ └──────────────────┘ │
│ ┌──────────┐ ┌──────────┐ │
│ │ Chart │ │ServerMon │ ← 继承 BaseAgent │
│ └──────────┘ └──────────┘ │
└─────────────────────────────┬───────────────────────────────┘
│
┌─────────────────────────────▼───────────────────────────────┐
│ Core Layer (核心层) │
│ LLM (Qwen/DeepSeek) │ Memory │ Tools (LangChain) │
└─────────────────────────────┬───────────────────────────────┘
│
┌─────────────────────────────▼───────────────────────────────┐
│ Storage Layer (存储层) │
│ MySQL │ ChromaDB (向量) │ Redis (会话) │
└─────────────────────────────────────────────────────────────┘
```
---
## 🛠️ 技术栈
| 层级 | 技术 |
|------|------|
| 后端框架 | FastAPI, LangChain, Vanna |
| 数据库 | MySQL, ChromaDB (向量存储) |
| LLM | Qwen3 / DeepSeek (兼容 OpenAI API) |
| 浏览器自动化 | Browser-Use, Playwright |
| 流程图渲染 | draw-image-export2 |
| 前端框架 | Vue 3 + TypeScript + Vite |
| UI 组件 | Element Plus, ECharts |
| 认证 | JWT (python-jose) |
---
## 📂 项目结构
```
├── agents/ # 智能体模块
│ ├── base.py # 智能体基类 (BaseAgent)
│ ├── data_analyst_agent/ # 数据分析智能体
│ ├── flowchart_agent/ # 流程图智能体
│ ├── browser_agent/ # 浏览器自动化智能体
│ ├── video_summary_agent/ # 视频总结智能体
│ ├── server_monitor_agent/ # 服务器监控智能体
│ ├── chart_agent/ # 智能图表智能体
│ └── __init__.py # AgentRegistry 注册表
├── api/ # API 路由
│ ├── agent_router.py # 智能体统一路由 (SSE)
│ ├── auth_api.py # 认证接口
│ ├── session_api.py # 会话管理
│ └── ...
├── common/ # 公共模块
│ ├── langchain_llm.py # LLM 封装
│ └── security.py # JWT 认证
├── core/ # 核心组件
│ ├── llm.py # LLM 实例管理
│ └── memory.py # AgentMemory 会话记忆
├── font-vue/ # 前端源码
├── app.py # 启动入口
├── config.py # 配置文件
... (truncated)Related Skills
More coding & development skills you might like
Reticle
Coding & DevelopmentAI agents can generate code, but still struggle to understand what they build. Reticle brings Jev-style machine-native runtime perception to web & desktop applications.
🤖claude🌐universal
1.2k
190
View
agentscope-java
Coding & DevelopmentExpert Java developer skill for AgentScope Java framework - a reactive, message-driven multi-agent system built on Project Reactor. Use when working with reactive programming, LLM integration, agent orchestration, multi-agent systems, or when the user mentions AgentScope, ReActAgent, Mono/Flux, Project Reactor, or Java agent development. Specializes in non-blocking code, tool integration, hooks, pipelines, and production-ready agent applications.
🌐universal
6.0k
1.5k
View
ospec
Coding & DevelopmentDocument-driven OSpec workflow for initialization, change/goal routing, validation, archiving, and durable project knowledge.
✨gemini🤖claude💬gpt🌐universal
524
34
View
misakanet-failure-memory
Coding & Development📚 A zero-dependency, git-backed micro-lesson library for AI Agents to asynchronously share and search verified debugging experience. Python stdlib only. | https://misakanet.org
🤖claude⌨️cursor🌐universal
424
158
View