Screenrove

npx add-mcp 'https://screenrove.com/mcp'

Give your agent real screens to build from.

Screenrove is an MCP server. Connect it once and your coding agent can search 7,832 captured screens from Linear, Cursor, Vercel, Airbnb, Stripe, Duolingo, Notion, Raycast and 183 more products, show you a few to choose from, and build from the one you pick.

Connect

Claude

claude.ai, Claude Desktop and mobile

Add to Claude

Opens claude.ai with Screenrove filled in as a custom connector. It then works in Desktop and mobile too, and the picker shows right in the chat.

Claude Code

Terminal

claude mcp add --transport http --scope user screenrove https://screenrove.com/mcp

Start a new session afterwards. Pickers open in your browser.

Cursor

One click

Add to Cursor

Or add {"mcpServers":{"screenrove":{"url":"https://screenrove.com/mcp"}}} to ~/.cursor/mcp.json.

VS Code

GitHub Copilot agent mode

Add to VS Code

code --add-mcp '{"name":"screenrove","type":"http","url":"https://screenrove.com/mcp"}'

Codex

CLI, IDE extension and ChatGPT desktop

codex mcp add screenrove --url https://screenrove.com/mcp

Windsurf / Devin

Devin Desktop and CLI

devin mcp add -s user screenrove https://screenrove.com/mcp

Cascade: add {"mcpServers":{"screenrove":{"serverUrl":"https://screenrove.com/mcp"}}} to ~/.config/devin/mcp_config.json.

ChatGPT

Developer mode

Turn on Settings → Security and login → Developer mode, open chatgpt.com/plugins, press + and use the MCP server URL below.

Anything else

Any MCP client

https://screenrove.com/mcp

Streamable HTTP. No key or account.

How it works

1. Ask for a reference. “Find me some pricing page references and let me pick one.”
2. Pick in your browser. Your agent opens a page with a few real screens side by side. Hover to scroll a long page, click the one you want. In Claude and ChatGPT the picker can appear right in the chat.
3. Build from it. Your agent gets the screenshot, notes on what the screen does, the measured design guide and a build prompt.

Try asking

• “I want a paywall. Show me real ones with a free trial on Screenrove and let me pick one.”
• “Find me empty state examples with an illustration and a template option.”
• “Check my onboarding against real products on Screenrove.”
• “Show me three onboarding flows on Screenrove and let me pick one for my signup.”
• “What does Stripe’s pricing page look like? Build our pricing page with a similar structure.”
• “Get Linear’s design guide and use its product palette for our settings screen.”
• “Find a satisfying copy button animation on Screenrove and add it to our code blocks.”
• “Suggest names for my AI scheduling app in the style of real products on Screenrove: short, two syllables, with a free.com or.ai pattern.”
• “Show me lettermark logos on rounded tiles from Screenrove before we design our app icon.”

Tools

build_handoff	Build an agent handoff prompt
build_recipe	Build a reference recipe
check_my_ui	Check the user's UI against real references
compare_screens	Compare two screens
find_related_screens	Find related screens in other products
get_design	Get a product's design guide
get_flow	Get a product's onboarding flow
get_motion	Get one animation with its spec and code
get_motion_guidelines	Get motion guidelines and easing tokens
get_product	Get one product
get_screen	Get one screen
get_screen_image	Get a screen's screenshot
list_flows	List captured onboarding flows
list_products	List captured products
list_tags	List design-problem tags
name_patterns	Get naming pattern statistics
pick_reference	Let the user pick a reference
search_logos	Search the logo directory
search_motion	Search UI animations and micro-interactions
search_names	Search real product names and their naming patterns
search_screens	Search screens
wait_for_pick	Wait for the user's pick