Refero MCP for AI agents
Give your AI agent design taste
Refero MCP connects your agent to a curated library of real product interfaces and user flows. It studies before it builds — and the output looks designed, not generated.
Works with any tool that supports MCP
You can spot an AI-generated page instantly — they all look the same. Refero MCP fills the design knowledge gap that causes this.
Models excel at code and logic, but product design is different. They simply don’t know which layouts work, which patterns convert, or how real apps are built. Refero MCP changes that by giving your agent access to 130,000+ screens and 10,000+ user flows to learn from.
Your AI starts making better designs
Without references, your agent designs in a vacuum. With Refero MCP, it studies real products that solved the same problem — then makes an informed decision. You’ll see the difference in the layout, the hierarchy, the details.
The largest library of real product interfaces
130,000+ screens and 10,000+ user flows. From first launch to account deletion. Onboarding, paywalls, empty states, error pages, settings, permissions — if it exists in a real product, it’s here.
Designed for agents
Every screen comes with structured metadata: description, UX patterns, UI patterns, layouts and more. Your agent reads the blueprint before it even looks at the image — fast research, buildable output.
Automated design research in seconds
Your agent can review and analyze hundreds of screens and user flows in seconds — more design references than a person could get through in an entire day. It reads structured data, compares patterns, finds what’s relevant, and uses it. Automatically, on every design task.
Why it matters
By default, AI models generate generic, boring interfaces. They are trained on code and text, leaving real product design as a massive blind spot.
Refero MCP fixes this by enriching your AI with actual design knowledge. Through the API, your agent researches competitors, industry standards, and proven UI/UX patterns. Instead of guessing, it learns how to design by studying the best. The result is a dramatic leap in visual quality and user experience.
How to install MCP
One line of config and your agent can search real product screens and user flows on every task.
Get a Refero Pro subscription
MCP access is included in the Pro plan
Upgrade now
2. ### Connect your tool
Claude Code
Cursor
Antigravity
Lovable
Codex
Manus
Other
Restart & authorize
The first time you call Refero, a browser window opens. Sign in with your Refero account — after that it’s automatic.
You're all set
Try: "Find onboarding flows from fintech apps" or "Show me how Linear handles empty states." Refero handles the rest.
Refero Skill
A design methodology that installs into your agent. Instead of jumping straight to code, your agent first researches references, extracts specific patterns, and then designs with craft rules for typography, color, spacing, and motion. This means fewer iterations, more intentional results, and less time fixing things that looked off from the start.
npx skills add https://github.com/referodesign/refero_skill
Pricing
Full access to the Refero platform and the MCP server for your AI agent.
- Web designs: 67,000+ screens from shipped products
- iOS designs: 63,000+ app screens, growing weekly
- User flows: From signup to cancellation, step by step
- New screens weekly: Last update today
- Figma plugin: All references directly inside Figma
- Refero MCP: Give your AI agent access to the world’s best UX/UI data
- Refero Skill: A design methodology that installs into your agent
Monthly
Annual
€17
/ month
Refero MCP for business
We work with companies that build design tools, website builders, AI editors, and code generators. If your product creates or assists with design, Refero can plug into it as a data layer and improve what your users get.
We’re open to partnerships and custom integrations. Write to us at support@refero.design and let’s talk about what makes sense for your product.