Screenspo
AppsPatternsColorsMCP
Screenspo·App Store design, organized

built by starterlyst 💚

Screenspo MCP

The App Store reference your AI agents are missing.

Screenspo MCP connects your AI agents to 2,827+ real listing screenshots from curated iOS apps, so what they design starts with what already ships.

Install MCPBrowse the library

Free via npx. No API key. Works with Claude, Cursor, and Codex.

AI agents can write code. But they don't know what converts on the App Store.

They're guessing… and it shows. Screenspo MCP fixes that.

You

Design App Store screenshots for our meditation app's Pro plan launch.

Claude

I'll search Screenspo for proven listing patterns from shipped meditation and wellness apps.

Used Screenspo MCP

Got 25 listing screenshots. Pulling the strongest for synthesis.

Headspace

Health & Fitness

Headspace App Store screenshot
  • Awards before features

    Opens on social proof, then walks the wellness ecosystem - trust first.

  • Panoramic continuity

    Wave backgrounds stitch screens into one flow state across the set.

  • Situational palettes

    Brand orange holds the open; sleep and therapy screens shift mood.

Revolut

Finance

Revolut App Store screenshot
  • Scale as the hook

    75 million customers in the first frame - prestige before product.

  • Dark premium frame

    High-contrast black isolates UI components and cuts cognitive load.

  • Benefit sequencing

    Savings → daily spend → global utility reads as an upgrade path.

Notion

Productivity

Notion App Store screenshot
  • Blank-canvas brand

    White field + heavy type mirrors the product's empty-page promise.

  • Collage opener

    Life-organized collage, then specific workflows - abstract to concrete.

  • Consistent device rhythm

    Centered floating devices keep the set scannable in three seconds.

2,827+ App Store screenshots. Now your AI agents can see them too.

Your agents can search, reference, and reason about all of it - across 379+ curated iOS apps.

Finance apps

Your agent pulls pricing, trust, and KYC-adjacent listing patterns from top fintech apps.

Health apps

Reference how wellness apps open with awards, habit loops, and calm color systems.

Productivity apps

Search real onboarding narratives, collage layouts, and feature-checklist closers.

Ask anything. Get real listing screens back.

Copy a prompt to try it yourself.

  • Show me the strongest App Store screenshot sets for meditation apps with award-led social proof.

  • Find floating-device layouts with short captions under 6 words.

  • Pull 20 dark-mode finance listing screenshots with high-contrast CTAs.

  • How do top productivity apps open their first three screenshots?

  • Compare how Headspace and Calm handle color and caption hierarchy.

  • Design an onboarding-led screenshot narrative for a neobank listing.

When to reach for Screenspo MCP

Building a listing from scratch

Your agent analyzes successful screenshot narratives - award openers, feature beats, social proof - and applies them to your app's story.

Common listing patterns extracted

  • Credibility first: Headspace opens on awards before product features. Trust before tutorial.
  • Narrative order: Screenshots read 1→N as a story, not a random feature dump.
  • Caption hierarchy: Short headline + one supporting line beats paragraphs on a phone-sized frame.

Stuck on a layout decision

Floating device, panoramic, collage, lifestyle photo - let agents compare what top apps actually ship.

Option A · panoramic

Option B · lifestyle-photo

Colors feel dated

Pull palettes and mode treatments from apps that refreshed recently - then ground your generator in what's shipping now.

#f06423
#ffda4a
#2e1a47
#0059d6
#f5f5f5
Browse colors

Set up in under a minute.

One config block. No API key. Works with Claude and Cursor.

  1. 1

    Pick your AI tool

    We'll give you the exact command to run.

    Run this in your terminal, then open a new Claude Code session.

    claude mcp add screenspo -- npx -y screenspo-mcp
  2. 2

    You're set

    Screenspo MCP is connected. Start prompting with real App Store references - layouts, palettes, captions, and ordered screenshot narratives.

Frequently asked questions

Model Context Protocol lets AI tools like Claude and Cursor call external tools. Screenspo MCP is a server that gives those agents search and screenshot access to this library.

Any MCP-compatible client: Claude Code, Claude Desktop, Cursor, Codex, and others that support stdio MCP servers.

Yes. Install with npx - no API key, no paid plan gate. Same model as saaspo-mcp.

Yes. Agents search the same curated App Store listing screenshots, tags, and narratives you browse on screenspo.com.

Mobbin is in-app product UI. Screenspo is App Store listing design - the screens people see before they download.

Your AI agents are guessing. They don't have to.

Whatever you're shipping to the App Store, there's a listing in Screenspo that's already solved the hard parts.

Install MCPExplore apps