MCP-X Agent Development Platform

MCP-X 是一个企业级 AI 智能体开发平台，集成了 AI 对话、视频生成、图像编辑、前端应用构建等多种创作工具，为企业和开发者提供一站式的 AI 工作流解决方案。

📸 功能截图

统一入口

内容精选

图片创作中心

视频创作中心

🏢 企业级平台特色

🔐 安全可靠

Token 认证体系：完善的用户认证和权限管理
多租户支持：支持企业级多租户架构
数据隔离：用户数据安全隔离，保护企业隐私

⚡ 高性能架构

流式响应：SSE 实时流式输出，毫秒级响应体验
本地缓存：IndexedDB 本地存储，减少服务器压力
异步处理：长任务异步执行，不阻塞用户操作

🔌 开放集成

MCP 协议支持：完整支持 Model Context Protocol，可扩展任意工具
多模型接入：统一接口对接 GPT、Gemini、DeepSeek、Kimi 等主流模型
API 标准化：RESTful API 设计，便于二次开发和系统集成

📊 企业级功能

知识库管理：企业私有知识库，支持文档上传和智能检索
工作流编排：可视化 Agent 工作流，支持人工介入审批
用量计费：完善的套餐和计费系统，支持企业采购

🌐 国际化支持

多语言界面：中英文双语支持
本地化部署：支持私有化部署，满足数据合规要求

🌟 核心特色功能

1. MCP-X Video Studio（AI 视频工作室）

支持国内主流大模型：千问、即梦、可灵、海螺等，国外主流大模型：Veo3，Runway等。完整的 AI 驱动视频制作工作流系统，支持从剧本到成片的全流程：

剧本解析：AI 自动分析剧本，提取角色、场景、故事段落
分镜生成：智能生成专业分镜列表，包含镜头运动、景别、关键帧
角色定妆照：AI 生成角色视觉形象
场景概念图：自动生成场景视觉设计
视频生成：支持文生视频、图生视频、首尾帧插值三种模式
视频一键导出：浏览器端一键导出视频片段
资源库管理：本地 IndexedDB 存储，支持角色/场景/视频资源复用

2. AI 对话系统

支持国内主流大模型：Deepseek、千问、KIMI等，国外主流大模型：OpenAI等。

多模型支持：集成 GPT、Gemini、DeepSeek、Kimi 等多种大语言模型
流式响应：SSE 实时流式输出
MCP 工具集成：支持 Model Context Protocol 工具调用
网络搜索：集成网络搜索功能，展示搜索结果
人工介入：Agent 工作流支持人工确认和干预
文件上传：支持带文件的对话

3. 前端应用构建（App Builder）

类似 Bolt/Loveable 的 AI 前端构建体验：

对话式开发：通过自然语言描述需求，AI 实时生成代码
多框架支持：HTML、React、Vue、静态网站
实时预览：生成代码即时预览
可视化编辑：点击页面元素精确修改
一键部署：支持云端部署
代码下载：完整代码包下载

4. AI 图像编辑器

支持国内主流大模型：千问、Seed等，国外主流大模型：Nano Banana。

文生图：根据文字描述生成图像
图生图：基于参考图像生成新图像
局部编辑：蒙版支持局部区域编辑
多模型选择：支持多种图像生成模型

5. MCP 服务市场

服务发现：浏览和搜索 MCP 服务
分类管理：按功能分类的服务目录
一键配置：快速配置和启用 MCP 服务
工具探测：自动探测服务提供的工具列表

💎 平台亮点

| 特性 | 说明 | |------|------| | 🎬 全流程视频制作 | 从剧本到成片，AI 全程辅助，支持宣传片、短视频、剧情片多种类型 | | 🔧 MCP市场 | MCP工具收集汇总，已接入上千种MCP工具，扩展 AI 能力边界 | | 🔧 Agent市场 | Agent智能体收集汇总，已接入500多个常用智能体，垂直智能体对话使用 | | 💻 AI 代码生成 | 对话式前端开发，实时预览，支持 React/Vue/HTML 多框架 | | 🖼️ 专业图像处理 | 文生图、图生图、局部编辑，多模型可选，满足各类创意需求 | | 📚 企业知识库 | 私有知识库管理，文档智能解析，支持 RAG 增强检索 | | 💰 会员计费系统 | 按量计费 + 套餐订阅，支持会员计费，微信充值等 | | 🌍 多语言支持 | 中英文双语界面，AI 输出支持多语言 |

