💰 GitHub 用户专属福利：扫码加入微信群，免费领取 100 元等值 AI 生图生视频 Token
🎬 视频生成 Token | 🖼️ 图像生成 Token | ⚡ 扫码即发
👆 扫码加入，立即领取
 统一入口 |
 内容精选 |
 图片创作中心 |
 视频创作中心 |
以下视频均由 MCP-X 视频工作台全流程生成，从剧本编写、分镜设计、关键帧生成到最终成片，全程 AI 驱动。
|
🗡️ 仙剑奇侠传 
古风仙侠题材 · AI 剧本解析 · 多场景分镜 · 角色定妆照生成 |
⚡ 惊雷1号 
科幻动作题材 · AI 全流程制作 · 视频合成导出 |
💡 点击封面图跳转 GitHub 视频页面在线播放。也可访问 MCP-X 在线平台 体验完整的视频创作流程。
| 🎬 全流程视频制作 从剧本到成片，AI 全程辅助 支持 Seedance 2.0 / Veo3 / 可灵 等 |
🖼️ 专业图像处理 文生图 / 图生图 / 局部编辑 多模型可选，满足各类创意需求 |
💻 AI 代码生成 对话式前端开发，实时预览 支持 React / Vue / HTML |
🤖 智能对话 GPT / DeepSeek / Kimi 等 MCP 工具调用 + 知识库 RAG |
| 🔧 MCP 市场 1000+ MCP 工具 一键配置，即插即用 |
🧠 Agent 市场 500+ 垂直智能体 开箱即用的行业解决方案 |
📚 企业知识库 私有文档智能检索 RAG 增强，精准问答 |
🌍 国际化 & 私有部署 中英双语界面 支持企业私有化部署 |
v0.1.4 — Seedance 2.0 & 画布优化
- 🎬 Seedance 2.0 支持：视频生成能力新增 Seedance 2.0 模型，画质与动态表现大幅提升
- 🖼️ 画布视频首帧优化：修复刷新后视频封面偶尔不显示的问题
- 🔒 全局 401 拦截：所有 API 服务统一处理 Session 超时，自动跳转登录页
- 📋 粘贴 @标签自动关联：粘贴含
@图片N/@视频N的文本时自动匹配画布媒体元素
v0.1.3 — 应用构建与预览
- 🍌 Nano Banana Pro 4K：图像能力新增高分辨率出图模型
- 🔒 HTTPS 预览代理：SSE 解析预览路径，同协议预览避免混合内容
- 🖼 跨域预览编辑：fetch + srcdoc 注入编辑器脚本，兼容跨域 dev 预览
- 📋 新建应用页：展示「我的应用」列表，可跳转构建页
- ✏️ 构建页体验：输入上限 8000 字，源代码 Tab 支持在线编辑
v0.1.2 — 文档 & 登录页升级
- 📚 文档全面升级，适配 OpenClaw（龙虾）接入
- 🔐 登录页全面重设计：玻璃拟态 + 动态光晕
- 🎬 图生视频增强：选中图片自动作为起始帧
v0.1.1 — 参考生视频
- 🎬 支持 @ 符号引用画布图片作为视频生成参考
- ✨ 界面全面优化
支持：千问 / 即梦 / 可灵 / 海螺 / Seedance 2.0 / Veo3 / Runway 等
从剧本到成片的全流程 AI 视频制作：
| 功能 | 说明 |
|---|---|
| 剧本解析 | AI 自动分析剧本，提取角色、场景、故事段落 |
| 分镜生成 | 智能生成专业分镜列表，含镜头运动、景别、关键帧 |
| 角色 & 场景 | AI 生成角色定妆照和场景概念图 |
| 视频生成 | 文生视频 / 图生视频 / 首尾帧插值三种模式 |
| 一键导出 | 浏览器端合并导出视频片段 |
| 资源库 | IndexedDB 本地存储，角色/场景/视频资源复用 |
支持：GPT / Gemini / DeepSeek / Kimi / 千问 等
- 多模型切换 · SSE 流式响应 · MCP 工具调用
- 网络搜索集成 · Agent 工作流人工介入 · 文件上传对话
- 企业知识库 RAG 增强检索
类似 Bolt / Loveable 的 AI 前端构建体验
- 对话式开发：自然语言描述需求 → AI 实时生成代码
- 多框架：HTML / React / Vue / 静态网站
- 实时预览 · 可视化编辑 · 一键部署 · 代码下载
支持：千问 / Seed / Nano Banana / Nano Banana Pro 4K 等
- 文生图 · 图生图 · 蒙版局部编辑
- 图生视频 · @ 符号参考生视频
- 多模型选择 · 多尺寸设置
- 1000+ MCP 工具，按分类浏览、搜索、一键配置
- 500+ Agent 智能体，精选/最新/分类，开箱即用
| 特性 | 说明 |
|---|---|
| 🔐 安全认证 | Token 认证体系 · 多租户架构 · 数据隔离 |
| ⚡ 高性能 | SSE 流式响应 · IndexedDB 本地缓存 · 异步任务处理 |
| 🔌 开放集成 | MCP 协议 · 多模型统一接口 · RESTful API |
| 📊 企业管理 | 知识库 · 工作流编排 · 人工审批 · 用量计费 |
| 🌐 国际化 | 中英双语 · 支持私有化部署 · 数据合规 |
- Node.js 18+
- npm 或 yarn
# 克隆项目
git clone https://github.com/TimeCyber/MCP-X-web.git
cd MCP-X-web
# 安装依赖
npm install
# 开发模式
npm run dev
# 生产构建
npm run build在 src/config/index.ts 中修改 API 地址：
const apiBaseUrl = import.meta.env.VITE_API_BASE_URL ||
(import.meta.env.PROD ? 'https://www.mcp-x.com/prod-api' : 'https://www.mcp-x.com/prod-api');| 类别 | 技术 |
|---|---|
| 前端框架 | React 18 + TypeScript |
| 构建工具 | Vite 5 |
| 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 |
src/
├── components/ # 组件
│ ├── app/ # 应用构建
│ ├── chat/ # 聊天
│ ├── image-editor/# 图像编辑
│ ├── layout/ # 布局
│ ├── ui/ # 通用 UI
│ ├── video-gen/ # 视频生成
│ └── workflow/ # 工作流
├── config/ # 配置
├── contexts/ # React Context
├── hooks/ # 自定义 Hooks
├── i18n/ # 国际化
├── pages/ # 页面
├── services/ # API 服务
├── types/ # TypeScript 类型
└── utils/ # 工具函数
| 项目 | 说明 |
|---|---|
| 当前状态 | 后端代码整理中，预计近期开源 |
| 开源条件 | GitHub 达到 1000 ⭐ + 微信群真实开发者达 300 人 |
| 后端技术栈 | Spring Boot 3.x · MySQL 8.0 · Redis · Docker & K8s |
| AI 集成 | 通义千问 · 即梦 · Seedance · Veo3 等 |
支持我们：⭐ Star 本项目 · 🔄 分享到技术社区 · 💬 参与讨论
本项目采用 Apache License 2.0 开源协议，附加商业使用条款：
| 使用场景 | 是否免费 |
|---|---|
| ✅ 个人用户 | 免费 |
| ✅ 教育机构 | 免费 |
| ✅ 非营利组织 | 免费 |
| ✅ 20 人以下企业 | 免费 |
| 需申请商业授权 |
📧 商业授权咨询：ganyizhi@timecyber.com.cn | 详见 LICENSE
- 📮 提交 Issue
- 📧 邮件：ganyizhi@timecyber.com.cn
- 💬 微信交流群：
扫码加入 MCP-X 技术交流群
⚠️ 本项目已注册软著，MCP-X 为注册商标。采用 Apache License 2.0 开源协议，保留所有商标和著作权。未经授权禁止商业使用，尊重知识产权，共同维护开源生态。
