skills.rest
hoanghd218
hoanghd218COMMUNITY
Explore all skills by this author →
GitHub

mkt-broll-screenshot

Capture mobile-responsive website screenshots and scroll videos with Playwright.

3|6|Updated Apr 24, 2026
Search Tags:#github#playwright#video production#screenshot#mobile capture#web b-roll
One-click install
npx skills add https://github.com/hoanghd218/claude-ai-mastery --skill mkt-broll-screenshot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mkt-broll-screenshot
Source: https://github.com/hoanghd218/claude-ai-mastery/tree/main/mkt/.claude/skills/mkt-broll-screenshot
Command: npx skills add https://github.com/hoanghd218/claude-ai-mastery --skill mkt-broll-screenshot

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill removes the manual effort of capturing consistent mobile website screenshots and scroll videos for marketing visuals, short-form content, and product showcases.

Core Features & Use Cases

  • Mobile Screenshot Capture: Captures responsive website views using an iPhone 15 Pro mobile emulation profile with high-resolution output.
  • Scroll Video B-Roll Creation: Records smooth vertical scrolling website footage in a video format suitable for TikTok, Reels, and Shorts.
  • Use Case: A content creator can provide GitHub repositories, product pages, or documentation URLs and generate ready-to-use mobile visuals for a promotional video.

Quick Start

Use the mkt-broll-screenshot skill to capture mobile screenshots or scroll videos from the provided website URLs for my video assets.

Frequently Asked Questions about mkt-broll-screenshot

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

FAQPage Schema
How do I capture mobile web screenshots for short video b-roll?▼

To capture mobile web screenshots for short video b-roll, you can automate the process using Playwright with Chromium mobile emulation. This generates validated, high-resolution image outputs using an iPhone 15 Pro device profile.

Can I record scrolling website footage for TikTok and Reels?▼

Yes, you can record scrolling website footage for TikTok and Reels by automating smooth vertical scroll video creation. It outputs video formats specifically suited for short-form content platforms like Shorts and Reels.

Does this Playwright screenshot approach work with GitHub pages and documentation sites?▼

Yes, this Playwright screenshot approach works with GitHub pages, product websites, and documentation URLs. It applies to content production workflows by capturing consistent mobile-responsive views from these provided links.

Do I need Playwright installed to capture mobile-responsive website screenshots?▼

Yes, you need Playwright installed to capture mobile-responsive website screenshots. The Skill requires Playwright with Chromium mobile emulation to properly render and generate the specified device dimension outputs.

What is the best way to automate product website capture for marketing visuals?▼

The best way to automate product website capture for marketing visuals is using mobile emulation scripts to generate ready-to-use assets. This removes manual effort by consistently capturing responsive views and scroll videos.

Related Skills

Explore More Marketing & Sales Skills→
TurnaboutHeroTurnaboutHero
12

playwright-master

Automate browser testing and web scraping with Playwright across Chromium, Firefox, and WebKit.

Community
Intermediate
pawbytespawbytes
85

paw-cra-video-shortform

Automate short-form video production from brief to subtitled MP4.

Official
Advanced
barkleesandersbarkleesanders
5

video

Automate end-to-end video production pipelines using MCP and API integrations.

Community
Advanced
Canhada-LabsCanhada-Labs
2

ui-demo

Automate browser-based screen recording with visible cursor and storytelling pacing.

Official
Advanced