Slider — AI-Powered PowerPoint Add-in

Build professional presentations in seconds with an AI assistant that lives right inside PowerPoint.

Demo

demo.mp4

---

What It Does

Slider is a Microsoft PowerPoint add-in with a conversational AI chat interface. You describe what you want, and it builds your slides — complete with research, charts, images, and formatting.

Core features:

• Chat-driven slide generation (generate, summarize, compare, pros/cons, research modes)
• Live web search via Tavily for up-to-date content
• URL fetching — paste a GitHub link, article, or any webpage and turn it into slides
• Chart generation from XLSX/CSV data (6 chart types with AI recommendations)
• Image analysis using GPT-4 Vision
• DOCX file import with image extraction
• Multiple slide layouts (bullets, two-column, big number, quote, headline)
• Persistent conversation history via Supabase
• Draft saving and loading

---

Repo Structure

hackathon2026/
├── AIslideGen/        # PowerPoint add-in (Office.js + React + Express)
├── Slider/            # Marketing landing page (Next.js 15)
└── extension/         # Supporting extension setup

---

AIslideGen

The core product — a PowerPoint task pane add-in with an AI chat backend.

Tech Stack

Layer	Technology
Frontend	React 18, TypeScript, Fluent UI v9
Build	Webpack 5, Babel
Office Integration	Office.js (PowerPoint API)
Backend	Express.js
AI / LLM	OpenAI GPT-4o, LangChain
Search	Tavily API
Database	Supabase (PostgreSQL)
File Parsing	Mammoth (DOCX), PapaParse, xlsx
Charts	Chart.js, chartjs-node-canvas
Slide Generation	pptxgenjs

Setup

cd AIslideGen
npm install

Copy .env.template to .env and fill in:

OPENAI_API_KEY=
SUPABASE_URL=
SUPABASE_ANON_KEY=
TAVILY_API_KEY=

Running

# Terminal 1 — backend
npm run server

# Terminal 2 — frontend dev server
npm run dev-server

# Load the add-in in PowerPoint
npm run start

---

Slider (Landing Page)

Marketing site for the add-in.

Tech Stack

• Next.js 15 (App Router)
• TypeScript
• Tailwind CSS v4
• GSAP + Lenis for scroll animations

Running

cd Slider
npm install
npm run dev

---

Team

• Allan — Chat UI & conversation flow, intent parsing, Tavily web search integration, URL/article fetching, slide detection, draft saving, Office.js slide insertion, publishing docs & README
• Antoine — Slider landing page (Next.js), Stripe integration, branding assets & logo
• Giulio — Slide editing (LangChain), interactive questions flow, image-to-presentation, AI layout picking, slide type system, generate-from-notes, improved AI generation
• Sebastian — Initial project scaffold, Express backend, Supabase implementation, document-based chat history, UI profile & theme selector, summarize feature, chart generation, image gen icon

---

License

MIT