screenshot

Capture Expo app screenshots as PNG files using Playwright.

Updated Dec 16, 2025

Search Tags:#automation #testing #png #mobile #playwright #screenshot #expo

Ready to run

npx skills add https://github.com/tnkmr32/expo-app-20251119 --skill screenshot-tnkmr32

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: screenshot
Source: https://github.com/tnkmr32/expo-app-20251119/tree/main/.github/skills/screenshot
Command: npx skills add https://github.com/tnkmr32/expo-app-20251119 --skill screenshot-tnkmr32

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Expo アプリのスクリーンショットを Playwright で取得する作業は時間がかかり、画面間の表示が不一致になりがちです。このスキルは Playwright を用いてスマホ画面のスクリーンショットを自動で取得し、一定の品質と再現性を提供します。

Core Features & Use Cases

Automated mobile screenshots: Expo アプリの画面を PNG 形式で取得し、デバイスサイズを一定に保ちます。
Size presets and screen targeting: デフォルトは 375x667（iPhone SE）で、他のデバイスサイズや特定の画面名にも対応します。
Reproducible testing and documentation: PR、デザインレビュー、ドキュメント作成のビジュアル素材として活用できます。

Quick Start

Start the web server: npm run web (in background) to serve the app.
Run the Playwright workflow to take a screenshot. The workflow uses mcp_playwright_browser_snapshot to inspect pages and mcp_playwright_browser_take_screenshot to save PNG images. Default size: 375x667. If a screen name is provided, the workflow navigates to that screen and captures the screenshot.
Default file name: mobile-screenshot.png.

Frequently Asked Questions about screenshot

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

FAQPage Schema

How do I automate Expo app screenshots with Playwright?▼

To automate Expo app screenshots with Playwright, start your web server using npm run web in the background, then run the Playwright workflow to navigate and capture specific screens as PNG images.

Can I capture mobile screenshots at different device sizes for an Expo app?▼

Yes, you can capture mobile screenshots at different device sizes. The default resolution is 375x667 for iPhone SE, but the workflow supports configuring alternative device dimensions and targeting specific named screens.

Do I need Node.js and Playwright installed to take Expo app screenshots?▼

Yes, you need Node.js and Playwright installed to take Expo app screenshots. The screenshot workflow relies on Playwright's browser snapshot and screenshot tools to inspect pages and save PNG files.

What is the default file name and format for automated Expo mobile screenshots?▼

The default file name for automated Expo mobile screenshots is mobile-screenshot.png. The workflow captures screens in PNG format while maintaining consistent device dimensions for reproducible visual outputs.

How can I get reproducible mobile screenshots for design reviews and documentation?▼

You can get reproducible mobile screenshots for design reviews by automating the capture process with Playwright. This ensures consistent device sizes and screen states, producing reliable visual materials for PR reviews and documentation.

What's the best way to capture specific named screens in an Expo app?▼

The best way to capture specific named screens in an Expo app is providing the screen name to the Playwright workflow. It navigates directly to that screen and captures the screenshot automatically.