Skip to main content
Refero MCP

​
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. Models excel at code and logic, but product design is different. They don’t know which layouts work, which patterns convert, or how real apps are built. Refero MCP fills the design knowledge gap by giving your agent real products to learn from.

​
What you need

  • Refero Pro — an active subscription is required. Get Refero Pro.
  • Any MCP-compatible tool — Claude Code, Cursor, Windsurf, Antigravity, Lovable, Codex, or anything else that supports MCP.

​
Connect your tool

Run this in your terminal:
claude mcp add --transport http refero https://api.refero.design/mcp
Restart Claude Code, and you’re ready.

​
Authorize

The first time you call Refero, a browser window opens. Sign in with your Refero account — after that, it’s automatic.
If your session expires, the same sign-in flow kicks in again. Nothing to reconfigure.

​
You’re all set

Try asking your agent: 
Find onboarding flows from fintech apps
or: 
Show me how Linear handles empty states
Refero handles the rest — your agent searches real products, gets structured metadata, and uses it to inform every design decision.

​
How it works

Every screen in Refero comes with structured metadata: description, UX patterns, UI elements, layout details, and more. Your agent reads the blueprint before it even looks at the image — fast research, buildable output. 
Your agent → MCP protocol over HTTP → Refero API → Database of real product interfaces
All data stays server-side. Only the results your agent requested come back.

​
Limits

Refero Pro includes 8,000 tool calls per month — more than enough for regular design work. Need more? We offer business plans with higher limits and custom integrations. Reach out at main@refero.design.

​
Next

Tools

4 tools your agent gets — search and detail endpoints for screens and flows.

Examples

Real workflows: competitive analysis, page redesign, flow research.

Refero Skill

Install a research-first design methodology into Claude Code.