Software & DevOpsDone with Replit Agent Jul 9, 2026
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.
Try it yourself with Replit Agent
Add a /help page to my app [app name or URL] that automatically generates short tutorial videos for [list of features or flows]. For each, write a scene script, record the steps with Playwright, add text-to-speech narration, and stitch the video with ffmpeg. Finish with a searchable library of the videos on the page and show me one working example before generating the rest.
Do this with a skill.
These SkillShop playbooks do this exact job.