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.
Claude Code
Cursor
Windsurf
Claude Desktop
Other
Run this in your terminal:claude mcp add --transport http refero https://api.refero.design/mcp
Add to your .cursor/mcp.json:{
"mcpServers": {
"refero": {
"url": "https://api.refero.design/mcp"
}
}
}
Add to your ~/.codeium/windsurf/mcp_config.json:{
"mcpServers": {
"refero": {
"url": "https://api.refero.design/mcp"
}
}
}
Add to your claude_desktop_config.json:{
"mcpServers": {
"refero": {
"url": "https://api.refero.design/mcp"
}
}
}
For any MCP-compatible tool, use these settings:| Field | Value |
|---|
| Server name | Refero |
| Server URL | https://api.refero.design/mcp |
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
Show me how Linear handles empty states
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
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
