Mobbin MCP
Mobbin MCP
Mobbin MCP connects your AI agents to 600,000+ real product screens, so what they build starts with what already works.
Mobbin MCP connects your AI agents to 600,000+ real product screens, so what they build starts with what already works.
Available on Pro & Team plans
Available on Pro & Team plans
Trusted by 2M+ designers. Now available to your AI agents.
Trusted by 2M+ designers. Now available to your AI agents.
But they don’t know what works.
They're guessing… and it shows.
Mobbin MCP fixes that.
You
Design a paywall for our Pro plan
Claude
I'll search Mobbin for proven paywall patterns from shipped products.
Used Mobbin MCP integration
Got 43 paywalls. Pulling the strongest for synthesis.
Revolut
Bundled value framing
Third-party perks reframe the price as services received.
Personalization signal
"Best for you" implies algorithmic match, not arbitrary push.
Price in the CTA
Removes the last hesitation at click.
Physical product hero
Tangible anchor for an intangible upgrade.
Implies abundance without overwhelming.
Implies abundance without overwhelming.
Duolingo
Soft rejection
Em-dashes for FREE column, not red X marks.
Subtle column weighting
Tint instead of color flooding for hierarchy.
Objection-killer microcopy
"One-time payment. No auto-renewal." right above CTA.
Gifting frame
Repositions extraction as generosity.
Playful mascot state
No emotional manipulation.
Uber
Personalized savings hero
"Save $19 every month" based on local member data — concrete, not generic.
Risk reversal as a benefit
"$5 credit if arrival estimate is off" reframes guarantees as value.
Cancel anytime as a feature
Promoted in the list, not buried in legal.
Single tier, no decision tax
One plan removes choice paralysis at the upgrade moment.
Icon-led benefits
Visual rhythm makes the list scannable in 3 seconds.
You
Design a paywall for our Pro plan
Claude
I'll search Mobbin for proven paywall patterns from shipped products.
Used Mobbin MCP integration
Got 43 paywalls. Pulling the strongest for synthesis.
Revolut
Bundled value framing
Third-party perks reframe the price as services received.
Personalization signal
"Best for you" implies algorithmic match, not arbitrary push.
Price in the CTA
Removes the last hesitation at click.
Physical product hero
Tangible anchor for an intangible upgrade.
Implies abundance without overwhelming.
Implies abundance without overwhelming.
Duolingo
Soft rejection
Em-dashes for FREE column, not red X marks.
Subtle column weighting
Tint instead of color flooding for hierarchy.
Objection-killer microcopy
"One-time payment. No auto-renewal." right above CTA.
Gifting frame
Repositions extraction as generosity.
Playful mascot state
No emotional manipulation.
Uber
Personalized savings hero
"Save $19 every month" based on local member data — concrete, not generic.
Risk reversal as a benefit
"$5 credit if arrival estimate is off" reframes guarantees as value.
Cancel anytime as a feature
Promoted in the list, not buried in legal.
Single tier, no decision tax
One plan removes choice paralysis at the upgrade moment.
Icon-led benefits
Visual rhythm makes the list scannable in 3 seconds.
You
Design a paywall for our Pro plan
Claude
I'll search Mobbin for proven paywall patterns from shipped products.
Used Mobbin MCP integration
Got 43 paywalls. Pulling the strongest for synthesis.
Revolut
Bundled value framing
Third-party perks reframe the price as services received.
Personalization signal
"Best for you" implies algorithmic match, not arbitrary push.
Price in the CTA
Removes the last hesitation at click.
Physical product hero
Tangible anchor for an intangible upgrade.
Implies abundance without overwhelming.
Implies abundance without overwhelming.
Duolingo
Soft rejection
Em-dashes for FREE column, not red X marks.
Subtle column weighting
Tint instead of color flooding for hierarchy.
Objection-killer microcopy
"One-time payment. No auto-renewal." right above CTA.
Gifting frame
Repositions extraction as generosity.
Playful mascot state
No emotional manipulation.
Uber
Personalized savings hero
"Save $19 every month" based on local member data — concrete, not generic.
Risk reversal as a benefit
"$5 credit if arrival estimate is off" reframes guarantees as value.
Cancel anytime as a feature
Promoted in the list, not buried in legal.
Single tier, no decision tax
One plan removes choice paralysis at the upgrade moment.
Icon-led benefits
Visual rhythm makes the list scannable in 3 seconds.
Your AI agents can search, reference, and reason about all of it.
Get real screens back.
Copy a prompt to try it yourself.
Show me the most creative 404 pages with personality that might suit our brand.
Find pull-to-refresh animation examples from social apps.
Pull 30 bottom sheet examples from top iOS apps.
How do I ask for notification permissions without getting denied?
Compare how Airbnb and Booking.com handle checkout flows.
How do I reduce drop-off in our signup flow?
“Being able to pull Mobbin's patterns, knowledge, and images directly into my brainstorming sessions with Claude is incredible. It's something I've always had to do manually until now.”
Kirk McNeill
Kirk McNeill
Founder at UI Collective
Founder at UI Collective
Building from scratch
Your agent analyzes successful design patterns in top apps and applies them in your AI-generated designs.
Progressive disclosure with step indicators: Almost every flow shows progress — Neo Financial (3-dot stepper), DoorDash (1 of 4 bar), N26 (linear progress). Never let users feel lost in regulatory hell.
Pre-flight intro screen before camera: Monzo, Qantas, Monese, Kraken, N26 all set expectations before opening the camera — what you'll do, why, lighting requirements, data handling. Reduces drop-off massively.
Trust signals embedded inline: "Powered by Berbix/Onfido/Mitek" encryption notes, privacy policy links — banking apps especially over-index on this (Monzo's lock icon + "encrypted, stored securely", Qantas' explicit "we won't store your passport image").
Document-type selection first, then scan: Pick passport vs ID vs driver's license, then go to camera. Reduces re-scans.
Camera UI conventions: Dark background, rectangular guide frame with corner brackets, real-time edge detection (BlaBlaCar's green border on success), instructional text below the frame, large capture button, manual entry escape hatch always visible.
come up with a few sample mockups of how i should design a neobank KYC screen with my styleguide
Progressive disclosure with step indicators: Almost every flow shows progress — Neo Financial (3-dot stepper), DoorDash (1 of 4 bar), N26 (linear progress). Never let users feel lost in regulatory hell.
Pre-flight intro screen before camera: Monzo, Qantas, Monese, Kraken, N26 all set expectations before opening the camera — what you'll do, why, lighting requirements, data handling. Reduces drop-off massively.
Trust signals embedded inline: "Powered by Berbix/Onfido/Mitek" encryption notes, privacy policy links — banking apps especially over-index on this (Monzo's lock icon + "encrypted, stored securely", Qantas' explicit "we won't store your passport image").
Document-type selection first, then scan: Pick passport vs ID vs driver's license, then go to camera. Reduces re-scans.
Camera UI conventions: Dark background, rectangular guide frame with corner brackets, real-time edge detection (BlaBlaCar's green border on success), instructional text below the frame, large capture button, manual entry escape hatch always visible.
come up with a few sample mockups of how i should design a neobank KYC screen with my styleguide
come up with a few sample mockups of how i should design a neobank KYC screen
come up with a few sample mockups of how i should design a neobank KYC screen
Stuck on a micro-decision
Let agents explore best practices from apps that have already figured it out. A
B
A
B
UI feels dated
Pull what top apps are doing right now, so you're always building from fresh patterns.
Included in all paid plans
One config block. No API key. Works with Claude and Cursor.
1
Upgrade to a paid plan
MCP access is included on all paid plans.
2
Pick your AI tool
We'll give you the exact command to run.
Claude Code
Cursor
Codex
v0
Other
You can also connect non-coding tools like Claude Desktop. See all supported clients.
3
Register the Mobbin MCP server
Open a terminal and run this command.
claude mcp add mobbin --scope user --transport http https://api.mobbin.com/mcp 4
Open the MCP menu
Start a new Claude Code session in your terminal. In the list of MCP servers, select mobbin.
claude /mcp
5
Authorize
Select Authenticate. A browser window will open automatically. Sign in with your Mobbin account to authorize access. 6
You're set
Mobbin MCP is connected. Start prompting with real app references.
1
Upgrade to a paid plan
MCP access is included on all paid plans.
2
Pick your AI tool
We'll give you the exact command to run.
Claude Code
Cursor
Codex
v0
Other
You can also connect non-coding tools like Claude Desktop. See all supported clients.
3
Register the Mobbin MCP server
Open a terminal and run this command.
claude mcp add mobbin --scope user --transport http https://api.mobbin.com/mcp 4
Open the MCP menu
Start a new Claude Code session in your terminal. In the list of MCP servers, select mobbin.
claude /mcp
5
Authorize
Select Authenticate. A browser window will open automatically. Sign in with your Mobbin account to authorize access. 6
You're set
Mobbin MCP is connected. Start prompting with real app references.