skills.rest
onblueroses
onbluerosesCOMMUNITY
Explore all skills by this author →
GitHub

mobile-preview

Capture mobile viewport screenshots of web pages to test responsiveness.

3|Updated Mar 1, 2026
Search Tags:#browser automation#web design#mobile responsiveness#viewport screenshot#screenshot tool
One-click install
npx skills add https://github.com/onblueroses/strata --skill mobile-preview
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-preview
Source: https://github.com/onblueroses/strata/tree/main/skills/mobile-preview
Command: npx skills add https://github.com/onblueroses/strata --skill mobile-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires browser-use, and includes scripts (resource) components.

What problem does it solve?

This Skill quickly checks the mobile responsiveness of web pages by taking screenshots in various mobile viewports.

Core Features & Use Cases

  • Viewport Screenshot: Takes screenshots of a webpage in specified mobile devices' viewports.
  • URL or Current Page: Can be used with a URL or on the current page.
  • Device Selection: Supports multiple devices for testing.
  • Use Case: Use this Skill to quickly verify the mobile design of a web application before deployment.

Quick Start

Take a screenshot of the current page in iPhone 14 viewport: /mobile-preview

Frequently Asked Questions about mobile-preview

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

FAQPage Schema
How do I take mobile viewport screenshots to test web responsiveness?▼

Mobile viewport screenshots capture a webpage rendered at specific device dimensions to test web responsiveness. This skill uses browser automation to open a URL or current page, set the mobile viewport, and save the image for quick design verification.

Can I check mobile responsiveness on a live URL without opening a browser?▼

Yes, you can check mobile responsiveness on a live URL by passing the link to the browser automation tool. It opens the address programmatically, applies the mobile viewport, and captures the screenshot without needing manual browser interaction.

Does browser-use support taking screenshots of multiple mobile devices?▼

Yes, browser-use supports taking screenshots of multiple mobile devices by setting different viewport dimensions for each capture. The tool opens the web page, applies the specified mobile viewport, and saves the screenshot for each device.

What is the best way to verify mobile web design before deployment?▼

The best way to verify mobile web design before deployment is to capture viewport screenshots across multiple devices. Automating the browser to load pages at different mobile screen sizes allows you to quickly visually scan for responsiveness issues.

Can I capture a mobile screenshot of the current page I am viewing?▼

Yes, you can capture a mobile screenshot of the current page by running the tool directly on your active browser session. It applies the mobile viewport to the open tab and captures the rendered output instantly without needing a separate URL.

Related Skills

Explore More Software Engineering Skills→
jaimedhenriquesjaimedhenriques

chrome-devtools

Control live Chrome sessions to navigate pages, inspect state, and analyze network traffic.

Community
Advanced
hffmnnjhffmnnj
39

visual-regression

Compare screenshots pixel-by-pixel to detect unintended UI changes.

Community
Intermediate
Jicate-SolutionsJicate-Solutions

responsive-testing-automation

Automate responsive design testing across device sizes with Playwright.

Official
Advanced
Sir-chawakornSir-chawakorn
33

browser-automation

Automate browser interactions including form filling, clicking, navigation, and screenshots.

Community
Intermediate