📋 全部功能列表

用户系统

用户注册/登录（邮箱验证码）
GitHub OAuth 登录
Token 认证管理
用户设置

AI 对话

多模型对话
会话管理（创建/删除/历史记录）
流式响应
文件上传对话
网络搜索结果展示
Agent 工作流人工介入

MCP 服务

MCP 服务列表/详情
服务分类浏览
服务搜索
用户 MCP 配置管理
工具探测和执行

Agent 市场

Agent 分类列表
Agent 详情查看
Agent 搜索
精选/最新 Agent

视频工作室

项目管理（创建/删除/保存）
剧本解析（AI 分析）
分镜列表生成
角色定妆照生成
场景概念图生成
关键帧图像生成
视频生成（文生视频/图生视频/首尾帧）
视频模型选择
视频分辨率/比例选择
音频上传（本地/URL）
视频合并导出
资源库管理

图像编辑

文生图
图生图
蒙版编辑
多模型选择
图片尺寸设置

应用构建

创建应用
对话式代码生成
实时预览
应用部署
代码下载
应用管理

知识库

知识库创建/编辑/删除
附件上传
知识片段管理
文件翻译

支付系统

VIP 套餐
微信支付
订单管理
余额查询

其他功能

多语言支持（中/英）
反馈提交
联系我们

🛠 技术栈

前端框架：React 18 + TypeScript
构建工具：Vite
UI 框架：Tailwind CSS + Ant Design
状态管理：Zustand + React Context
路由：React Router v6
HTTP 客户端：Axios
Markdown 渲染：react-markdown + remark-gfm
动画：Framer Motion
图标：Lucide React
本地存储：IndexedDB
视频处理：FFmpeg.wasm
文件压缩：JSZip

🚀 快速开始

环境要求

Node.js 18+
npm 或 yarn

安装依赖

npm install

开发模式

npm run dev

生产构建

npm run build

预览构建

npm run preview

📁 项目结构

src/
├── assets/          # 静态资源
├── components/      # 组件
│   ├── app/         # 应用构建组件
│   ├── chat/        # 聊天组件
│   ├── image-editor/# 图像编辑组件
│   ├── layout/      # 布局组件
│   ├── ui/          # 通用 UI 组件
│   ├── video-gen/   # 视频生成组件
│   └── workflow/    # 工作流组件
├── config/          # 配置文件
├── contexts/        # React Context
├── data/            # 静态数据
├── hooks/           # 自定义 Hooks
├── i18n/            # 国际化
├── pages/           # 页面组件
├── services/        # API 服务
├── styles/          # 样式文件
├── types/           # TypeScript 类型定义
└── utils/           # 工具函数

🔧 配置说明

环境变量

在 .env.local 中配置：

VITE_API_BASE_URL=你的API地址
VITE_STATIC_BASE_URL=静态资源地址

MCP 配置

MCP 服务配置支持多种传输方式：

stdio（命令行）
SSE（Server-Sent Events）
WebSocket

📖 相关文档

📄 许可证

本项目采用 Apache License 2.0 开源协议，附加商业使用条款：

✅ 个人用户免费使用
✅ 教育机构免费使用
✅ 非营利组织免费使用
✅ 20 人以下企业免费使用
⚠️ 20 人及以上企业商业使用需申请授权

商业授权

如果您的公司/组织拥有 20 名或以上员工，并希望将本软件用于商业目的，请联系我们获取商业授权：

📧 商业授权咨询：ganyizhi@timecyber.com.cn

详细条款请查看 LICENSE 文件。

🤝 联系我们

如有问题或建议，请通过以下方式联系：

提交 Issue
发送邮件至：ganyizhi@timecyber.com.cn
加入微信交流群：

扫码加入 MCP-X 技术交流群