skills.rest
LuisSambrano
LuisSambranoCOMMUNITY
Explore all skills by this author โ†’
๐•@luissambrano_uxGitHub

screenshots

Generates HiDPI marketing screenshots of web applications using Playwright and codebase-guided feature selection.

7|2|Updated Jan 28, 2026
Search Tags:#automation#screenshots#marketing#web app#playwright#ui capture
One-click install
npx skills add https://github.com/LuisSambrano/antigravity-config --skill screenshots-luissambrano
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: screenshots
Source: https://github.com/LuisSambrano/antigravity-config/tree/main/skills/3-web/screenshots
Command: npx skills add https://github.com/LuisSambrano/antigravity-config --skill screenshots-luissambrano

SYSTEM DOCUMENTATION & REQUIREMENTS

๐Ÿ’ก This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of high-quality, marketing-ready screenshots of your web application, saving you time and ensuring visual consistency.

Core Features & Use Cases

  • Automated Screenshot Generation: Captures screenshots using Playwright at true HiDPI (2x retina) resolution.
  • Guided Feature Selection: Helps identify and capture key features based on your app's codebase and your specific needs.
  • Use Case: You need to prepare a set of 5-10 compelling screenshots for a Product Hunt launch or a new landing page. This skill will help you identify the most important features and generate visually appealing images.

Quick Start

Use the screenshots skill to generate screenshots for your application at http://localhost:3000.

Frequently Asked Questions about screenshots

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

FAQPage Schema
How do I automate marketing screenshots of my web app for a Product Hunt launch?โ–ผ

Yes, Playwright captures UI screenshots with automatic HiDPI scaling for high-resolution marketing assets. It supports guided feature identification through codebase analysis and user input for targeted screenshot creation.

How do I generate high-resolution retina screenshots using Playwright?โ–ผ

Playwright generates high-resolution retina screenshots by applying automatic 2x HiDPI scaling during UI capture. This ensures your web app images are visually sharp and marketing-ready.

Do I need Playwright installed to capture automated screenshots of my application?โ–ผ

Yes, Playwright must be installed and accessible to execute browser actions and save marketing screenshots. The skill relies on it for automated UI capture and HiDPI scaling.

Can I target specific features when capturing web app screenshots?โ–ผ

Yes, you can target specific features through guided feature identification. The skill analyzes your codebase and accepts user input to determine which key features to capture.

What is the best way to prepare a set of compelling screenshots for a landing page?โ–ผ

The best way is to automate UI capture with Playwright, which identifies key features and generates 5-10 visually appealing images at HiDPI resolution. This ensures visual consistency for your landing page.

Why use codebase analysis for capturing UI screenshots?โ–ผ

Codebase analysis helps identify your web app's most important features automatically for guided screenshot selection. This ensures targeted, marketing-ready image capture without manually inspecting the application.

Related Skills

Explore More Design & Creative Skillsโ†’
pedroapp100pedroapp100

webapp-testing

Automate local web app testing with Playwright and Python scripts.

Community
Intermediate
nonputtipongnonputtipong

screenshots

Generate HiDPI marketing screenshots of web applications with Playwright.

Community
Advanced
dudedesi12dudedesi12

component-storybook

Create and manage UI component libraries with Storybook and Chromatic visual testing.

Community
Intermediate
jiunbaejiunbae
12

appstore-connect

Automate App Store Connect tasks via API and Playwright browser automation.

Community
Advanced