MCP.so
登录
R

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 工具

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

概览

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

常见问题

1

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.

2

What tools are available?

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

评论

媒体与设计 分类下的更多 MCP 服务器