Reference research
Gummble MCP
Finds real screens, multi-step flows, UI patterns, and dedicated microcopy references from shipped apps.
UI design MCP · read-only research
The UI design MCP for real product evidence.
Give Claude, Cursor, Codex, and v0 shipped screens, step-by-step flows, pattern families, and microcopy before they design—not another component catalog or generic image search.
Checking your account…
Gummble MCP
connected›prompt
Find real mobile paywalls before recommending the Pro upgrade layout.
search.patterns8 families
search.screens42 screens
details.batch6 matches
Reference board ready
reference board
Paywall direction
Single-tier CTA
Payment trust sits beside the action, not below it.
Value frame
The money state is visible before the upsell language.
Guided step
One obvious next action with lightweight reassurance.
agent synthesis
Use one plan, anchor value before price, then place trust proof beside the CTA.
300,000+
UI screenshots
21,000+
real product flows
14
read-only tools
OAuth
protected access
UI design MCP, explained
What makes Gummble different from other design MCP servers?
Gummble is a reference MCP: it searches evidence from products that have already shipped. Figma MCP reads your own files, while component MCPs help generate or install UI. These jobs complement each other, but they are not interchangeable.
Your product context
Figma MCP
Gives an agent context from your files, components, tokens, and design system.
Production
Component MCPs
Find, generate, or install implementation-ready components after the design direction is clear.
A grounded workflow: Gummble finds the evidence → Figma supplies your design-system context → your agent adapts and builds.
Compare MCP servers for designersFrom prompt to proof.
Ask for a direction, then make your agent show the references, flows, and copy patterns behind its design choices.
Research screens
Find mobile paywalls with annual discount framing.
A shortlist of real screens with app context and visual references.
gummble_search_screens
Compare flows
Compare onboarding flows for language learning apps.
Step-by-step journeys your agent can critique before designing.
gummble_search_flows
Extract microcopy
Find empty-state microcopy for fintech apps.
Real product wording patterns for onboarding, validation, and recovery.
gummble_search_microcopy
Gummble MCP at a glance
Gummble MCP: 14 read-only tools, supported clients, and price
Gummble MCP is a remote Model Context Protocol server at https://mcp.gummble.com/mcp. It lets AI agents search 300,000+ real UI screens, 21,000+ UX flows, and product microcopy from 1,500+ shipped iOS, Android, and web apps, then cite those references before they design. You sign in with OAuth in the browser, with no API key, and all 14 tools are read-only: no write access and no destructive operations.
14 read-only tools
Search
gummble_search_screens— real app screens by pattern, domain, or keywordgummble_search_flows— multi-step UX flows such as signup, onboarding, and paywallsgummble_search_sections— marketing-site sections such as heroes, pricing, and testimonialsgummble_search_microcopy— real UI copy: empty states, errors, paywalls, and confirmationsgummble_search_patterns— UI pattern families to start broad before picking screensgummble_search_apps— apps in the catalog by name, brand, or keywordgummble_search_store_screenshots— live App Store screenshot sets of top-ranked apps for a keyword
Inspect
gummble_get_screen_detail— one screen with a high-fidelity image and its metadatagummble_find_similar_screens— visually similar screens to a selected referencegummble_get_flow_screens— every screen in one flow, in ordergummble_get_app— an app's metadata, versions, and screensgummble_get_store_screenshots— the live App Store screenshot set for one iOS app
Batch
gummble_get_screen_details_batch— several screens in one callgummble_get_flow_screens_batch— up to ten flows compared in one call
Supported clients
Works with Claude Code, Cursor, VS Code, Codex, Claude Desktop, Windsurf, and v0, plus any MCP client that supports remote Streamable HTTP servers.
Which plan includes MCP
MCP access is included on every paid Gummble plan. The cheapest is Browse at $9.99/month, billed monthly. Pro is $14.99/month, and Team is $15 per seat per month with a 3-seat minimum. The free plan does not include MCP.
Included in all paid plans
Connect Gummble MCP to your agent.
One config block. No API key. Works with Claude, Cursor, Codex, Windsurf, and v0.
Pick your AI tool
We'll give you the exact command to run.
You can also connect non-coding tools like Claude Desktop. See all supported clients.
Register the Gummble MCP server
Open a terminal and run this command. The user scope keeps Gummble available in all your projects.
Copy setup block
claude mcp add --transport http --scope user gummble https://mcp.gummble.com/mcpAuthorize
Start a Claude Code session and run the /mcp command. Choose gummble, select Authenticate, then sign in with your Gummble account to authorize access.
Copy setup block
/mcpVerify the connection
Run a real Gummble request. A successful result confirms both OAuth and tool access.
Copy setup block
claude -p "Use Gummble to search for onboarding screens."Want the full walkthrough for your editor — scopes, troubleshooting, and prompt recipes? See the deep guides for Claude Code and Cursor.
Guides for real workflows.
The best MCP sessions start with a job, not a tool name. Our guide gives you 10 copy-paste prompts for Claude Code, Cursor, and Codex you can run immediately.
1
UI screen research
Prompt templates for finding diverse visual references by domain.
2
Flow analysis
Compare onboarding, checkout, search, and upgrade journeys.
3
UX microcopy
Study real empty states, paywalls, validation, and error recovery.
4
Pattern discovery
Start broad with pattern families before drilling into screenshots.
5
Design agent prompts
Reusable prompts that force agents to deconstruct before generating.
Searchable evidence beats screenshot guessing.
No write access or destructive MCP tools.
OAuth-protected remote server with plan entitlement checks.
Designed for references, deconstruction, and prompt grounding.
Questions, answered.
What teams ask before connecting Gummble MCP to their agents.
What is Gummble MCP?
Gummble MCP is a remote Model Context Protocol server that gives AI clients access to Gummble's searchable library of real app screens, flows, patterns, and microcopy.
Which clients can connect to Gummble MCP?
Gummble MCP works with MCP-compatible clients such as Claude, Cursor, Windsurf, Codex, v0, and generic clients that support remote MCP servers.
Do I need a paid Gummble plan?
Yes. MCP access is included on all current paid plans: Browse at $9.99/month, Pro at $14.99/month, and Team at $15 per seat per month with a 3-seat minimum. The free plan does not include MCP.
Which tools does Gummble MCP expose?
14 read-only tools: gummble_search_screens, gummble_search_flows, gummble_search_sections, gummble_search_microcopy, gummble_search_patterns, gummble_search_apps, gummble_search_store_screenshots, gummble_get_screen_detail, gummble_find_similar_screens, gummble_get_flow_screens, gummble_get_app, gummble_get_store_screenshots, gummble_get_screen_details_batch, gummble_get_flow_screens_batch.
Can Gummble MCP modify my files or projects?
No. Gummble MCP is read-only. It exposes search and reference tools with no write access and no destructive operations.
What is the best MCP for UI design research?
Gummble MCP is designed specifically for UI design research. It lets an AI agent search shipped app screens, step-by-step UX flows, pattern families, and product microcopy, then cite those references before recommending a design direction.
How is Gummble MCP different from Figma MCP?
Figma MCP gives an agent context from your own Figma files and design system. Gummble MCP supplies outside product evidence from shipped apps. Use Gummble to research patterns, then Figma MCP to adapt the direction to your own components and tokens.
How is Gummble MCP different from Mobbin MCP?
Gummble MCP includes microcopy search, so your agent can study real product wording alongside screens and flows. Access starts with the Browse plan.