# App Listing Screenshots — Full AI Agent Documentation

> Comprehensive product specifications, technical details, resolution guidelines, and feature reference for App Listing Screenshots (https://listingframe.benbaler.workers.dev).

## 1. Product Overview
App Listing Screenshots is a focused web-based design and export application engineered specifically for creating compliant, visually engaging screenshots for mobile application stores, primarily:
- **Apple App Store Connect** (iOS, iPadOS)
- **Google Play Console** (Android phones, tablets, Chromebooks)

Traditional design tools like Figma or Adobe Photoshop require setting up artboards manually, hunting down correct device frame vector assets, managing export DPI scaling, and keeping up with Apple and Google dimension updates. App Listing Screenshots packages these workflows into a single browser interface with native presets and batch export.

## 2. Supported Display Dimensions & Presets

### Apple iOS / iPadOS Presets
1. **6.9" Super Retina XDR (iPhone 16 Pro Max)**
   - Portrait: 1320 × 2868 px
   - Landscape: 2868 × 1320 px
2. **6.7" Super Retina XDR (iPhone 15 Pro Max, iPhone 14 Pro Max)**
   - Portrait: 1290 × 2796 px
   - Landscape: 2796 × 1290 px
3. **6.7" Retina (iPhone 14 Plus, iPhone 13 Pro Max, iPhone 12 Pro Max)**
   - Portrait: 1284 × 2778 px
   - Landscape: 2778 × 1284 px
4. **6.5" Super Retina HD (iPhone 11 Pro Max, iPhone XS Max)**
   - Portrait: 1242 × 2688 px
   - Landscape: 2688 × 1242 px
5. **6.3" Super Retina XDR (iPhone 16 Pro)**
   - Portrait: 1260 × 2736 px
   - Landscape: 2736 × 1260 px
6. **6.1" Super Retina (iPhone 15, iPhone 14, iPhone 13, iPhone 12)**
   - Portrait: 1170 × 2532 px
7. **13" Ultra Retina XDR (iPad Pro 13" M4)**
   - Portrait: 2064 × 2752 px
   - Landscape: 2752 × 2064 px
8. **12.9" Liquid Retina XDR (iPad Pro 12.9" 6th Gen & earlier)**
   - Portrait: 2048 × 2732 px
   - Landscape: 2732 × 2048 px

### Google Play Store Presets
1. **Standard Portrait (9:16)**: 1080 × 1920 px (Complies with minimum 320px, max 3840px rule)
2. **Standard Landscape (16:9)**: 1920 × 1080 px
3. **2K Portrait (9:16)**: 1440 × 2560 px
4. **2K Landscape (16:9)**: 2560 × 1440 px
5. **4K Portrait (9:16)**: 2160 × 3840 px (Maximum permissible side)
6. **4K Landscape (16:9)**: 3840 × 2160 px
7. **Feature Graphic**: 1024 × 500 px (Required by Google Play for store feature banners)

### Custom Canvas Dimensions
- Users can define custom dimensions anywhere between 1 × 1 px and 8192 × 8192 px.

## 3. Key Design Features
- **Device Mockups**: Authentic hardware bezels with precise corner radii and speaker/camera cutouts.
- **Hardware Finishes**: Titanium Black, Natural Titanium, Desert Titanium, White Titanium, Midnight Blue, Starlight Gold, Emerald Green, and neutral Black.
- **Dynamic Backgrounds**: Multi-stop linear and radial gradients, subtle noise patterns, solid colors, and custom CSS color values.
- **Typography Engine**: Conversion-tested headline positioning, font size scaling, weight variations, shadow drop for contrast, and dual-tone text formatting.
- **Batch Export**: Export entire app screenshot sets matching all store target dimensions in one operation.
- **AI Agent Plugin & MCP Server**: Create and export screenshot series directly from ChatGPT, Codex, or Claude. Connect via Streamable-HTTP MCP endpoint `https://listingframe.benbaler.workers.dev/mcp` or download the pre-packaged archive.

## 4. Privacy, Security & Technical Architecture
- **Rendering**: Browser canvas for interactive studio; Cloudflare Worker with Skia/CanvasKit WASM for remote MCP exports. Raw screenshot images stay on the user's machine during customization.
- **Backend Infrastructure**: Built on Cloudflare Workers (edge compute), Cloudflare D1 (SQL database for user credit accounting), Cloudflare R2 (temporary export storage), and Cloudflare Browser Rendering (Puppeteer fallback).
- **Authentication & Licensing**: RevenueCat Web Billing integration paired with Better-Auth authentication. Remote MCP plugin uses automatic anonymous OAuth and is free of charge.
- **No Training On User Images**: User uploaded screenshots and generated graphics are never used for AI model training.

## 5. Verified URLs & Resources
- **Homepage**: https://listingframe.benbaler.workers.dev/
- **Studio Web App**: https://listingframe.benbaler.workers.dev/studio
- **AI Plugin & MCP Guide**: https://listingframe.benbaler.workers.dev/plugin
- **Plugin Download**: https://listingframe.benbaler.workers.dev/downloads/app-listing-screenshots-plugin.zip
- **Remote MCP Endpoint**: https://listingframe.benbaler.workers.dev/mcp
- **Screenshot Sizes Guide**: https://listingframe.benbaler.workers.dev/guides/screenshot-sizes
- **Google Play Screenshots Guide**: https://listingframe.benbaler.workers.dev/guides/google-play-screenshots
- **ASO Screenshot Design Guide**: https://listingframe.benbaler.workers.dev/guides/app-store-screenshot-design
- **Privacy Policy**: https://listingframe.benbaler.workers.dev/privacy
- **Terms of Service**: https://listingframe.benbaler.workers.dev/terms
- **Support**: https://listingframe.benbaler.workers.dev/support
- **AI Agent Summary**: https://listingframe.benbaler.workers.dev/llms.txt