pr-demo-recorder
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:
- webreel CLI — installed globally via
npmor project-local vianpx. If missing, prompts to runnpm install -g webreel. - Companion webreel Claude skill at
~/.claude/skills/webreel/. If missing, offers to fetch it fromvercel-labs/webreel. ghCLI — 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 forghbecause it's an OS-level package manager install.gh-imageextension (drogers0/gh-image) — required to upload demo videos to GitHub user-attachments programmatically. If missing, auto-installs silently viagh extension install drogers0/gh-image. If install fails, the script exits non-zero.
More from lgariv-dn/frontend-skills
react-best-practices
React performance optimization guidelines from Vercel Engineering. This skill should be used proactively when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, bundle optimization, or performance improvements.
38workflow-local-dev
Support local workflow platform development in the DAP workspace across frontend, backend, and infra teams. Provides access to Kubernetes (Kind), Tilt service management, database queries, and troubleshooting. Use when building backend/API features, adjusting infra configurations, checking logs, running tests, or debugging issues against locally deployed workflow engine components.
18e2e-ci-debug
Debug CI E2E failures from pull requests by inspecting GitHub checks, downloading Playwright reports, and mapping failures to local Nx commands. Use when debugging failed E2E tests in PR workflows.
15yeet
Use only when the user explicitly asks to stage, commit, push, and open a GitHub pull request in one flow using the GitHub CLI (`gh`).
4