Can it capture screenshots of pages behind a login?

Yes, the skill includes a smart authentication handler that can fill login forms and bypass auth screens using credentials you provide.

Can I screenshot specific UI elements instead of the whole page?

Yes, the skill supports element-focused screenshots by targeting specific CSS selectors, which is perfect for capturing individual components or widgets.

Does this skill require Playwright to be installed?

Yes, Playwright is a prerequisite. The skill will check your environment and provide installation commands if it is not found.

Which web frameworks are supported for route discovery?

The skill can analyze routes for most popular frameworks including Next.js, React, Vue, SvelteKit, Rails, Laravel, and Django.

What is the default resolution of the captured images?

Screenshots are captured using a 1440x900 viewport with a 2x device scale factor, resulting in true retina-quality 2880x1800 pixel images.

App Marketing Screenshots

Name: App Marketing Screenshots
Author: JantonioFC

byJantonioFC

•

ブラウザ自動化

Generates high-resolution, Retina-quality marketing screenshots of your application using Playwright automation.

The App Marketing Screenshots skill automates the process of capturing professional-grade visuals for Product Hunt, social media, and landing pages. It intelligently analyzes your codebase to identify key routes and components, then leverages Playwright to generate true 2x HiDPI (Retina) images. The skill handles complex workflows including user authentication, element-specific focus, and dark mode toggles, providing a streamlined way to maintain consistent, production-ready documentation and marketing assets without manual effort.

主な機能

012 GitHub stars

02Automated codebase analysis to identify key app features and routes

03Support for element-focused captures, full-page shots, and dark mode

04Smart authentication handling for password-protected features

05Customizable interaction scripts for capturing modals and hover states

06Retina-quality (2x HiDPI) screenshot capture at 2880x1800 resolution

ユースケース

01Automating visual documentation for feature tutorials and changelogs

02Generating high-resolution hero shots for a Product Hunt launch

03Creating consistent UI assets for landing pages and marketing materials

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jantoniofc/skillsbank screenshots

For use in Claude.ai and ChatGPT