Store Screenshot Generator MCP
Generates beautiful App Store and Play Store screenshots by inserting app images into iPhone/iPad mockup frames with customizable text overlays and gradient backgrounds. Supports multiple device types and batch generation with both free and pro subscription tiers.
README
Store Screenshot Generator MCP
Generate beautiful App Store / Play Store screenshots with iPhone mockups using Claude Code.

Features
- Insert app screenshots into iPhone/iPad mockup frames
- Add headline and subheadline text overlays
- Multiple gradient background presets
- Support for iPhone 15 Pro Max, iPhone 15 Pro, iPhone SE, iPad Pro
- Batch generation support
Pricing
| Plan | Price | Features |
|---|---|---|
| Free | $0 | 3/day, watermark, limited presets/devices |
| Pro | $4.9/mo | Unlimited, no watermark, all features |
Free vs Pro
| Feature | Free | Pro |
|---|---|---|
| Daily screenshots | 3 | Unlimited |
| Watermark | Yes | No |
| Presets | purple, dark | All 7 |
| Devices | iPhone 15 Pro Max | All 7 (3 iPhones + 4 iPads) |
| Batch generation | No | Yes |
| Custom colors | No | Yes |
Installation
npm install
npm run build
Usage with Claude Code
Add to your project's .mcp.json:
{
"mcpServers": {
"store-screenshot": {
"command": "node",
"args": ["/path/to/store-screenshot-mcp/dist/index.js"]
}
}
}
Or for global setup, add to ~/.claude/settings.json:
{
"mcpServers": {
"store-screenshot": {
"command": "node",
"args": ["/path/to/store-screenshot-mcp/dist/index.js"]
}
}
}
Usage with Claude Desktop
Add to ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows):
{
"mcpServers": {
"store-screenshot": {
"command": "node",
"args": ["/path/to/store-screenshot-mcp/dist/index.js"]
}
}
}
Available Tools
generate_screenshot
Generate a single screenshot.
Parameters:
headline(optional): First line textsubheadline(optional): Second line textscreenshotPath(optional): Path to app screenshot imagescreenshotBase64(optional): Base64 encoded app screenshotoutputPath(optional): Output file pathdevice(optional): Device typepreset(optional): Color presetbgColor1,bgColor2(optional): Custom gradient colors (Pro)
generate_batch_screenshots
Generate multiple screenshots at once. (Pro)
subscription_status
Check current subscription status and usage.
activate_subscription
Activate Pro subscription.
activate_subscription(email="your_purchase_email")
refresh_subscription
Refresh subscription status from server. Reflects cancellation immediately.
deactivate_subscription
Deactivate subscription on this device.
list_presets / list_devices
List available presets/devices for your plan.
Color Presets
| Preset | Color 1 | Color 2 | Plan |
|---|---|---|---|
| purple | #667eea | #764ba2 | Free |
| dark | #232526 | #414345 | Free |
| pink | #f093fb | #f5576c | Pro |
| blue | #4facfe | #00f2fe | Pro |
| green | #43e97b | #38f9d7 | Pro |
| orange | #fa709a | #fee140 | Pro |
| light | #e0e5ec | #f5f7fa | Pro |
Device Dimensions
| Device | Resolution | Plan |
|---|---|---|
| iPhone 15 Pro Max | 1290 x 2796 | Free |
| iPhone 15 Pro | 1179 x 2556 | Pro |
| iPhone SE | 750 x 1334 | Pro |
| iPad Pro 12.9" | 2048 x 2732 | Pro |
| iPad Pro 11" | 1668 x 2388 | Pro |
| iPad Air | 1640 x 2360 | Pro |
| iPad Mini | 1488 x 2266 | Pro |
Usage Example
# Check subscription status
subscription_status
# Activate Pro
activate_subscription(email="your@email.com")
# Generate screenshot
generate_screenshot(
headline="Easy & Fast",
subheadline="Task Management",
screenshotPath="/path/to/app_screen.png",
outputPath="/path/to/output.png",
preset="purple"
)
License
MIT
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
E2B
Using MCP to run code via e2b.