screenshots

Generate HiDPI marketing screenshots of web applications with Playwright.

Updated Feb 24, 2026
One-click install
npx skills add https://github.com/nonputtipong/Oryn --skill screenshots-nonputtipong
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: screenshots
Source: https://github.com/nonputtipong/Oryn/tree/main/.agent/skills/screenshots
Command: npx skills add https://github.com/nonputtipong/Oryn --skill screenshots-nonputtipong

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 application, saving you the manual effort of capturing and preparing them for various promotional channels.

Core Features & Use Cases

  • Automated Screenshot Generation: Uses Playwright to capture screenshots at true HiDPI (2x retina) resolution.
  • Customizable Requirements: Gathers user input on screenshot count, purpose (Product Hunt, social media, landing pages, documentation), and authentication needs.
  • Codebase Analysis: Intelligently analyzes the codebase to identify key features and pages suitable for screenshots.
  • Use Case: You need to create a set of 5 eye-catching screenshots for your new web application's Product Hunt launch page. This Skill will help you identify the most compelling features and generate the images automatically.

Quick Start

Use the screenshots skill to generate screenshots for the application running 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 for a web application?โ–ผ

You can automate marketing screenshots for a web application by using a tool that analyzes your codebase to identify key features and captures them at true HiDPI resolution. This process identifies optimal pages for promotional use cases automatically.

Can I capture true HiDPI retina screenshots using Playwright?โ–ผ

Yes, you can capture true HiDPI retina screenshots using Playwright. This approach automates the process of identifying app features, handling authentication, and generating high-resolution images for promotional channels like Product Hunt.

Do I need Playwright installed to generate app screenshots for Product Hunt?โ–ผ

Yes, you need Playwright installed to generate app screenshots for Product Hunt. The skill requires Playwright to analyze the codebase, determine optimal pages for capture, and automate the high-resolution image generation process.

What is the best way to capture web app UI elements for landing pages?โ–ผ

The best way to capture web app UI elements for landing pages is using an automated tool that analyzes your codebase for optimal features. It gathers requirements on screenshot purpose and authentication to generate marketing-ready images.

How does codebase analysis work for automated UI capture?โ–ผ

Codebase analysis for automated UI capture intelligently reviews your project to identify key features and pages suitable for screenshots. This determines the optimal elements to capture for your specific promotional use cases.

Can I customize the screenshot count and purpose for my app marketing assets?โ–ผ

Yes, you can customize the screenshot count and purpose for your app marketing assets. The skill gathers user input on the number of images needed and their intended use, such as social media, documentation, or landing pages.