screenshots

Write a Node.js script using Playwright's chromium browser, set a viewport of 1440x900 with deviceScaleFactor 2, navigate to each page, and call page.screenshot. This Skill generates and runs that script for you based on features discovered in your codebase.

Set deviceScaleFactor to 2 when creating the browser context in Playwright. A 1440x900 viewport then produces 2880x1800 pixel images suitable for retina displays and marketing use.

Yes. Playwright can fill login forms using smart locators for email, password, and submit fields, then navigate to authenticated pages. You provide the login URL and credentials, and the script handles the sign-in flow before capturing.

Yes. The Skill reads route definitions from framework-specific files such as the Next.js app directory, Rails config/routes.rb, or React Router config to discover pages, then screenshots any app reachable at a URL.

Blank screenshots usually happen when content has not finished loading. Use page.waitForLoadState('networkidle') and waitForSelector for specific elements, and confirm the dev server is running before capturing.