skills.rest
jesusprodriguezUnir
jesusprodriguezUnirCOMMUNITY
Explore all skills by this author →
GitHub

social-media-video

Records app demo videos with Playwright and converts them to platform-specific formats using ffmpeg.

Updated May 14, 2026
Search Tags:#social media#playwright#ffmpeg#video recording#tiktok#instagram reels#promotional video
One-click install
npx skills add https://github.com/jesusprodriguezUnir/bracketMundial --skill social-media-video-jesusprodriguezunir
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: social-media-video
Source: https://github.com/jesusprodriguezUnir/bracketMundial/tree/main/.agents/skills/social-media-video
Command: npx skills add https://github.com/jesusprodriguezUnir/bracketMundial --skill social-media-video-jesusprodriguezunir

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, ffmpeg.

What problem does it solve? Manually recording and reformatting product demo videos for each social network is repetitive and error-prone. This Skill automates browser-based screen recording of the app and produces correctly sized MP4 videos for Instagram, TikTok, Facebook, and Twitter/X in one batch. ## Core Features & Use Cases - Multi-platform recording: Generates videos in the exact resolution and aspect ratio each platform requires (9:16 vertical for TikTok/Instagram, 1:1 square for Facebook, 16:9 horizontal for Twitter/X). - Batch generation: A single command records all four platform formats sequentially against one dev server session. - Specialized demos: Dedicated generators for prediction simulation, private league creation, and free-form interactive recording sessions. - Publishing guidance: Includes recommended copy, hashtags, and duration targets per platform. - Use Case: Before a marketing launch, run the batch command to produce demo-tiktok.mp4, demo-instagram.mp4, demo-facebook.mp4, and demo-twitter.mp4 in the recordings/ folder, ready to upload with the suggested captions. ## Quick Start Ask the assistant to record a 15-second demo video of the app for TikTok using the social media video skill.

Frequently Asked Questions about social-media-video

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

FAQPage Schema
How do I record a demo video of my web app for TikTok?▼

Run the video command with the tiktok argument and a duration, such as npm run video -- tiktok 15. Playwright navigates the app automatically and ffmpeg outputs a 1080x1920 vertical MP4 ready for TikTok upload.

How to generate videos for multiple social platforms at once?▼

Use the batch command npm run video:all with an optional duration in seconds. It starts the dev server once and sequentially produces separate MP4 files for Instagram, TikTok, Facebook, and Twitter/X in the recordings folder.

What video format and resolution does each social platform need?▼

TikTok and Instagram use 1080x1920 vertical (9:16), Facebook feed uses 1080x1080 square (1:1), and Twitter/X uses 1920x1080 horizontal (16:9). All outputs are MP4 encoded with H.264 for universal compatibility.

What dependencies are required to record browser videos with Playwright?▼

You need Playwright with Chromium installed via npx playwright install chromium, plus ffmpeg available on the system PATH. ffmpeg converts the raw webm recording into the final MP4 with H.264 video and AAC audio.

Why is my recorded video not converting to MP4?▼

Conversion fails when ffmpeg is missing from the system PATH, since the raw recording is a webm stream that requires transcoding. Install ffmpeg and verify it runs from the command line before recording again.

Related Skills

Explore More Marketing & Sales Skills→
lackeyjblackeyjb
3.0k

Playwright Browser Automation

Automate browser testing and interactions with Playwright scripts.

Community
Intermediate
hmzainjamilhmzainjamil
1

social-publisher

Generate platform-specific captions, titles, hashtags, and scheduling recommendations for social media publishing.

Community
Advanced
cenjiecenjie

app-store-screenshots

Generate App Store marketing screenshots from design and device assets via Next.js.

Community
Advanced
cdubiel08cdubiel08
2

record-demo

Record screen and narration demos and attach them to GitHub issues.

Community
Intermediate