AI Slide Deck Maker

AI Prompts to Build This

Copy these build prompts into Claude, Cursor, or your AI coding tool. Create a free account to unlock the full research behind them.

1. 1. Project Setup

   Build the weekend MVP of "SlidePilot": drop in a brief or a document and get a story-driven slide deck you can export to PowerPoint.
   
   Stack: Next.js (App Router), TypeScript, Tailwind, Supabase (Postgres, Row Level Security, Storage, Auth with email magic link), the OpenAI API for the outline and the slide copy, pptxgenjs for the export. Deploy on Vercel.
   
   Tables (Row Level Security on, each user reads only their own rows):
   - source_documents(id, user_id, kind, storage_path, parsed_json jsonb)  where kind is one of doc, data, brief
   - decks(id, user_id, title, source_document_id, status, created_at)
   - slides(id, deck_id, position, layout, headline, body jsonb, chart jsonb)
   - brand_kits(id, user_id, primary_color, accent_color, font_pair, logo_url)
   
   Screens: /login, /new (upload or paste), /decks/[id] (outline, slides, export).
   Env vars (names only): NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY, SUPABASE_SERVICE_ROLE_KEY (server only), OPENAI_API_KEY.
   
   Do not build: billing, plans or watermarks, voice-note input, Google Slides export, a job queue, team accounts.
   Done when: npm run dev starts, you can sign in, and the four tables exist with Row Level Security on.

2. 2. Core Feature

   Build the one feature that proves SlidePilot: a document in, a deck that argues a point out.
   1. POST /api/generate-deck takes a source_document_id and loads its parsed content. For a long document, chunk it and summarize each chunk before outlining.
   2. Ask the model for a strict JSON outline { title, slides: [{ layout: "title" | "bullets" | "chart" | "quote", headline, points: string[], chart_hint? }] }. The prompt must ask for a narrative arc (context, insight, evidence, ask), not a bullet reformat.
   3. Save the outline as slides rows. For each chart slide, turn chart_hint into a chart config the renderer understands.
   4. Apply the brand kit (colors, font pair, logo) to every layout so the deck looks consistent.
   5. POST /api/export renders the deck to a .pptx file with pptxgenjs. A Regenerate slide button re-runs one slide and keeps the brand kit and the surrounding story.
   Rules: show progress as slides appear instead of waiting for the whole deck.
   Empty state: with no decks, show the upload box and the paste-a-brief box.
   Done when: a two-page brief produces a 6 to 10 slide deck with a clear arc, a regenerated slide still fits the story, and the exported .pptx opens with the brand colors.

3. 3. Landing Page

   Build a one-page landing site for SlidePilot, an AI slide deck maker for founders and ops teams.
   Hero: "Turn a brief into a deck that makes your point." Sub: "Drop in a doc, data or a brief. Get a story-driven deck, not reformatted bullets." One button: Join the waitlist.
   Sections: the problem (decks take a night and say nothing), how it works in four steps (drop in your source, get a narrative outline, generate the deck, refine and export), a before and after of a doc becoming a deck, and an FAQ on formats, brand kits and PowerPoint export.
   Waitlist: store the email in a waitlist table in Supabase. No other service.
   Voice: sharp, brief and confident.
   Done when: the page renders on a phone and a submitted email appears in the waitlist table.

4. 4. Branding Package

   Use a design or image tool for this one. A coding agent cannot draw a logo.
   Brand for SlidePilot: a wordmark and an icon that suggest a slide with a flight path.
   Colors: near-black, white and one confident accent. Type: a clean sans for the interface and a display face for slide headlines.
   Deliverables: wordmark, icon, four slide layout thumbnails (title, bullets, chart, quote), and one launch graphic.
   Done when: each deliverable is saved in one folder and the four layouts are distinct at thumbnail size.