skills.rest
ybbms777
ybbms777COMMUNITY
Explore all skills by this author →
GitHub

feature-video

Record browser interactions and embed MP4 walkthrough videos in GitHub pull request descriptions.

1|Updated Apr 4, 2026
Search Tags:#code review#video encoding#feature walkthrough#github pr#browser recording#pr demo
One-click install
npx skills add https://github.com/ybbms777/compound-engineering --skill feature-video-ybbms777
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: feature-video
Source: https://github.com/ybbms777/compound-engineering/tree/main/skills/feature-video
Command: npx skills add https://github.com/ybbms777/compound-engineering --skill feature-video-ybbms777

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Code diffs alone often fail to convey how a new or updated feature works to pull request reviewers, leading to longer review cycles, miscommunication about functionality, and reviewers needing to manually set up local development environments to test changes. This skill eliminates that friction by automating the creation of visual feature walkthrough videos.

Core Features & Use Cases

  • Automated Walkthrough Recording: Captures step-by-step browser interactions on a running local development server to demonstrate feature changes in context.
  • Auto Video Encoding: Stitches captured screenshots into a smooth MP4 video using ffmpeg, with configurable playback speed and resolution.
  • Native GitHub Integration: Uploads the video directly to GitHub and embeds it as an inline player in the pull request description, no external hosting required.
  • Use Case: For example, when submitting a PR for a new user notification feature, use this skill to record a short walkthrough of the new notification flow, so reviewers can see the feature in action immediately without setting up the local environment.

Quick Start

Use the feature-video skill to record a walkthrough of your current branch's feature changes and automatically embed the demo video in the associated 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 feature walkthrough video to a GitHub pull request?▼

To add a feature walkthrough video to a GitHub pull request, this skill captures browser interactions on a local development server, encodes them into an MP4 using ffmpeg, and embeds an inline video player directly in the PR description via authenticated GitHub CLI.

Do I need a local development server to generate PR demo videos?▼

Yes, a running local development server is required to generate PR demo videos. The skill automates browser recording against this server to capture the feature changes in context before encoding and uploading the output.

What is the best way to show code changes visually in a code review?▼

The best way to show code changes visually in a code review is automating a feature walkthrough. This skill records browser interactions, stitches screenshots into an MP4 video, and embeds the native player in GitHub pull request descriptions.

Can I embed an MP4 video directly in a GitHub PR description without external hosting?▼

Yes, you can embed an MP4 video directly in a GitHub PR description without external hosting. The skill uploads the encoded ffmpeg video natively to GitHub and embeds the inline video player in the pull request description.

How does automated browser recording work for pull request reviews?▼

Automated browser recording for pull request reviews works by using agent-browser CLI to capture step-by-step browser interactions on a local development server, which ffmpeg then stitches into a smooth MP4 video to demonstrate feature changes.

What dependencies are needed to automate feature walkthrough videos for code review?▼

To automate feature walkthrough videos for code review, you need a running local development server, agent-browser CLI for browser recording, ffmpeg for video encoding, and authenticated GitHub CLI to embed the video in the pull request description.

Related Skills

Explore More Software Engineering Skills→
GuitarAlchemistGuitarAlchemist

feature-video

Record browser interactions, convert videos with ffmpeg, and embed them in GitHub pull request descriptions.

Official
Intermediate
rickyanandarickyananda
1

github-code-review

Reviews GitHub pull requests and local diffs for security and quality issues.

Community
Advanced
All-The-VibesAll-The-Vibes
50

feature-video

Record browser interactions into MP4 videos and embed them in GitHub PR descriptions.

Official
Advanced
weside-aiweside-ai

develop

Develop code chunks with local linting, formatting, and unit tests.

Official
Intermediate