Skip to content

Fanqingle/aiindex.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

AI智能模型聚合平台(ai-aggregator - V2.2)

项目简介

AI智能模型聚合平台是一款功能强大的Web应用,让用户能够同时与多个顶尖AI模型进行对话并对比它们的回答。该平台旨在提供一站式的AI交互体验,帮助用户快速评估不同模型在同一问题上的表现差异。

核心功能

🚀 多模型并行调用

  • 同时支持Kimi、豆包、通义、DeepSeek、混元等多个主流AI模型
  • 一键提交问题,获取所有模型的回答并进行对比
  • 可自由选择需要调用的模型,灵活定制对比方案

📊 性能对比分析

  • 实时显示各模型的响应时间和Token消耗
  • 通过图表直观对比不同模型的性能指标
  • 自动为模型按响应速度和效率进行排名

🎨 现代化用户界面

  • 毛玻璃效果的顶部导航栏和底部提问栏
  • 响应式设计,完美适配桌面端和移动端
  • 支持浅色/深色模式切换,提供阅读模式选项
  • 可自定义背景图片和透明度

📝 丰富的内容支持

  • 支持Markdown格式的回答渲染
  • 代码高亮显示,支持多种编程语言
  • 数学公式渲染(支持MathJax和KaTeX)
  • 支持特殊格式如带框公式的增强显示

⚡ 智能交互功能

  • 运行过程中可随时取消请求
  • 模型回答完成或失败时自动显示重试按钮
  • 支持复制回答内容和原文
  • 提供详细的操作引导和帮助系统

技术栈

  • 前端框架:HTML5, CSS3, JavaScript
  • UI组件库:Tailwind CSS v3
  • 数据可视化:Chart.js
  • 内容渲染
    • Markdown:marked.js
    • 代码高亮:highlight.js
    • 数学公式:MathJax, KaTeX
  • 图标库:Font Awesome 4.7.0
  • 响应式设计:自定义响应式网格布局

安装与使用

环境要求

  • 现代Web浏览器(Chrome、Firefox、Safari、Edge等)
  • 互联网连接(用于加载CDN资源)

快速开始

  1. 直接打开 ai-aggregator - V2.2.html 文件
  2. 或使用本地服务器运行:
    # 使用http-server
    npx http-server -p 8080
    # 然后在浏览器中访问 http://localhost:8080/ai-aggregator%20-%20V2.2.html

使用指南

  1. 选择模型:在底部提问栏选择需要调用的AI模型
  2. 输入问题:在文本框中输入您的问题
  3. 提交请求:点击发送按钮提交问题
  4. 查看结果:所有模型的回答将以卡片形式显示,可实时对比
  5. 性能分析:点击顶部的图表按钮查看详细性能对比
  6. 模型操作:每个模型卡片提供复制、重试等操作选项

界面说明

顶部导航栏

  • 性能图表:显示/隐藏模型性能对比
  • 主题切换:切换深色/浅色模式
  • 阅读模式:进入专注阅读界面
  • 历史记录:查看历史对话记录
  • 背景设置:自定义背景图片和透明度
  • 设置:应用设置选项

底部提问栏

  • 问题输入框:输入需要向AI模型提问的内容
  • 模型选择:勾选需要调用的模型
  • 全选/清空:快速选择或取消所有模型
  • 发送按钮:提交问题给选中的模型

模型响应卡片

  • 模型信息:显示模型名称、图标和状态
  • 操作按钮
    • 运行中:显示取消请求按钮
    • 完成/失败:显示重试请求按钮
    • 展开原文/复制回答等功能
  • 回答内容:格式化显示AI模型的回答
  • 模型操作区:提供复制内容、删除等操作

特色功能详解

自适应布局系统

平台使用智能网格系统,根据选中的模型数量自动调整显示布局,确保在任何屏幕尺寸下都有最佳的显示效果。

模型状态管理

  • 运行中:显示取消按钮,允许用户随时终止请求
  • 完成:自动转换为重试按钮,方便用户更换答案
  • 失败:自动显示重试按钮,支持快速重新尝试

数学公式增强渲染

特别优化了数学公式的显示效果,支持:

  • 行间公式和行内公式
  • 带框公式的特殊处理
  • 复杂嵌套公式的正确渲染
  • 列表项内公式的适当空白处理

用户体验优化

  • 平滑的动画过渡效果
  • 智能的打字机效果欢迎语
  • 直观的操作引导
  • 可调节的界面透明度和背景

响应式设计

平台完全响应式,针对不同设备进行了优化:

  • 桌面端:多列网格布局,充分利用屏幕空间
  • 平板设备:自动调整列数,优化显示密度
  • 移动设备:单列布局,简化操作界面
  • 触控设备:优化触摸目标大小和间距

浏览器兼容性

  • Chrome:最新版及前两个版本
  • Firefox:最新版及前两个版本
  • Safari:最新版及前两个版本
  • Edge:最新版及前两个版本

未来规划

  • 增加更多AI模型支持
  • 添加对话上下文记忆功能
  • 实现模型回答的语义相似度分析
  • 支持导出对话历史和对比报告
  • 增加用户账户系统,支持云端同步

贡献指南

欢迎对本项目进行贡献!如果您有任何改进建议或发现了问题,请随时提出Issue或Pull Request。

许可证

本项目采用MIT许可证。


© 2023 AI智能模型聚合平台 - 打造极致的AI交互体验

About

aiPagesDrivredbyBigModel

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages