Skip to content

一个基于React的强大聊天机器人界面,与Google Gemini API无缝交互。支持多种多模态输入(文本、图像、视频、音频、PDF、自定义文件)、动态模型切换和实时流式响应。提供强大的聊天记录、高级AI配置(系统提示、思考过程、Canvas助手)和丰富的标记功能。

License

Notifications You must be signed in to change notification settings

lilynas/All-Model-Chat

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

All Model Chat

专为 Google Gemini API 家族打造的现代化全能 AI 助手

Online Demo Try in AI Studio

License React TypeScript Vite


Light Theme

Light Theme

Dark Theme

Dark Theme

Mobile UI

Mobile UI



报告问题  ·  功能请求


📖 项目简介

All Model Chat 是一款功能强大、支持多模态输入的聊天机器人界面,旨在提供与 Google Gemini API 家族无缝交互的极致体验。它集成了动态模型选择、多模态文件输入、流式响应、全面的聊天历史管理以及广泛的自定义选项。

无论是代码生成、创意写作,还是复杂的数据分析与多媒体处理,All Model Chat 都能为您带来无与伦比的 AI 互动体验。


✨ 功能亮点

🧠 核心 AI 能力

  • 广泛的模型支持:原生支持 Gemini 全系列 (2.5 Pro, Flash, Flash Lite)、Imagen 绘图模型及 TTS 语音模型。
  • 强大的工具集成
    • Google Search:访问实时网络信息并自动提供引用来源。
    • Code Execution:内置 Python 代码执行器,解决复杂计算与数据分析问题。
    • URL Reading:直接读取并理解网页链接内容。
  • 高级参数控制:自定义 Temperature, Top-P, Top-K 和 System Prompt。
  • 深度思考模式:可视化模型的中间推理步骤 (Thinking Process)。
  • 全双工语音交互:支持高精度语音转文本 (STT) 和多音色文本转语音 (TTS)。

📁 文件与预览

  • 全格式支持:处理图片、视频、音频、PDF 文档、代码及纯文本。
  • 便捷输入:支持拖拽、粘贴、文件选择、拍照录音
  • 内置编辑器:直接在应用内创建和修改文本文件作为上下文。
  • 智能画布 (Canvas):一键生成并预览交互式 HTML、SVG 矢量图及 ECharts 图表。

💬 极致体验

  • 本地历史记录:基于 IndexedDB 存储,支持分组、搜索与置顶。
  • Prompt 市场:保存并一键调用常用的提示词模板。
  • 消息流控制:支持实时编辑、删除、分支重试 (Regenerate)。
  • 多格式导出:导出为 PNG 长图、HTML、TXT 或 JSON。
  • 跨平台支持:响应式设计适配移动端,支持 PWA 安装。

🚀 快速开始

本应用为 纯前端应用 (Serverless),直接在浏览器中运行,无需后端服务器。

  1. 打开应用:访问 all-model-chat.pages.dev
  2. 进入设置:点击右上角的齿轮图标。
  3. 配置 API:开启“使用自定义 API 配置”。
  4. 输入密钥:填入您的 Google AI Studio API Key(支持多 Key 轮询)。
  5. 开始探索:关闭设置即可使用。

🔒 安全声明:您的 API Key 仅加密存储在本地浏览器的 LocalStorage 中,直接与 Google 服务器通信,不经过任何中间方。


🛠️ 技术栈

领域 技术方案
核心框架 React 19, TypeScript
构建工具 Vite
AI SDK @google/genai (Official SDK)
样式设计 Tailwind CSS
数据存储 IndexedDB (Dexie.js)
渲染引擎 React Markdown, KaTeX, Mermaid, Highlight.js

📁 项目结构

All-Model-Chat/
├── public/                 # 静态资源
├── src/
│   ├── components/         # React UI 组件
│   │   ├── chat/           # 聊天区域
│   │   ├── settings/       # 设置面板
│   │   └── sidebar/        # 侧边栏
│   ├── hooks/              # 自定义 Hooks (核心逻辑)
│   ├── services/           # API 服务层
│   ├── utils/              # 工具函数
│   └── App.tsx             # 入口组件
└── index.html

About

一个基于React的强大聊天机器人界面,与Google Gemini API无缝交互。支持多种多模态输入(文本、图像、视频、音频、PDF、自定义文件)、动态模型切换和实时流式响应。提供强大的聊天记录、高级AI配置(系统提示、思考过程、Canvas助手)和丰富的标记功能。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 97.7%
  • Other 2.3%