pr-demo-recorder

Installation
SKILL.md

PR Demo Recorder

Records scripted webreel demos from PR context. Pulls research from the PR description, Jira ticket, reproduction artifacts, and newly-added Playwright E2E specs. Plans the flow interactively with the user, then generates webreel.config.json(s) and records MP4/GIF/WebM.

Prerequisites

Before anything else, run the environment check:

bash dap-workspace/.claude/skills/pr-demo-recorder/scripts/ensure-webreel.sh

The script verifies four things in order and exits non-zero at the first failure:

  1. webreel CLI — installed globally via npm or project-local via npx. If missing, prompts to run npm install -g webreel.
  2. Companion webreel Claude skill at ~/.claude/skills/webreel/. If missing, offers to fetch it from vercel-labs/webreel.
  3. gh CLI — required for PR metadata and asset upload. If missing, the script prints install instructions and exits (user must install + authenticate before retrying). There is no auto-install for gh because it's an OS-level package manager install.
  4. gh-image extension (drogers0/gh-image) — required to upload demo videos to GitHub user-attachments programmatically. If missing, auto-installs silently via gh extension install drogers0/gh-image. If install fails, the script exits non-zero.
Related skills
Installs
1
GitHub Stars
1
First Seen
Apr 17, 2026