skills.rest
mqzkim
mqzkimCOMMUNITY
Explore all skills by this author →
GitHub

launch-screenshots

Automates website screenshot capture using Playwright for deployed web applications.

Updated Mar 1, 2026
Search Tags:#automation#screenshots#web scraping#playwright#visual testing#demo site
One-click install
npx skills add https://github.com/mqzkim/trading --skill launch-screenshots
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: launch-screenshots
Source: https://github.com/mqzkim/trading/tree/main/.agents/skills/launch-screenshots
Command: npx skills add https://github.com/mqzkim/trading --skill launch-screenshots

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the process of capturing screenshots of a deployed website, ensuring consistent visual documentation for marketing and product reviews.

Core Features & Use Cases

  • Automated Screenshot Capture: Uses Playwright to navigate and capture key pages of a web application.
  • Configurable Output: Allows specifying output directories and login credentials.
  • Use Case: Generate a set of professional screenshots for a new product demo site, including the landing page, dashboard, and AI chat interface, for use in marketing materials or investor presentations.

Quick Start

Use the launch-screenshots skill to capture screenshots of the demo site at https://demo.shipkit.work, saving them to the default screenshots directory.

Frequently Asked Questions about launch-screenshots

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

FAQPage Schema
How do I automate website screenshots for marketing materials using Playwright?▼

To automate website screenshots using Playwright, you can configure scripts to navigate specified URLs, handle login form filling, and set browser viewport dimensions to capture consistent visual assets. This ensures professional documentation for demos or presentations.

Can I capture screenshots of login-protected pages during visual testing?▼

Yes, capturing screenshots of login-protected pages is supported by configuring the automation scripts to fill login forms with specified credentials before navigating to the target dashboard or interface for visual capture.

What is the best way to generate product demo screenshots from a deployed web application?▼

Generating product demo screenshots from a deployed web application is best handled by automated capture tools that navigate to the live URL and save key pages like the landing page and dashboard to a configurable output directory.

How do I configure browser viewport size when automating web scraping screenshots?▼

Configuring browser viewport size when automating web scraping screenshots requires setting the viewport parameters within your Playwright automation script before navigating to the target URL, ensuring the captured visual assets match your required dimensions.

Does automated screenshot capture work for quality assurance checks on a demo site?▼

Automated screenshot capture works effectively for quality assurance checks on a demo site by navigating through key application flows and capturing the visual state, which can then be reviewed to verify UI consistency and deployed changes.

Related Skills

Explore More Marketing & Sales Skills→
ma-waisma-wais

testing

Run automated Playwright UI tests against a live application.

Community
Intermediate
bomberoxenviosdosruedasbomberoxenviosdosruedas

agency-evidence-collector

Capture screenshots and review test results for visual QA evidence.

Community
Advanced
samjhechtsamjhecht
4

frontend-visual-regression-testing

Compare UI component screenshots against baselines to detect visual regressions.

Community
Advanced
MadAppGangMadAppGang
7

browser-use-integration

Capture headless Chromium screenshots of URLs when claude-in-chrome is unavailable.

Official
Intermediate