Skip to content

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📸 App Store Screenshot Maker

Generate stunning App Store and Google Play screenshots from your raw app screenshots using AI.

No templates. No Figma. No Photoshop. Just beautiful, high-converting marketing assets.


✨ Features

✅ AI-generated layouts (every app gets a unique design)

✅ Automatically extracts your brand colors

✅ Conversion-focused marketing copy

✅ Beautiful gradients, glassmorphism & modern UI

✅ React + Tailwind + HTML Canvas generation

✅ One-click export to PNG

✅ Zero manual design work


Why this exists

Every indie developer eventually reaches this point:

"The app is finished... now I have to spend hours making App Store screenshots."

This skill automates that entire workflow.

Instead of relying on static templates, the AI acts like an experienced product designer and marketing designer.

It analyzes your screenshots, understands your app, generates compelling marketing copy, and creates a completely custom screenshot studio tailored specifically to your product.

No two apps receive the same design.


🚀 Installation

Install directly from GitHub:

npx skills add https://github.com/abhisheksoni27/app-screenshot-maker-skill

Other compatible agents

This skill follows the emerging Agent Skills format and can be adapted for compatible AI coding agents.


⚡ Quick Start

Simply point your AI agent at a folder containing your screenshots.

Example:

Use the App Store Screenshot Maker skill on ./screenshots.

The app is called Trackly.

The target audience is busy professionals.

Create premium App Store screenshots with a clean Apple-inspired design.

That's it.


💡 Example Prompts

Minimal Fitness App

Use the App Store Screenshot Maker on ./screenshots.

The app is called FitTrack.

Make the design minimal, energetic and modern.


Meditation App

Run the screenshot maker on ./raw.

The app is ZenFlow.

Focus the captions around reducing anxiety and improving sleep.

Use soft gradients, glassmorphism and calming colors.


Finance App

Use the screenshot maker on ./assets/screenshots.

The app is CryptoTracker.

Create a premium fintech aesthetic with bold typography and trustworthy copy.


🎨 What makes this different?

Most screenshot tools work like this:

Screenshot
↓

Choose template

↓

Replace text

↓

Done

This skill works like this:

Raw screenshots

↓

AI understands your app

↓

Extracts brand colors

↓

Writes marketing copy

↓

Designs an entirely new layout

↓

Generates a custom React studio

↓

Exports polished App Store assets

Every output is unique.

No templates.

No repeated layouts.


⚙️ How it works

The workflow is fully automated.

  1. Analyze screenshots
  2. Extract the visual identity
  3. Save assets locally to reduce context usage
  4. Generate a custom React + Tailwind design studio
  5. Create high-converting App Store copy
  6. Export production-ready screenshots

Requirements

  • Claude Code (recommended)
  • Node.js (for installation)
  • Python 3 (asset preparation)

Contributing

Issues, feature requests and pull requests are always welcome.

If this skill saved you time, consider giving the repository a ⭐.


License

MIT


Built with ❤️ for indie developers, designers and builders who'd rather ship products than fight with screenshot templates.

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages