Labsco
MCP SERVER

Refero Design Styles

by faridjafarlee

Describe the app you are building and get a ready-to-paste design.md back from a curated style catalog.

Design Systems & UI Component Libraries
Summary
A design system chosen for the project, not browsed for.

refero_match_style is the whole point: one sentence about the product goes in, and a complete design.md comes out ready to paste into a coding prompt. The other three are for when you already know the name of the style you want.

What it is

A search layer over styles.refero.design, a curated catalog of design systems. Describe a project and it scores every style against the description using mood detection, keyword matching and colour scheme alignment, then returns the full design.md for the best match.

What you get
  • Your project description matched against the catalog, with the top N ranked by score and the reasons given, and the winner's full design.md fetched and returned (refero_match_style)
  • The curated catalog browsed with pagination (refero_list_styles)
  • Search by keyword, mood, brand or colour (refero_search_styles)
  • The complete design.md for a style you name (refero_get_design_md)
Requirements

Node with a local build, npm install then npm run build, and node dist/index.js as the command in your client. It reads the public Refero API — a curated catalog small enough to page through end to end — with no key.