skills.rest
monlor
monlorCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

app-store-screenshots

Generate and edit App Store and Google Play screenshots with Next.js.

1|Updated Aug 16, 2023
Search Tags:#screenshots#Next.js#editor#app store#google play
One-click install
npx skills add https://github.com/monlor/dotfiles --skill app-store-screenshots-monlor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-store-screenshots
Source: https://github.com/monlor/dotfiles/tree/main/config/ai/agents/skills/app-store-screenshots
Command: npx skills add https://github.com/monlor/dotfiles --skill app-store-screenshots-monlor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires next, html-to-image, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the process of creating professional App Store and Google Play screenshots, offering a Next.js-based editor to design and export marketing screenshots for iOS and Android apps.

Core Features & Use Cases

  • Screenshot Editor: Interactive editor for designing App Store and Google Play screenshots.
  • Live Preview: Real-time preview at true resolution for accurate design adjustments.
  • Screen Layouts: Customizeable screen layouts and frames for different devices.
  • Export Options: One-click export at required Apple/Google resolutions.
  • Use Case: For app developers or marketers looking to create compelling screenshots for their app store listings without the need for complex design tools.

Quick Start

Use the app-store-screenshots skill to create a new project for your app.

Frequently Asked Questions about app-store-screenshots

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

FAQPage Schema
How do I create App Store and Google Play screenshots without complex design tools?▼

You can create App Store and Google Play screenshots using a Next.js-powered editor that provides an interactive interface for designing, customizing layouts, and exporting marketing assets without complex design tools.

Can I customize device frames and screen layouts for iOS and Android screenshots?▼

Yes, the screenshot editor supports customizable screen layouts and device frames for both iOS and Android devices, allowing you to tailor your marketing visuals for specific platform requirements.

Does the App Store screenshot editor support true resolution live previews?▼

Yes, the editor features a real-time live preview at true resolution, enabling accurate design adjustments so your exported screenshots meet exact Apple and Google specification requirements.

How do I export App Store screenshots at required Apple and Google resolutions?▼

You can use the one-click export option to generate App Store and Google Play screenshots at required Apple and Google resolutions, utilizing html-to-image for rendering the final image files.

Do I need Next.js to generate and edit Google Play app store screenshots?▼

Yes, you need a Next.js environment to run the editor and render the screenshots, as it relies on Next.js for rendering and html-to-image for exporting the final marketing assets.

How do I add captions and layer elements on App Store screenshots?▼

The screenshot editor includes specific features for adding captions and layering elements, allowing you to compose detailed marketing visuals directly within the Next.js application interface.

Related Skills

Explore More Design & Creative Skills→
cenjiecenjie

app-store-screenshots

Generate App Store marketing screenshots from design and device assets via Next.js.

Community
Advanced
luisgustavooliveiraluisgustavooliveira

aso-audit

Audit app store listings and generate scorecards with recommendations.

Community
Advanced
soq123soq123

recreate-screenshot

Reproduce a UI screen from a screenshot with pixel-perfect fidelity.

Community
Intermediate
caterpi11arcaterpi11ar
3

app-store-screenshots

Generate iOS App Store marketing screenshots with Next.js and html-to-image.

Community
Intermediate