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

Ready to run

npx skills add https://github.com/mqzkim/trading --skill launch-screenshots

💬 Prompt for ChatGPT / Claude Chat▼

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.