Skip to content

Show Demo

Show Demo is an AI agent that automatically turns your project URL and GitHub repo into a polished demo video and pitch.

Code Demo Cerebral Valley

Core trick

Records real user flows through the live app URL, then Gemini Vision writes a script that drives voiceover and edits.

Tags

creative/musicdev tools

Description

Show Demo is an AI agent that automatically turns your project URL and GitHub repo into a polished demo video and pitch. It records real user flows, generates voiceover, music, and edits everything into a compelling story using AI.
ShowDemoProject/showdemo★ 00 forksTypeScriptCreated Mar 21, 2026 · last push Mar 21, 2026

README excerpt

# ShowDemo

AI-powered tool that turns your messy hackathon or side project into a clean, compelling demo video — in minutes, not hours.

Paste your project URL or GitHub link, add a direction prompt, and let AI create a professional demo video with voiceover, B-roll transitions, and music.

## How It Works

1. **Paste Your URL** — Drop your project URL or GitHub link with a brief direction about what to highlight
2. **AI Analyzes & Scripts** — Gemini Vision analyzes your app, writes a compelling script, and plans the demo flow
3. **Get a Polished Video** — Receive a professional demo video with voiceover, B-roll transitions, and music

## Architecture

```
User submits URL + prompt
       │
       ▼
POST /api/jobs → Create job → Return jobId
       │
       ▼ (after() triggers pipeline)
┌──────────────────────────────┐
│ Stage 1: ANALYZE             │  Gemini Vision analyzes screenshots
│ Stage 2: SCRIPT              │  Gemini generates demo script
│ Stage 3: CAPTURE             │  Playwright records the app
│ Stage 4: VOICEOVER ──┐       │  ElevenLabs TTS (parallel)
│ Stage 5: B-ROLL   ───┘       │  Veo 3 generation (parallel)
│ Stage 6: COMPOSE             │  Assemble Remotion inputProps
│ Stage 7: RENDER              │  Remotion renders final video
└──────────────────────────────┘
       │
       ▼
Job completed → Video player with download
```

## Tech Stack

| Layer | Technology |
|-------|-----------|
| Frontend | Next.js 15 (App Router), Tailwind CSS v4, shadcn/ui |
|

Team