Refy
Server Details
Design system for agents: find components by need, check code against the real API, build themes.
- Status
- Healthy
- Uptime
- 100.0% over the last 24 hours
- Last Tested
- Transport
- Streamable HTTP · MCP 2025-06-18
- URL
- Repository
- viniciuscoimbra/refy-design
- GitHub Stars
- 10
- ChatGPT
- –
- Claude
- –
TDQS
Scored across 7 tools
The three discovery tools (collections, search, component) target distinct intents: browse, natural-language lookup, and direct API fetch, and descriptions make the boundary clear. The theme trio (extract/generate/validate) operates on the same resource but with clearly different actions, though extract vs generate could briefly overlap for an agent deciding between URL scraping and a primary-color seed. refy_theme_validate vs refy_validate is well differentiated by object (theme vs screen code).
All tools share the refy_ prefix and the theme tools follow a clean theme_<verb> grouping. The deviation is that refy_collections and refy_component are noun-only names while the rest use verbs, but the set remains predictable and readable.
Seven tools is a tight, well-scoped surface for a component-library/docs server: discovery, API lookup, theming, and validation each earn their place. No tool feels redundant or padded.
The surface covers the full discovery-to-validation loop (find family, read API, build theme, validate theme and screen code) with no obvious dead ends. Minor gaps exist: no dedicated token/guideline reference beyond themes, and no way to list all members without going through collections or a specific component.
Available Tools
7 toolsrefy_collectionsListar coleçõesCRead-onlyIdempotentInspect
Lista as coleções do catálogo (core e especializadas) com os membros reais de cada uma.
Inputs: query, version.
refy_componentLer a API de uma famíliaARead-onlyIdempotentInspect
Devolve a API real (props, tipos, obrigatórias), exemplos de código, uso, alternativas e teclado de uma família ou de um membro documentado (ex.: Button, CardHeader, D3Chart).
Inputs: name (required), version.
refy_searchBuscar componente por intençãoARead-onlyIdempotentInspect
Encontra a família do Refy para uma necessidade descrita em português, inglês ou espanhol ("confirmar antes de apagar", "lista suspensa com busca"). Devolve as famílias em ordem, com o motivo, como usar, quando usar outra e o import.
Inputs: query (required), limit, version, collection.
refy_theme_extractTema a partir de um siteARead-onlyIdempotentInspect
Lê cores, fontes e raios de um site e monta um tema do Refy (claro e escuro) já conferido em contraste AA, com a razão de cada escolha. Recebe url (lê o HTML e o CSS servidos), html/css, ou observations da sonda refy://theme-probe rodada no navegador do agente, que é a leitura mais fiel para site montado por JavaScript.
Inputs: css, url, html, name, +3 more.
refy_theme_generateGerar temaARead-onlyIdempotentInspect
Gera um tema completo (claro e escuro) a partir da cor primária, com raio, densidade e fontes opcionais. O tema sai no formato do ThemeProvider e já conferido: tokens reconhecidos, referências e contraste AA.
Inputs: name (required), primary (required), label, radius, +5 more.
refy_theme_validateValidar temaBRead-onlyIdempotentInspect
Confere um tema (objeto do ThemeProvider) contra o contrato dos temas do Refy: tokens reconhecidos, label, referências resolvíveis e contraste AA de texto, estado e marca, no claro e no escuro.
Inputs: theme (required).
refy_validateValidar uso dos componentesBRead-onlyIdempotentInspect
Confere código de tela contra o contrato do Refy: props obrigatórias, valores fora da união aceita, props fora da API, controles HTML crus, cor/fonte literal e import interno. Recebe o código da tela em code.
Inputs: code (required), theme, version, filename.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
Related MCP Connectors
Design systems your AI agent builds with and you reshape, plus standalone React components.
169A tactile React component library, and the design system that keeps your AI agent on-brand.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Nasaq design system docs for agents: 390 components for React, Vue, Blade and HTML, with Arabic RTL.
Related MCP Servers
- AlicenseNot gradedqualityBmaintenanceProvides a real API for coding agents to look up design system components, props, and tokens, preventing guessed answers.9MIT
- AlicenseNot gradedqualityBmaintenanceEnables coding agents to query a workspace's design system before writing UI and validate generated code against the same system afterward, using configurable token and component sources.13 npm1MIT

WunderUI MCPofficial
AlicenseAqualityBmaintenanceEnables AI coding agents to build UI with a design system's tokens, component inventory and prop signatures, page templates, and starter snippets, while tracking free/pro availability and live-updating design data.11102 npm2MIT- AlicenseAqualityBmaintenanceServes the complete Sekura Design System—tokens, components, layouts, UX patterns, accessibility contract, and paste-ready code—to MCP-capable tools, enabling agents to build accessible, dark-mode-first interfaces with verified values.21MIT
Glama MCP Gateway
Add one secure layer between your agents and this server.