Screenrove
Real product UI captures (onboarding, pricing, in-app screens) with design guides for coding agents.
Connect it
Settings → Connectors → Add custom connector
URL: https://screenrove.com/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://screenrove.com/mcp{
"mcpServers": {
"screenrove": {
"url": "https://screenrove.com/mcp"
}
}
}claude mcp add --transport http screenrove https://screenrove.com/mcp{
"servers": {
"screenrove": {
"type": "http",
"url": "https://screenrove.com/mcp"
}
}
}13 tools, verified live
build_handoffread-onlyGenerate a complete build prompt for a coding agent: ordered screens with notes, observed transitions, full-resolution image URLs, the measured design guide, and an implementation checklist. This is the same prompt as the "Use in agent" button on the site. Reference IDs: use `{product}-onboarding` for a product's signup flow, `{product}-collection` for all their screens, or any single screen id (
check_my_uiread-onlyCompare the user's UI structure against Screenrove's catalog of real products. Describe what the user has (screen type, sections, flow steps, plan count) and get a report showing the closest real-world references with factual comparisons. Use only the fields the user provides; leave out personal names, pricing, or customer data. The report includes step counts, section counts, observed actions, a
compare_screensread-onlyCompare two captured screens side by side: layout structure, page sections, observed actions, dimensions, screen types, and design guide differences. Returns a structured comparison with similarities, differences, and factual observations. Use this when the user wants to understand how two products approach the same problem differently—e.g. comparing Linear's pricing page with Stripe's pricing pa
get_designread-onlyGet the measured design guide for a product: observed font families, color palette, type scale, layout patterns, spacing values, and component observations. Marketing site and product UI are measured separately. Use this when you want to match a competitor's design system, understand their visual language, or borrow their typography and color choices for your own project.
get_flowread-onlyGet the complete onboarding flow for a product: every step in order with titles, notes on what happens, observed transitions (button labels and where they lead), and which steps are alternate branches. Includes the handoff reference id to use with buildHandoff. Use this to study how a competitor structures their signup and onboarding, what information they collect at each step, and how they guide
get_productread-onlyGet a product's full collection: coverage notes, design summary, and every captured screen grouped into onboarding flow, marketing pages, and in-product screens. Use this to explore a competitor's complete UI: their signup flow, pricing page, dashboard, settings, and other screens. Each screen has notes and an image URL.
get_screenread-onlyGet everything recorded about one screen: notes on what it does and how it's laid out, source URL, image URLs and dimensions, observed actions and where they lead, and page sections for long marketing pages. Use this to understand a specific UI pattern in detail before building something similar.
get_screen_imageread-onlyGet the actual screenshot so you can see the UI. For marketing pages taller than 4000px, preview returns only the first screen (above the fold); use size=full for the whole page, which can exceed what vision models accept. getScreen lists the page's sections with their y offsets so you know what's below the fold.
list_flowsread-onlyList every captured user journey: onboarding flows, signup sequences, checkout processes, booking flows, and marketplace explorations. Shows step counts, flow type, and observed transitions between steps. Use this to find complete user journey references—not just individual screens—so you can see how products guide users through multi-step processes like signup, onboarding, or checkout.
list_productsread-onlyList every product in the UI reference catalog with its capture date, tags, coverage notes and screen counts. Start here to see what competitor products, design systems, and UI patterns are available. Products include: Linear, Cursor, Vercel, Airbnb, Stripe, Duolingo, Notion, Raycast, Cal.com, Framer, and Supabase. Each has captured onboarding flows, marketing pages, and/or in-app screens.
pick_referenceShow the user several matching UI references side by side in their browser and let them click the one to build from. Returns a URL to open for them. Prefer this over sending full-page images whenever the user should decide which reference to use. The picker shows real screenshots at scroll depth so they can evaluate long pages. After calling this, tell them to choose in the picker, then call wai
search_screensread-onlySearch the UI reference catalog by keyword across titles, notes, page sections, and observed actions. Filter by product or kind (flow/marketing/product). Use this to find design pattern examples like "pricing page", "empty state", "date picker", "onboarding step", "checkout form", "dashboard", "sign-up", "settings", etc. Returns the best matches with screen IDs you can pass to getScreen or getScr
wait_for_pickread-onlyWait for the user to choose on the pick page. Long-polls up to 50 seconds—returns as soon as they click, or status "pending" after the wait (call again if so). Once chosen, returns their reference with its screenshot and a full build prompt, so you can start building from it immediately. If they clicked "None of these fit", status is "dismissed" and you should ask what they want instead.
Alternatives in Design & Media
Compare →LALudo AI Game AssetsA
Generate game assets with AI: sprites, animations, 3D models with rigging, video, music, SFX, voices
KIKinocutA
Guardrailed video editing MCP server: 200 FFmpeg tools, Video Receipts, Shorts repurposing.
CLClairvoyanceA
Software design skills for AI coding agents, inspired by A Philosophy of Software Design.
RARavenA
Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
GlifA
Generate images, video, and audio with Glif's media-generation agent
OODS FoundryA
OODS Foundry is an object-oriented design system that extends the one you already have.