HN Showcase
Back to browse
GitHub Repository
49 starsTypeScript

Testreel – Programmatic product demo videos from JSON and Playwright

by greentfrapp·Apr 7, 2026·2 points·0 comments
Visit ProjectView on HN

AI Analysis

●●SolidSolve My ProblemSlick

Edit JSON config instead of re-recording when your demo has a typo or misclick.

Strengths
  • •Programmatic video generation means LLM agents can create demos autonomously.
  • •Animated cursor, click ripples, and macOS window chrome look professionally produced.
  • •Playwright integration enables recordings with mocks and demo data injection.
Weaknesses
  • •ScreenStudio already dominates this space with polished GUI and one-click recording.
  • •Config-driven approach adds complexity for simple one-off demo recordings.
Target Audience

Developers creating product demos, documentation, or tutorial videos

Similar To

ScreenStudio · Loom · Descript

Post Description

I made Testreel as a programmatic alternative to ScreenStudio.

This has two primary value props: 1. Not having to manual re-record a demo because of a typo or misclick; just update the config and regenerate 2. Allows LLM agents to generate demo videos for your web app, complete with cursor overlay, and a customizable desktop background

Testreel is an npm package that lets you describe interactions (click, type, scroll, zoom etc.) in JSON, YAML or Playwright. Then generate a polished webm/mp4/gif video with cursor overlay, click ripples, gradient background etc.

Made with Claude Code. Built on Playwright + FFMPEG. MIT License.

Repo: https://github.com/greentfrapp/testreel

Similar Projects