hnh-record-screen

Record browser and desktop sessions into optimized video files.

3|Updated Mar 9, 2026

Search Tags:#playwright #ffmpeg #screen recording #video optimization #demo creation #screencast

Ready to run

npx skills add https://github.com/huynguyenh/skills --skill hnh-record-screen

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: hnh-record-screen
Source: https://github.com/huynguyenh/skills/tree/main/skills/hnh-record-screen
Command: npx skills add https://github.com/huynguyenh/skills --skill hnh-record-screen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires ffmpeg, playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of high-quality screen recordings and product demos, ensuring optimized video output and efficient workflows.

Core Features & Use Cases

Automated Browser Recording: Uses Playwright to automate browser actions and record smooth 30fps video hands-off.
Desktop Recording: Supports recording desktop applications using ffmpeg.
Video Optimization: Compresses and optimizes video files (MOV, MP4, GIF) for smaller file sizes and better playback.
Use Case: Create a polished walkthrough of a new software feature, record a bug demonstration, or optimize a large video file for sharing.

Quick Start

Use the hnh-record-screen skill to record a demo of the new user dashboard.

Frequently Asked Questions about hnh-record-screen

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

FAQPage Schema

How do I automate browser screen recording for a software demo?▼

Automate browser screen recording by using Playwright to execute action plans and capture smooth 30fps video hands-off. This approach ensures consistent, repeatable browser session captures for polished demo creation without manual intervention.

Can I record desktop applications using ffmpeg for screencast videos?▼

Yes, you can record desktop applications using direct ffmpeg integration for screencast videos. The Skill supports capturing desktop sessions and subsequently compressing, scaling, and trimming the output into optimized video files.

What is the best way to optimize and compress screen recording video files?▼

The best way to optimize screen recording video files is applying integrated ffmpeg compression, scaling, and trimming. This process reduces large MOV, MP4, and GIF file sizes for better playback and efficient sharing.

Do I need Playwright and ffmpeg installed to record and optimize screen demos?▼

Yes, you need both Playwright and ffmpeg installed as dependencies. Playwright handles automated browser session recording at 30fps, while ffmpeg manages desktop captures and the subsequent video compression, scaling, and trimming operations.

How does video optimization work for large demo recordings?▼

Video optimization for large demo recordings works by compressing and scaling the captured video files. It supports formats like MOV, MP4, and GIF, trimming unnecessary footage to yield smaller file sizes and polished playback.