A powerful AI assistant powered by Google's Gemini AI that can generate content, create presentations, analyze Google Sheets/Docs, and provide intelligent responses. This application combines chat-based AI interaction with document integration and presentation generation capabilities.
- 🤖 AI-Powered Assistant: Chat with Super Agent for various tasks and content generation
- 📊 Google Sheets Integration: Connect and analyze Google Sheets directly in the interface
- 📄 Google Docs Integration: Connect and work with Google Docs seamlessly
- 🎨 Presentation Creator: Generate professional PowerPoint presentations with AI
- 📱 Responsive Interface: Works on desktop and mobile devices
- 🔄 Real-time Chat: Interactive chat interface with message history
- 📥 Easy Download: Export presentations as native PowerPoint (.pptx) files
- ⚡ Smart URL Detection: Automatically detects and connects Google Sheets/Docs URLs
- 🎯 Multiple Tools: General assistant, presentation creator, web search, image generation, and more
- Node.js 18+ installed on your machine
- A Google AI Studio API key (free)
-
Clone the repository:
git clone <your-repo-url> cd genspark
-
Install dependencies:
npm install --legacy-peer-deps
-
Set up environment variables:
cp .env.example .env.local
-
Get your Gemini API key:
- Go to Google AI Studio
- Create a new API key
- Copy the key and paste it in your
.env.local
file:GOOGLE_GENERATIVE_AI_API_KEY=your_actual_api_key_here
-
Run the development server:
npm run dev
-
Open your browser: Visit http://localhost:3000 to see the application.
- Start a conversation - Type any question or request in the chat interface
- Use example prompts - Click on suggested prompts to get started quickly
- Get intelligent responses - The AI will analyze your request and provide helpful responses
- Paste a URL - Simply paste a Google Sheets or Google Docs URL in the chat
- Automatic detection - The app will automatically detect the URL and open a sidebar
- Interactive sidebar - View and interact with your documents directly in the interface
- Ask questions - Ask the AI about your spreadsheet data or document content
- Request a presentation - Ask the AI to create slides about any topic
- Automatic generation - The AI will generate structured slide content
- Preview slides - Browse through the generated slides in the chat interface
- Download as PPT - Click "Download PPT" to get your .pptx file
- General Assistant: General AI conversation and help
- Presentation Creator: Generate slides and presentations
- Web Search: Search the web for information
- Image Generator: Create images with AI
- Video Creator: Generate video content
- Phone Calls: Make phone calls (integration)
- File Manager: Manage and work with files
The downloaded .pptx file can be opened directly in:
- Microsoft PowerPoint
- Google Slides (File → Import slides)
- LibreOffice Impress
- Apple Keynote
- Any PowerPoint-compatible software
- Frontend: Next.js 15, React 19, Tailwind CSS
- AI Integration: Vercel AI SDK with Google Gemini 2.5 Pro
- UI Components: Custom components with Framer Motion animations
- Icons: React Icons (Feather Icons)
- Styling: Tailwind CSS with custom animations and effects
- Document Integration: Google Sheets/Docs API integration
- SuperAgent: Main chat interface with AI assistant
- PPTCreator: Dedicated presentation creation interface
- GoogleSheetsAgent: Specialized Google Sheets integration
- Navigation: Tab-based navigation between different features
/api/superagent
: Main AI assistant endpoint/api/generate-slides
: Slide content generation/api/convert-to-ppt
: PowerPoint file creation/api/google-sheets-agent
: Google Sheets analysis/api/connection/google-sheet
: Google Sheets connection/api/connection/google-docs
: Google Docs connection
- URL Detection: Automatically detects Google Sheets/Docs URLs in chat
- Sidebar Rendering: Dynamic sidebar for document viewing
- Slide Generation: AI-powered presentation creation
- Real-time Chat: Interactive conversation with message history
- Responsive Design: Works across all device sizes
You can extend the available tools by modifying the agentTools
array in app/components/SuperAgent.tsx
:
const agentTools = [
{ id: 'general', name: 'General Assistant', icon: FiMessageSquare },
{ id: 'slides', name: 'Presentation Creator', icon: FiSliders },
// Add new tools here
];
Modify the slide styles in app/api/convert-to-ppt/route.ts
to change presentation appearance.
Customize the interface by modifying components in app/components/
and components/ui/
.
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
This project is open source and available under the MIT License.
If you encounter any issues or have questions, please open an issue on GitHub.
Note: This application requires an active internet connection to generate content using the Gemini AI API and to connect to Google services.