skills.rest
tnkmr32
tnkmr32COMMUNITY
Explore all skills by this author →
GitHub

screenshot

Capture Expo app screenshots as PNG files using Playwright.

Updated Dec 16, 2025
Search Tags:#automation#testing#png#mobile#playwright#screenshot#expo
One-click install
npx skills add https://github.com/tnkmr32/expo-app-20251119 --skill screenshot-tnkmr32
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
mathur-exemathur-exe

playwright

Automate browser navigation, form filling, screenshots, and data extraction via Playwright CLI.

Community
Intermediate
MacPhobosMacPhobos

Screenshot-Based UI Verification

Capture UI screenshots across multiple viewports and generate pull request descriptions.

Community
Intermediate
stlwolfstlwolf
2

playwright-browser

Automate browser operations and DOM inspection via Playwright MCP.

Community
Advanced
iblaiiblai
15

iblai-marketing-screenshot

Capture authenticated app screenshots across web, iOS, and Android.

Official
Intermediate