skills.rest
mmnavarr
mmnavarrCOMMUNITY
Explore all skills by this author →
Website𝕏@mxlcolmGitHub

feature-video

Record browser walkthroughs of features and embed MP4 videos in GitHub PR descriptions.

Updated May 11, 2026
Search Tags:#pull request#screenshots#github#browser automation#ffmpeg#demo#video recording
One-click install
npx skills add https://github.com/mmnavarr/harness --skill feature-video-mmnavarr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: feature-video
Source: https://github.com/mmnavarr/harness/tree/main/skills/feature-video
Command: npx skills add https://github.com/mmnavarr/harness --skill feature-video-mmnavarr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Reviewers often cannot see how a UI change actually behaves from code diffs alone, and manually recording, encoding, and uploading demo videos to pull requests is tedious. This Skill automates the entire flow from browser recording to an inline video player in the PR description. ## Core Features & Use Cases - Automated Browser Recording: Drives agent-browser through a planned shot list, capturing sequential screenshots of the feature in action. - Video Encoding & Native Upload: Stitches screenshots into an MP4 with ffmpeg and uploads via GitHub's attachment pipeline so the video renders as an inline player. - Flexible Modes: Supports recording for the current branch's PR, a specific PR number, record-only mode without a PR, and upload-only resume from an existing .mp4 file. - Use Case: After finishing a UI change on a feature branch, run the Skill to record a 20-second walkthrough of the new flow and have it appear in the PR description as a playable video for reviewers. ## Quick Start Ask the assistant to record a video walkthrough of the current branch's feature and add it to the pull request description.

Frequently Asked Questions about feature-video

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a video demo to a GitHub pull request?▼

Record the feature walkthrough with agent-browser screenshots, encode them into an MP4 with ffmpeg, then upload through GitHub's comment attachment input to get a user-attachments URL. That URL renders as an inline video player when placed on its own line in the PR description.

How do I record a browser walkthrough video from screenshots?▼

Capture sequentially numbered screenshots while navigating the feature with agent-browser, then stitch them with ffmpeg using a glob pattern and a low framerate such as 0.5 for two seconds per frame. Encode with libx264 and yuv420p pixel format for compatibility.

Can I upload a video to a PR without recording a new one?▼

Yes, pass an existing .mp4 file path as the first argument to enter upload-only resume mode. The recording and encoding steps are skipped and the file is uploaded directly to the PR resolved from the current branch.

What happens if there is no PR for the current branch?▼

The Skill asks how to proceed: create a draft PR with a placeholder title derived from the branch name, record the video only and save it locally for later upload, or cancel the workflow entirely.

Why does the GitHub video upload fail or return no URL?▼

Uploads fail when the saved GitHub browser session has expired, redirecting to the login page, or when GitHub processes the upload slowly. Re-run the one-time headed login setup or increase the wait time and re-read the comment textarea.

What are the GitHub video upload size limits?▼

GitHub limits uploads to 10MB on free accounts and 100MB on paid plans. To shrink the video, lower the framerate, reduce the resolution scale, or increase the CRF value when re-encoding with ffmpeg.

Related Skills

Explore More Software Engineering Skills→
davetodddavetodd

finish

Commit, merge, push feature branch changes to main, and stop the dev server.

Community
Intermediate
awfixers-stuffawfixers-stuff

impl-review

Check out a pull request branch, apply reviewer feedback, and push changes.

Official
Advanced
acmelemeacmeleme

pr-screenshots

Automates embedding screenshots from playscript into pull-request descriptions.

Official
Intermediate
Happyverse-TeamHappyverse-Team

pr-demo

Record terminal sessions and convert them to GIF or SVG formats.

Official
Advanced