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.
Included in all paid plans. Eligible new Browse and Pro web subscriptions can start a 7-day trial.
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
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, Pro, and Team.
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.