AI导哈

幻灯片生成工具

一款全栈Web应用，通过CSV或PDF数据使用自定义模型上下文协议（MCP）服务器和Google Slides API生成Google Slides演示文稿。

  • by Gabrielo-Ram
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 gabrielo-ram/csv-to-slides-web-app

使用说明

Pitch Deck生成器Web应用程序

一个使用自定义模型上下文协议（MCP）服务器和Google Slides API从CSV或PDF数据生成Google Slides演示文稿的全钉web应用程序。

特性

  • 前端：React+Vite应用程序，用于用户交互和文件上传。
  • 后端：Node.js/Express服务器，用于身份验证、会话管理和路由。
  • MCP服务器：自定义Google Slides MCP服务器（作为npm包）来处理数据和生成演示文稿。
  • 认证：带有会话存储的Google OAuth。
  • 文件支持：上传CSV或PDF文件以生成音高组合。
  • 人工智能集成：使用Gemini LLM生成和构建音高甲板内容。

项目结构

CSV-to-Slides-Web-app/
│
├── clientFrontend/      # React frontend (Vite, TailwindCSS)
├── server/              # Express backend (TypeScript)
├── MCPClient/           # MCP client logic (TypeScript)
├── GoogleSlidesMCP/     # Custom MCP server (Google Slides logic)
└── README.md

入门指南

  1. 安装依赖项

从项目根目录运行：

cd server && npm install
cd ../MCPClient && npm install
cd ../GoogleSlidesMCP && npm install
  1. 环境变量
  • 设置 .env 相应目录中的文件（有关所需变量，请参阅代码，如 SESSION_SECRET, GEMINI_API_KEY等等）。
  1. 构建并运行

后端：

cd server
npm run build
npm start `
  1. 用法
  • 您的本地实例将在以下位置运行： http://localhost:3001

许可证

麻省理工学院

此应用程序在以下链接上运行： https://pitch-deck-generator-frontend.onrender.com

相关 MCP