skills.rest
dontoreve
dontoreveCOMMUNITY
Explore all skills by this author →
GitHub

store-screenshots

Generate store-ready screenshot slides from app context and brand assets.

11|1|Updated Apr 9, 2026
Search Tags:#puppeteer#multilingual#marketing graphics#microsoft store#html export#brand design#app store screenshots
One-click install
npx skills add https://github.com/dontoreve/store-screenshots-skill --skill store-screenshots-dontoreve
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: store-screenshots
Source: https://github.com/dontoreve/store-screenshots-skill/tree/main
Command: npx skills add https://github.com/dontoreve/store-screenshots-skill --skill store-screenshots-dontoreve

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill removes the manual design work of creating polished app store marketing screenshots, helping you turn app context into convincing, publication-ready visuals fast.

Core Features & Use Cases

  • Brand-Aware Screenshot Design: Reads your app’s colors, fonts, logos, and landing-page content to match the visual identity.
  • Multi-Store Output: Adapts layouts for App Store, Microsoft Store, and Google Play dimensions, including desktop and mobile presentation styles.
  • Multilingual Export: Produces separate screenshot sets for multiple languages, with English and Spanish supported by default.
  • Production Export Workflow: Builds HTML slides and exports high-resolution PNGs for direct upload to store listings.
  • Use Case: Use it when you need launch-ready screenshots for a new app, a refreshed listing, or localized promotional imagery.

Quick Start

Use the store-screenshots skill to create store-ready screenshot slides for my app in the requested store format and languages.

Frequently Asked Questions about store-screenshots

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

FAQPage Schema
How do I generate app store screenshots from existing app context and brand assets?▼

To generate app store screenshots, this Skill reads your app context, screenshots, and brand assets to compose editorial-style HTML slides, which are then exported as high-resolution PNGs using Puppeteer for direct upload.

Can I create multilingual marketing graphics for both the App Store and Microsoft Store?▼

Yes, you can create multilingual marketing graphics for the App Store and Microsoft Store. The Skill produces separate screenshot sets with multilingual slide sets and feature callouts, supporting English and Spanish by default.

What is the best way to automate app store screenshot creation with brand-aware typography?▼

The best way to automate app store screenshot creation is by applying brand-aware typography and color extraction directly from your landing-page content, matching the visual identity across adaptive desktop or mobile mockup treatments.

Does this screenshot generation workflow support HTML export to PNG conversion?▼

Yes, the screenshot generation workflow relies on HTML export to PNG conversion. It builds HTML-based slide compositions and uses Puppeteer to export production-ready, high-resolution PNG files for your store listings.

Can I adapt store listing layouts for different mobile and desktop presentation styles?▼

Yes, you can adapt store listing layouts for different presentation styles. The Skill applies adaptive desktop or mobile mockup treatments and adjusts dimensions for macOS App Store, iOS App Store, Microsoft Store, and Google Play.

Do I need Puppeteer to export high-resolution PNGs for app store listings?▼

Yes, you need Puppeteer to export high-resolution PNGs for app store listings. The production export workflow builds HTML slides and uses Puppeteer to render them directly into publication-ready PNG files for upload.

Related Skills

Explore More Design & Creative Skills→
AradotsoAradotso
3

huashu-design-html-prototyping

Generate interactive HTML prototypes and supporting assets from design briefs.

Official
Advanced
eachlabseachlabs
28

app-store-screenshot-generation

Generate device-framed App Store and Google Play screenshots with each::sense AI.

Official
Intermediate
PrimadetaautomationPrimadetaautomation
5

ui-design-system

Generate design tokens from a brand color with multi-format exports.

Community
Advanced
po4ykapo4yka
58

play-store-screenshots

Automate Google Play Store screenshot and graphic generation with Puppeteer.

Community
Advanced