MCP server for discovering and matching design styles from styles.refero.design
If you already use Refero Styles, the refero styles mcp server is the piece that lets your assistant work with it directly. MCP server for discovering and matching design styles from styles.refero.design.
An MCP server that searches styles.refero.design for design systems that match your project's idea, needs, and style — returning ready-to-use design.md documentation.
The toolset is worth reading before you wire it up, because it tells you what the integration is really for:
refero_list_styles — Browse the curated catalog with paginationrefero_search_styles — Search by keyword, mood, brand, or colorrefero_get_design_md — Fetch the full design.md for a specific stylerefero_match_style — Primary tool — match styles to your project descriptionnpm on npm is all you need. Most clients run it directly, so configuration is a few lines and a restart.
Plenty of developer tooling servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Refero Styles's toolset — refero_list_styles, refero_search_styles, refero_get_design_md and 1 more — is a fair guide to whether it matches your workflow. It is maintained by faridjafarlee; worth a glance at recent repository activity before you build anything load-bearing on it.
We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.
| Tool | What it does |
|---|---|
| refero_list_styles | Browse the curated catalog with pagination |
| refero_search_styles | Search by keyword, mood, brand, or color |
| refero_get_design_md | Fetch the full design.md for a specific style |
| refero_match_style | **Primary tool** — match styles to your project description |
{
"mcpServers": {
"refero-styles": {
"command": "npx",
"args": ["-y", "npm"]
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.