AI插件模拟器

基于React的FastAdmin AI插件模拟器,提供聊天功能、大模型API设置和MCP管理,适用于AI集成开发者。

  • by gghxh
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 gghxh/AI-and-MCP-website

使用说明

FastAdmin AI Plugin Mock / FastAdmin AI 插件模拟器

英文版 | 中文介绍


英文版

引言

该项目是基于React的FastAdmin插件模拟,旨在将高级AI功能集成到FastAdmin生态系统中。它展示了一个用于与大型语言模型(LLM)交互、管理模型上下文协议(MCP)服务和配置多个AI提供者的现代界面。

主要特点

1.AI聊天功能

一个强大的聊天界面,旨在模仿主流人工智能应用程序:

  • 富媒体支持:上传和处理图像和文档,包括 .txt, .doc, .docx, .xls, .xlsx,以及 .pdf.
  • 代码执行:自动检测AI响应中的代码块(Shell/Bash),并提供“执行”按钮来模拟终端命令执行。
  • 用户体验:
    • 一键复制用户和AI消息。
    • Markdown渲染,语法高亮显示。
    • 实时打字效果(流模拟)。
    • 模型切换:输入区方便的下拉菜单,可以在不同的AI模型之间动态切换。

2.大型模型API设置

一个集中式配置面板,用于管理与各种LLM提供商的连接:

  • 多模型支持:为流行提供商预配置的模板,如 深度求索, 硅流,以及 谷歌双子座.
  • 定制:添加、编辑或删除模型配置(API密钥、基本URL、模型名称)。
  • 主动模型管理:为聊天界面设置默认活动模式。

3.MCP(模型上下文协议)管理

用于管理MCP服务的专用仪表板,使AI能够与本地或远程系统交互:

  • 服务监控:查看已安装的MCP服务列表,其中包含实时状态指示器(正在运行、已停止、错误)。
  • 控制面板:启动或停止单个MCP服务。
  • 配置编辑器:
    • 查看MCP配置的文件路径。
    • 集成编辑器:单击“打开”按钮启动内置JSON编辑器,直接在应用程序中修改MCP注册表设置和配置文件。
    • 系统检查所需组件,如 uv (Python包管理器)。

中文介绍

简介

本项目是一个基于 React 开发的 FastAdmin 插件模拟器,旨在展示如何将先进的 AI 能力集成到 FastAdmin 生态系统中。它提供了一个现代化的界面,用于与大语言模型 (LLM) 交互、管理模型上下文协议 (MCP) 服务以及配置多个 AI 供应商。

主要功能

1. AI 聊天功能

参考主流 AI 产品设计的强大聊天界面:

  • 多媒体支持:支持上传并处理图片及文档文件(包括 .txt, .doc, .docx, .xls, .xlsx, .pdf)。
  • 终端命令执行:自动识别 AI 回复中的代码块(Shell/Bash),并提供“执行”按钮以模拟终端命令的运行。
  • 用户体验:
    • 支持发送和回复文字的一键复制功能。
    • Markdown 渲染与代码高亮。
    • 实时打字机效果(流式传输模拟)。
    • 模型切换:输入框左下角提供便捷的下拉列表,支持在对话中即时切换不同的 AI 模型。

2. 大模型 API 设置

集中化的配置面板,用于管理不同的大模型连接参数:

  • 多模型支持:支持配置主流大模型(如 DeepSeek (深度求索)、硅基流动 (SiliconFlow)、谷歌双子座 等)的对接参数。
  • 自定义配置:支持添加、编辑或删除模型配置信息(API Key, Base URL, 模型名称)。
  • 默认模型管理:可设置当前激活的模型,供聊天功能调用。

3. MCP (模型上下文协议) 列表及设置

专门的管理仪表盘,用于管理 MCP 服务,赋予 AI 与本地或远程系统交互的能力:

  • 服务监控:列表显示已安装的 MCP 名称、是否启用、运行状态及错误信息(如有)。
  • 控制面板:支持启动或停止单个 MCP 服务。
  • 配置文件编辑:
    • 显示 MCP 配置文件的存储路径。
    • 内置编辑器:点击设置中的“打开”按钮,会弹出内置的 JSON 编辑器,支持查看、编辑和保存 MCP 注册表及服务的配置文件内容。
    • 环境检测:自动检测 uv 等 MCP 运行必需组件的安装状态。