MCP.so
Sign In
R

Refero Design Styles

@faridjafarlee

Repository

About Refero Design Styles

Looks up for design.md file from refero styles to make your UI design better.

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "refero-styles-mcp-server": {
      "command": "node",
      "args": [
        "dist/index.js"
      ]
    }
  }
}

Tools

4

Browse the curated catalog with pagination

Search by keyword, mood, brand, or color

Fetch the full design.md for a specific style

**Primary tool** — match styles to your project description

Overview

What is Refero Design Styles?

Refero Design Styles searches styles.refero.design for design systems matching a project's idea, needs, and style, returning ready-to-use design.md documentation for AI coding prompts.

How to use Refero Design Styles?

Install with npm, build the project, and run the server. For Claude Desktop, add the server to the MCP configuration. Invoke tools like refero_match_style by describing your project (e.g., "dark SaaS dashboard for developers") to receive matched design styles.

Key features of Refero Design Styles?

  • Searches ~60 curated design styles with pagination
  • Scores styles by mood, keyword, and color alignment
  • Returns top matches with reasoning and full design.md
  • Offers browsing, keyword search, and direct fetch tools
  • Integrates with AI coding assistants like Claude Desktop

Use cases of Refero Design Styles?

  • Quickly find a design system for a dark SaaS dashboard
  • Match a design.md for a clean fintech mobile app, light theme
  • Get the full design.md for a specific system, e.g., Linear's
  • Use with Claude Desktop to generate styled UI components

FAQ from Refero Design Styles

How does refero_match_style work?

It fetches all styles from the Refero API, scores each against your description using mood detection, keyword matching, and color scheme alignment, then returns top matches along with the full design.md for the best match.

What tools are available?

Four tools: refero_list_styles, refero_search_styles, refero_get_design_md, and the primary matcher

Frequently asked questions

How does `refero_match_style` work?

It fetches all styles from the Refero API, scores each against your description using mood detection, keyword matching, and color scheme alignment, then returns top matches along with the full design.md for the best match.

What tools are available?

Four tools: `refero_list_styles`, `refero_search_styles`, `refero_get_design_md`, and the primary matcher

Comments

Basic information

Category

Media & Design

Transports

stdio

Author

faridjafarlee

Submitted by

Farid Jafarlee

More Media & Design MCP servers

百度地图 MCP Server

baidu-maps

Baidu Map MCP Server

436

YouTube Transcript Server

kimtaeyoon83

This is an MCP server that allows you to directly download transcripts of YouTube videos.

572

Notch

Notch

Create finished video ads from chat. Give Notch a brief or product URL — it loads your brand context, writes the script, and produces the finished ad: avatar, scenes, voiceover, captions. Built for performance marketers,

Framelink Figma MCP Server

GLips

MCP server to provide Figma layout information to AI coding agents like Cursor

15.3K

SceneF — San Francisco Movie Showtimes

SceneF

Built by movie lovers, for movie lovers and their assistants. San Francisco is one of the last great moviegoing cities — single-screen neighborhood houses from the 1920s, repertory calendars that change nightly, 35mm and