Refero Design Styles MCP Server

@faridjafarlee

リポジトリ

基本情報

カテゴリ

メディアとデザイン

トランスポート

stdio

作者

faridjafarlee

投稿者

Farid Jafarlee

Refero Design Styles MCP Server について

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

Refero Design Styles MCP Server の設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

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

Refero Design Styles MCP Server のツール

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

概要

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

よくある質問

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

「メディアとデザイン」の他のコンテンツ

Caimera

Build and run AI product photography workflows from your AI assistant: on-model shots, catalog images, prints and edits, with results returned in chat.

Cliptude

Turn a topic or script into a finished 6–60 minute faceless YouTube documentary with voiceover, real footage, animated maps and charts. Your AI agent plans every shot; Cliptude voices, sources and renders it.

PopNow MCP Server

PopNow

Hosted MCP server for AI image, video, music and voice generation. Lets ChatGPT, Claude, Cursor and any MCP client create with Kling, Seedance, Nano Banana, Suno and more using PopNow credits. OAuth 2.1 sign-in, nothing

transcribe.so

Transcribe YouTube videos, podcasts, meetings and media links into speaker-labelled, timestamped transcripts, then search who said what, ask questions answered with timestamped citations, pull chapters and paste-ready ti

UGCfy AI

Break down any TikTok or Instagram Reels ad and rewrite it for your product, right inside Claude, Cursor, or ChatGPT. Hooks, UGC scripts, and CPM. Free, no API key.