store-screenshot

Generate App Store-ready PNG screenshots with device frames and text overlays.

Updated Mar 20, 2026
One-click install
npx skills add https://github.com/no-problem-dev/store-craft --skill store-screenshot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: store-screenshot
Source: https://github.com/no-problem-dev/store-craft/tree/main/plugins/store-assets/skills/store-screenshot
Command: npx skills add https://github.com/no-problem-dev/store-craft --skill store-screenshot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates the generation of App Store screenshots for iOS apps by analyzing the target application, designing layout proposals, and rendering final images with device frames and text overlays.

Core Features & Use Cases

  • Analyze an app to design optimal screenshot layouts and determine capture sequences.
  • Render real simulator screenshots, apply device frames, backgrounds, and text overlays to produce compliant PNGs.
  • Produce a store-craft.config.json and output final assets under store-assets/screenshots for multiple themes and devices.

Quick Start

Run the store-screenshot skill on your project to generate raw screenshots, apply device frames, and output final PNGs.

Frequently Asked Questions about store-screenshot

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

FAQPage Schema
How do I automate App Store screenshot generation for iOS apps?

App Store screenshot generation is automated by capturing real simulator images and composing them with device frames and text overlays. This Skill analyzes your app to design layouts and renders compliant PNGs for multiple device sizes and themes.

Do I need Node.js to generate iOS simulator screenshots with device frames?

Yes, Node.js is required to run the engine that drives screenshot capture and composition. The Skill relies on a Node.js-based engine and a configuration file to process simulator images and apply device frames.

What's the best way to add text overlays and device frames to simulator screenshots?

The best way to add overlays and frames is using an automated rendering pipeline that captures simulator images and composes them programmatically. This Skill designs layout proposals, applies backgrounds, and outputs final framed PNGs.

Can I generate App Store screenshots for multiple device sizes and themes automatically?

Yes, you can generate screenshots for multiple device sizes and themes automatically. The Skill produces a store-craft.config.json file and outputs final framed assets under the store-assets/screenshots directory.

Does this screenshot automation tool support macOS apps or only iOS?

This screenshot automation tool supports both iOS and macOS apps. It captures real simulator images, applies device frames, and composes text overlays to produce store-ready PNG assets for both platforms.

Why are my automated App Store screenshots not capturing the correct simulator state?

Automated App Store screenshots may fail to capture the correct simulator state if the Node.js configuration file is not properly set up. The Skill requires a valid store-craft.config.json to determine capture sequences and render accurate layouts.