Auto-generate a searchable help video library for an app
Used Replit Agent to build a /help page that generates tutorial videos via scenes, Playwright recording, TTS narration and ffmpeg stitching.
What they did
The author copied this exact prompt into a Replit agent: add ?demo=1 mode with seeded fake data and no DB writes; define each video in code as scenes specifying route, narration script, and scripted cursor movements; have Playwright record the app while TTS narrates; use ffmpeg to add captions and stitch scenes; output MP4 + transcript + manifest.json. The agent was told to make builds resumable, frame-check every video, enable transcript search, and keep the page fully keyboard accessible.
How it went
No results, numbers, or shortfalls are stated. The post only shares the prompt after users asked how the library was made.
Labels
Used Replit Agent to build a /help page that generates tutorial videos via scenes, Playwright recording, TTS narration and ffmpeg stitching.
Used Replit Agent to build a /help page that generates tutorial videos via scenes, Playwright recording, TTS narration and ffmpeg stitching.
define each video in code as scenes specifying route, narration script, and scripted cursor movements; have Playwright record the app while TTS narrates; use ffmpeg to add captions and stitch scenes; output MP4 + transcript + manifest.json.
Used Replit Agent to build a /help page that generates tutorial videos via scenes, Playwright recording, TTS narration and ffmpeg stitching.
The author copied this exact prompt into a Replit agent:
The “Material” label failed its quality check and is not used for selection.
Details
- Agents
- Replit Agent
- Source
- X
- Source date
- Jul 9, 2026
- Accounts
- 1
- In registry since
- Oct 14, 2026