Design system for agents: find components by need, check code against the real API, build themes.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Lista as coleções do catálogo (core e especializadas) com os membros reais de cada uma.
Versão do pacote cuja API você quer ler (ex.: 1.2.0). Padrão: a versão deste servidor.
Pick your client. Values in capitals, like YOUR_TOKEN, are yours to fill in.
Run in a terminal
claude mcp add --transport http refy https://refy.design/mcp
Lista as coleções do catálogo (core e especializadas) com os membros reais de cada uma.
| Argument | Type | Description |
|---|---|---|
| query | string | |
| version | string | Versão do pacote cuja API você quer ler (ex.: 1.2.0). Padrão: a versão deste servidor. |
{
"type": "object",
"properties": {
"query": {
"type": "string"
},
"version": {
"type": "string",
"description": "Versão do pacote cuja API você quer ler (ex.: 1.2.0). Padrão: a versão deste servidor."
}
}
}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).
| Argument | Type | Description |
|---|---|---|
| name* | string | |
| version | string | Versão do pacote cuja API você quer ler (ex.: 1.2.0). Padrão: a versão deste servidor. |
{
"type": "object",
"required": [
"name"
],
"properties": {
"name": {
"type": "string"
},
"version": {
"type": "string",
"description": "Versão do pacote cuja API você quer ler (ex.: 1.2.0). Padrão: a versão deste servidor."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| limit | integer | |
| query* | string | A necessidade da tela, em linguagem natural. |
| version | string | Versão do pacote cuja API você quer ler (ex.: 1.2.0). Padrão: a versão deste servidor. |
| collection | string | Filtra por coleção (core, media, geolocation, conversation, analytics...). |
{
"type": "object",
"required": [
"query"
],
"properties": {
"limit": {
"type": "integer",
"default": 5,
"maximum": 20,
"minimum": 1
},
"query": {
"type": "string",
"description": "A necessidade da tela, em linguagem natural."
},
"version": {
"type": "string",
"description": "Versão do pacote cuja API você quer ler (ex.: 1.2.0). Padrão: a versão deste servidor."
},
"collection": {
"type": "string",
"description": "Filtra por coleção (core, media, geolocation, conversation, analytics...)."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| css | array | Folhas de estilo, no lugar de url. |
| url | string | Endereço público do site, http ou https. |
| html | string | HTML da página, no lugar de url. |
| name | string | Identificador do tema: minúsculas, números e hífen. Padrão: o domínio. |
| label | string | |
| description | string | |
| observations | array | Saída da sonda refy://theme-probe (campo observations). |
{
"type": "object",
"properties": {
"css": {
"type": "array",
"items": {
"type": "string"
},
"description": "Folhas de estilo, no lugar de url."
},
"url": {
"type": "string",
"description": "Endereço público do site, http ou https."
},
"html": {
"type": "string",
"description": "HTML da página, no lugar de url."
},
"name": {
"type": "string",
"description": "Identificador do tema: minúsculas, números e hífen. Padrão: o domínio."
},
"label": {
"type": "string"
},
"description": {
"type": "string"
},
"observations": {
"type": "array",
"items": {
"type": "object"
},
"description": "Saída da sonda refy://theme-probe (campo observations)."
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| name* | string | Identificador: minúsculas, números e hífen. |
| label | string | Nome de exibição. |
| radius | string | |
| density | string | |
| primary* | string | Cor primária em hexadecimal, ex.: #2163ad. |
| fontBody | string | |
| fontMono | string | |
| description | string | |
| fontHeading | string |
{
"type": "object",
"required": [
"name",
"primary"
],
"properties": {
"name": {
"type": "string",
"description": "Identificador: minúsculas, números e hífen."
},
"label": {
"type": "string",
"description": "Nome de exibição."
},
"radius": {
"enum": [
"sharp",
"default",
"round"
],
"type": "string"
},
"density": {
"enum": [
"compact",
"default",
"comfortable"
],
"type": "string"
},
"primary": {
"type": "string",
"description": "Cor primária em hexadecimal, ex.: #2163ad."
},
"fontBody": {
"type": "string"
},
"fontMono": {
"type": "string"
},
"description": {
"type": "string"
},
"fontHeading": {
"type": "string"
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| theme* | object |
{
"type": "object",
"required": [
"theme"
],
"properties": {
"theme": {
"type": "object"
}
}
}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.
| Argument | Type | Description |
|---|---|---|
| code* | string | Código da tela (TSX/JSX/TS/JS/CSS). |
| theme | object | Tema do projeto (RefyTheme, ou objeto com vários temas). Tokens declarados nele não geram unverified-token. Com files, sem theme, vale o theme.json da raiz do projeto. |
| version | string | Versão do pacote cuja API você quer ler (ex.: 1.2.0). Padrão: a versão deste servidor. |
| filename | string | Nome do arquivo do código, define a linguagem. Padrão: Tela.tsx. |
{
"type": "object",
"required": [
"code"
],
"properties": {
"code": {
"type": "string",
"description": "Código da tela (TSX/JSX/TS/JS/CSS)."
},
"theme": {
"type": "object",
"description": "Tema do projeto (RefyTheme, ou objeto com vários temas). Tokens declarados nele não geram unverified-token. Com files, sem theme, vale o theme.json da raiz do projeto."
},
"version": {
"type": "string",
"description": "Versão do pacote cuja API você quer ler (ex.: 1.2.0). Padrão: a versão deste servidor."
},
"filename": {
"type": "string",
"description": "Nome do arquivo do código, define a linguagem. Padrão: Tela.tsx."
}
}
}We read every tool's name, description and inputs the way the model will, looking for instructions hidden from you. A clean result means no warning signs, not a guarantee. Scanned Nov 12, 2026.