app-store-screenshots

This skill scaffolds and manages a Next.js and ShadCN-based editor for creating App Store and Google Play marketing screenshots. It supports live previews, drag-to-reorder layouts, and bulk PNG exports. It also provides a migration path for existing screenshot projects to the current connected-canvas editor format.

9.9K

Installs

Use cases

9/10

Quality

Is app-store-screenshots safe to install?

Review the source first

Review the source first: our audit of app-store-screenshots's source files found 17 shell commands, 0 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands to probe the filesystem, copy template files, and perform migrations. It modifies project files including package.json and app-store-screenshots.json.

How we audit skills: our security review methodology.

Who is this skill for?

Developers and marketers building App Store or Google Play store listings who need to generate high-quality, consistent marketing screenshots.

What can you do with it?

Generating marketing screenshots for iOS and Android apps
Scaffolding a screenshot editor with Next.js
Migrating legacy screenshot projects to a connected-canvas editor
Bulk exporting screenshots in required store resolutions

How good is this skill?

Quality score: 9/10. The skill provides clear, actionable instructions and a robust migration path. The use of shell commands is well-scoped to project management tasks.

What does the skill file contain?

SKILL.md

# App Store & Google Play Screenshots Generator

## Overview

Scaffold a pre-built Next.js + ShadCN editor that lets the user design and export App Store **and** Google Play screenshots as **advertisements** (not UI showcases). The editor handles all the heavy lifting:

- Connected live preview at the canvas's true resolution (scaled to fit)
- Drag-to-reorder screens, inline text editing, layout switcher per screen
- Cross-screen mockups: phone/device frames, captions, and layered elements can be moved across adjacent screens, then exported as clipped crops
- Drop-target screenshot picker (fil...

Frequently asked questions

Does this skill support both iOS and Android?

Yes, it supports iPhone, iPad, and various Android phone and tablet resolutions.

How does the skill handle existing projects?

It probes the directory for existing files and offers a migration path to the new editor format while preserving existing assets and configuration.

Where are my screenshots saved?

Uploaded screenshots are saved to public/screenshots/uploaded/ and project configuration is stored in app-store-screenshots.json.

Data sourced from parthjadhav/app-store-screenshots on GitHub. Install counts from skills.sh. The summary and security audit are derived from the skill's source files: every command and URL listed appears verbatim in the source.

Install

Works with Claude Code, Cursor, Codex CLI, and 50+ agents.

Manual install paths per agent

Claude Code: .claude/skills/ or ~/.claude/skills/

Codex CLI: .codex/skills/ or ~/.codex/skills/

GitHub Copilot: .github/skills/ or ~/.copilot/skills/

Amp: .agents/skills/ or ~/.config/agents/skills/

Copy the skill folder (with SKILL.md) into the project or global directory.

Security audit

high risk

Commands

URLs

Yes

File I/O

The skill executes shell commands to probe the filesystem, copy template files, and perform migrations. It modifies project files including package.json and app-store-screenshots.json.

View commands and endpoints

$ test -f package.json && sed -n '1,220p' package.json

$ test -f app-store-screenshots.json && sed -n '1,120p' app-store-screenshots.json

$ find public -maxdepth 4 $ -path "*/screenshots*" -o -name "mockup.png" -o -name "app-icon.png" $ -print 2>/dev/null

$ mkdir -p "$BACKUP_DIR"

$ cp -R app-store-screenshots.json public src package.json tailwind.config.ts next.config.mjs "$BACKUP_DIR/" 2>/dev/null || true

$ mkdir -p "$PRESERVE_DIR"

$ cp app-store-screenshots.json "$PRESERVE_DIR/" 2>/dev/null || true

Sourceparthjadhav/app-store-screenshots

Installs9.9K

Quality9/10

marketing screenshots nextjs ios android design

Related skills

frontend-design

618.4K

AI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs

The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.

nonedesignfrontendanthropics

brainstorming

256.4K

Developers and project managers who need to define requirements, architecture, and design for software projects before writing code

A structured brainstorming framework that guides users through project exploration, design proposal, and specification before implementation. It enforces a strict design-first workflow, requiring user approval for designs and documentation before transitioning to the writing-plans skill.

mediumdesignplanningobra

simple

221.4K

Developers and project managers who need a fast, lightweight decision-making process for feature design or component creation

A structured brainstorming framework for architectural and creative tasks that guides users from discovery to decision-making through a defined process flow.

nonebrainstormingarchitectureroin-orca

seo-audit

133.3K

Users seeking to diagnose SEO issues, improve organic search performance, or conduct a health check on their website

The seo-audit skill provides a structured framework for diagnosing and recommending improvements for website search engine optimization. It guides the agent through technical, on-page, and content quality assessments, including specific checks for international SEO and site-type-specific issues.

highseoauditcoreyhaines31