Skip to main content
Glama
jinero-online

Jinero MCP Server

Official

Servidor MCP de Jinero

jinero-mcp MCP server

online.jinero/jinero — un servidor remoto y alojado de Model Context Protocol que brinda a los agentes de IA (Claude, Cursor, Cline, Zed, Gemini CLI…) las herramientas de diseño de jinero.online: 22 herramientas de solo lectura para fuentes (búsqueda, CSS, archivos, reconocimiento a partir de una imagen), matemática de color (contraste WCAG, tonos, nomenclatura, extracción de paletas), paletas seleccionadas, minificación/ conversión/detección de código, optimización de SVG y utilidades de SCSS.

  • Endpoint: https://jinero.online/mcp (HTTP Streamable)

  • Autenticación: ninguna — anónimo y gratuito, con límite de 60 solicitudes/min por IP (además de límites por herramienta en las herramientas pesadas, ver más abajo)

  • Registro: online.jinero/jinero en el registro oficial de MCP

  • Manifiesto: /.well-known/mcp/server.json

  • Documentación humana: jinero.online/dev/mcp — referencia completa con respuestas de ejemplo

Conectar

Claude Code (CLI):

claude mcp add --transport http jinero https://jinero.online/mcp

Claude Desktop / Cursor / Cline (config):

{
  "mcpServers": {
    "jinero": { "type": "http", "url": "https://jinero.online/mcp" }
  }
}

Los clientes antiguos que solo admiten stdio pueden usar un puente con npx mcp-remote https://jinero.online/mcp.

Related MCP server: memoire

Confianza y seguridad

Cada herramienta declara anotaciones MCP, verificables en tools/list:

  • las 22 herramientas son readOnlyHint: true y idempotentHint: true;

  • el código/SVG enviado se analiza y transforma como texto — nunca se ejecuta ni se almacena;

  • las imágenes subidas (reconocimiento de fuentes, extracción de colores) se procesan en memoria y se eliminan inmediatamente;

  • solo tres herramientas obtienen una URL proporcionada por el usuario (recognize_font, extract_colors, svg_to_datauri) — marcadas con openWorldHint: true, con protecciones SSRF y límites de tamaño.

Nota para escáneres de riesgo automatizados: algunos directorios clasifican minify_code, convert_code, generate_clamp o recognize_font como herramientas de "escritura" según sus verbos. Son funciones puras — texto/matemática de entrada, texto de salida; nada se modifica en el servidor ni en el lado del llamador. La señal autoritativa es la anotación readOnlyHint: true que cada una de las 22 herramientas declara en tools/list (capturada en tools.json).

Límites de velocidad

Todo el endpoint está limitado a 60 solicitudes/min por IP. Además, las herramientas de cómputo pesado tienen sus propios límites por herramienta y por IP (servidor v1.4.0+), que se devuelven como un error de herramienta limpio con una sugerencia de reintento cuando se exceden — cada límite también se indica en la descripción de la herramienta:

Herramienta

Límite

Por qué

recognize_font

5/min

Inferencia del modelo CNN

extract_colors

10/min

Subproceso de análisis de imagen

minify_code, convert_code, optimize_svg

30/min

Subprocesos de analizador

svg_to_datauri

30/min

Puede obtener URLs externas

Pruebas y CI

tests/tools.test.mjs ejercita cada herramienta declarada contra el endpoint en vivo (cero dependencias, Node 20+):

npm test

CI ejecuta la suite en cada push y semanalmente (workflow), y tools.json es una captura confirmada del tools/list en vivo — esquemas y anotaciones incluidos (npm run update-snapshot para actualizar).

Pruébalo sin un cliente

# List all tools
curl -s -X POST https://jinero.online/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json, text/event-stream" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/list"}'

Más ejemplos ejecutables en examples/.

Referencia de herramientas

Generada a partir del tools/list en vivo de la versión actual del servidor.

Fuentes

search_fonts

Busca en el catálogo de fuentes gratuitas por nombre, categoría, etiquetas de estilo, cobertura de idiomas, indicadores de variable/monoespaciada y número de estilos. Devuelve una lista paginada de familias.

solo lectura · idempotente

Parámetro

Tipo

Descripción

name

string

Coincidencia difusa de nombre.

category

string

Categorías separadas por comas, p. ej. 'serif,sans'.

langs

string

Códigos de idioma separados por comas, p. ej. 'latin,cyrillic' — TODOS deben ser compatibles.

style

string

Etiquetas de estilo separadas por comas, p. ej. 'handwriting,condensed' — TODAS deben coincidir. Una de: handwriting, script, display, slab, rounded, condensed, expanded, stencil, pixel, blackletter, outline, retro.

variable

boolean

Solo fuentes variables.

monospace

boolean

Solo fuentes monoespaciadas.

styles_min

integer

Número mínimo de estilos.

styles_max

integer

Número máximo de estilos.

order

string: likes | downloads | views | name | created_at

Campo de ordenación, por defecto 'likes'.

sort

string: asc | desc

Dirección de ordenación.

per_page

integer

Resultados por página (por defecto 24).

page

integer

Número de página.

recognize_font

Identifica qué fuente se usa en una imagen. Impulsado por NUESTRO propio modelo de incrustación CNN, entrenado con el catálogo de fuentes de jinero — coincide fuentes por forma/estilo visual, por lo que NO necesita OCR ni texto (funciona para latín y cirílico). Envía un recorte ajustado de una línea de texto como image_url (URL pública) o image_base64 (base64/data-URI, p. ej. una captura de pantalla local). La imagen se procesa en memoria y se elimina inmediatamente — nunca se almacena. Devuelve las familias de fuentes más similares visualmente con puntuaciones. Rápido (~200 ms).

solo lectura · idempotente · obtiene URLs externas

Parámetro

Tipo

Descripción

image_url

string

URL pública de una imagen — un recorte ajustado de una línea de texto. Proporciona esto o image_base64. El reconocimiento es por forma visual (sin OCR/texto); se admiten latín y cirílico.

image_base64

string

Imagen codificada en base64 (base64 crudo o un URI data:image/...;base64), máx. 8 MB decodificados — usa esto para enviar un archivo local/captura sin alojarlo. Proporciona esto o image_url.

top_k

integer

Número de coincidencias de fuentes a devolver (3–20, por defecto 8).

get_font

Obtiene metadatos completos de una familia de fuentes por slug: estilos, pesos, ejes, licencia, subconjuntos y URLs de descarga/CSS.

solo lectura · idempotente

Parámetro

Tipo

Descripción

slug (obligatorio)

string

Slug de la familia, p. ej. 'inter', 'playfair-display'.

get_font_files

Lista cada archivo de fuente (peso/italica/formato + URL directa woff2/ttf) de una familia — útil para construir reglas @font-face personalizadas.

solo lectura · idempotente

Parámetro

Tipo

Descripción

slug (obligatorio)

string

Slug de la familia, p. ej. 'inter'.

get_fonts_css

Genera CSS @font-face listo para usar para una especificación de familia (compatible con Google Fonts), p. ej. "inter:wght@400,700" o un rango variable "inter:wght@300..900". Devuelve texto CSS.

solo lectura · idempotente

Parámetro

Tipo

Descripción

family (obligatorio)

string

Especificación de familia, p. ej. "inter:wght@400,700" o "inter:wght@300..900".

display

string: swap | auto | block | fallback | optional

Valor de font-display (por defecto swap).

get_font_download_url

Devuelve la URL directa de descarga ZIP de una familia de fuentes (todos los estilos + un fonts.css listo). NO descarga — entrega la URL al usuario o bájala por separado.

solo lectura · idempotente

Parámetro

Tipo

Descripción

slug (obligatorio)

string

Slug de la familia, p. ej. 'inter'.

Colores

check_contrast

Comprueba la relación de contraste WCAG entre un color de primer plano y uno de fondo, con aprobado/fallo AA/AAA para texto normal y grande.

solo lectura · idempotente

Parámetro

Tipo

Descripción

fg (obligatorio)

string

Color de primer plano (hex, rgb() o hsl()).

bg (obligatorio)

string

Color de fondo (hex, rgb() o hsl()).

get_color_shades

Genera tintes y sombras para un color base (pasos más claros/más oscuros) con valores hexadecimales.

solo lectura · idempotente

Parámetro

Tipo

Descripción

hex (obligatorio)

string

Color base en hexadecimal, rgb() o hsl().

step

string: 5 | 10 | 20 | 25

Porcentaje del paso (por defecto 10).

limit

integer

Tope de tintas/sombras (por defecto rellena hasta ~100%).

name_color

Obtén el nombre legible por humanos más cercano para uno o más colores. Pasa un único hex o varios separados por comas (p. ej. "#3b82f6,#000,#ff7f50"); devuelve cada entrada con el nombre de color más cercano, el hex de referencia, un indicador de coincidencia exacta y la distancia perceptual.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

hex (obligatorio)

string

Un color hexadecimal, o varios separados por comas (p. ej. "#3b82f6,#000,#ff7f50"). Hasta 100 de una vez.

extract_colors

Extrae una paleta de colores dominantes de una imagen. Envía una image_url pública o una image_base64 (base64/data-URI, p. ej. una captura de pantalla local). La imagen se procesa en memoria y nunca se almacena. Cada color se obtiene con su hex, rgb, hsl, la proporción de la imagen y el nombre de color humano más cercano: una paleta con nombre en una sola llamada.

Solo lectura · idempotente · consulta URL externas

Parámetro

Tipo

Descripción

image_url

string

URL pública de la imagen de la que obtener la paleta. Proporciona este valor o image_base64.

image_base64

string

Imagen codificada en base64 (base64 directo o un URI data:image/...;base64), máx. 10 MB decodificada — úsalo para enviar un archivo o captura local sin necesidad de alojarla. Proporciona este valor o image_url.

count

integer

Cuántos colores devolver (2–16, por defecto 8).

mode

string

Modo de la paleta: "balanced" (por defecto), "vibrant" o "muted".

Paletas

search_palettes

Busca en el catálogo de paletas de color por nombre, tono, temperatura, ambiente, armonía, cantidad exacta de colores y etiquetas. Devuelve una lista paginada.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

nombre

string

Coincidencia difusa del nombre.

tone

string: light | dark | mixed

Tono general.

temperature

string: warm | cool | neutral

Temperatura del color.

mood

string

p. ej. pastel, muted, earthy, vibrant, monochrome.

harmony

string

p. ej. analogous, complementary, triadic, monochromatic, split-complementary, tetradic.

color_count

integer

Número exacto de colores.

tags

array

Slugs de las etiquetas: todos deben coincidir (AND).

order

string: newest | popular | name

Orden de clasificación (por defecto newest).

per_page

integer

Resultados por página (por defecto 24).

page

integer

Número de página.

get_palette

Obtén una paleta de colores por su id: sus colores (hex), nombre/título derivado, ambiente, armonía, temperatura y etiquetas.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

id (obligatorio)

integer

Id de la paleta.

Código

minify_code

Minifica o embellece texto JS, CSS, HTML, SVG, JSON o XML. Si usa type=auto para que detectar el lenguaje. El código solo se parsea y se vuelve a imprimir; nunca se ejecuta ni se almacena.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

code (obligatorio)

string

Código fuente a transformar.

type (obligatorio)

string: formatos

Lenguaje de origen, o 'auto' para detectar.

mode

string: minify | beautify

Por defecto, minify.

keep_license

boolean

Conserva los comentarios de licencia /*! ... */ al minificar.

detect_code

Detecta el lenguaje o formato de un fragmento de código. Solo análisis estático: el fragmento nunca se ejecuta ni se almacena.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

code (obligatorio)

string

Fragmento a inspeccionar. Máximo 200.000 caracteres.

convert_code

Convierte código entre formatos de texto (p. ej. JSON↔YAML, CSS↔SCSS). Transformación de texto pura: el origen se parsea y se vuelve a serializar; nunca se ejecuta ni se almacena. Consulta list_code_converters para obtener los identificadores válidos de from/to y las opciones de cada convertidor.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

code (obligatorio)

string

Código fuente a convertir.

from (obligatorio)

string

Identificador de formato de origen (ver list_code_converters).

to (obligatorio)

string

Identificador de formato de destino.

options

object

Opciones por convertidor (ver optionsSchema en list_code_converters).

list_code_converters

Lista los convertidores de código disponibles con sus identificadores de from/to y los esquemas de opciones por convertidor.

Solo lectura · idempotente

Sin parámetros.

SVG

optimize_svg

Optimiza/limpia el marcado SVG (SVGO). Transformación de marcado pura: no se ejecuta ni almacena nada. Devuelve el SVG minificado más los tamaños antes/después.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

svg (obligatorio)

string

SVG de entrada. Máximo 500.000 caracteres.

preset

string: safe | balanced | aggressive

Preajuste de optimización (por defecto balanced).

svg_to_datauri

Codifica un SVG (u entonces una imagen descargada) como data: URI listo para CSS. Proporciona el svg na direto o un URL.

Solo lectura · idempotente · consulta URLs externas

Parámetro

Tipo

Descripción

svg

string

Marcado SVG sin tratar. No mezclar con url.

url

string

URL pública de la imagen que el servidor descargará.

encoding

string: utf8 | base64

Por defecto: utf8 para SVG, base64 para imágenes raster.

quotes

string: single | double

Estilo de comillas del data URI (por defecto, dobles).

list_svg_presets

Lista los preajustes de optimización de SVG disponibles y qué hace cada uno.

Solo lectura · idempotente

Sin parámetros.

Desarrollo

list_scss_mixins

Lista el catálogo de mixins SCSS (id, título, descripción breve), opcionalmente filtrado por grupo o búsqueda.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

group

string

p. ej. Bootstrap, Project, Pattern, Placeholder.

search

string

Subcadena difusa en id/title/short/desc.

fields

string: summary | full

Nivel de detalle (por defecto summary).

get_scss_mixin

Obtén un mixin SCSS por su identificador: fuente completa, parámetros y ejemplo de uso.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

id (obligatorio)

string

Idéntica id del mixin (kebab-case), p. ej. 'midel-centerer', 'media-breakpoint-up'.

generate_clamp

Calcula una expresión CSS fluida clamp() para un tamaño adaptable entre dos anchos de viewport. Cálculo puro: devuelve un fragmento CSS y no escribe ni almacena nada.

Solo lectura · idempotente

Parámetro

Tipo

Descripción

min_fs (obligatorio)

number

Tamaño mínimo en px.

max_fs (obligatorio)

number

Tamaño máximo en px.

min_vw

number

Ancho del viewport en min_fs (default 320).

max_vw

number

Ancho del viewport en max_fs (default 1440).

unit

string: px | rem | both

Unidad de salida (por defecto rem).

root

number

Tamaño de letra de la raíz en px para la conversión a rem (por defecto 16).

Acerca de

Construido y mantenido por jinero.online — herramientas de diseño gratuitas para tipografías, iconos, colores y código. El servidor MCP es un capa fina sobre la misma API REST pública: un contrato, el mismo comportamiento.

Este repositorio contiene la documentación pública y ejemplos del servidor. Las pulgas informes de errores y las solicitudes de características para las herramientas son bienvenidas aquí.Generate tints and shades for a base color (lighter/darker steps) with hex values.

read-only · idempotent

Parameter

Type

Description

hex (required)

string

Fundamental color in hex, rgb(), or hsl().

step

string: 5 | 10 | 20 | 25

Step percentage (default 10).

limit

integer

Cap on tints/shades (default fills to ~100%).

name_color

Get the closest human-readable name for one or more colors. Pass a single hex or several comma-separated (e.g. "#3b82f6,#000,#ff7f50"); returns for each input its nearest color name, the reference hex, an exact-match flag and the perceptual distance.

read-only · idempotent

Parameter

Type

Description

hex (required)

string

A hex color, or several comma-separated (e.g. "#3b82f6,#000,#ff7f50"). Up to 100 at once.

extract_colors

Extract the dominant-color palette from a landscape. Send either a public image_url or image_base64 (base64/data-URI, e.g. a local screenshot). The image is processed in memory and never stored. Each color comes back with its hex, rgb, hsl, share of the image, and the closest human color name — a named palette in a single call.

read-only · idempotent · fetches external URLs

Parameter

Type

Description

image_url

string

Public URL for the image to pull the palette from. Provide either this or image_base64.

image_base64

string

Base64-encoded image (raw base64 or a data:image/...;base64 URI), max 10 MB decoded — use this to send a local file/screenshot without hosting it. Provide either this or image_url.

count

integer

How many colors to return (2–16, default 8).

mode

string

Palette mode: "balanced" (default), "vibrant", or "muted".

Palettes

search_palettes

Search the color-palette catalog from by name, tone, temperature, brightness, harmony, exact color count and tags. Returns a paginated list.

read-only · idempotent

Parameter

Type

Description

name

string

Fuzzy name match.

tone

string: light | dark | mixed

Overall tone.

temperature

string: warm | cool | neutral

Color temperature.

mood

string

e.g. pastel, muted, earthy, vibrant, monochromatic.

harmony

string

e.g. analogous, complementary, triadic, monochromatic, split-complementary, tetradic.

color_count

integer

Exact number of colors.

tags

array

Tag slugs — ALL must match (AND).

order

string: newest | popular | name

Sort order (default newest).

per_page

integer

Results per page (default 24).

page

integer

Page number.

get_palette

Get one color palette by its ID: its color(s) (hex), name/derived title, mood, harmony, temp. and tags.

read-only · idempotent

Parameter

Type

Description

id (required)

integer

Palette id.

Code

minify_code

Minify or beautify JS, CSS, HTML, SVG, JSON, XML. Set type=auto to sniff the language. Code is only parsed and re-printed — never executed and never stored.

read-only · idempotent

Parameter

Type

Description

code (required)

string

Source code to transform.

type (required)

string: js | css | html | ašvg | json | xml | auto

Source language, or 'auto' to sniff.

mode

string: minify | beautify

Default minify.

keep_license

boolean

Preserve /*! ... */ license comments in minify.

detect_code

Detect the language/format of a code snippet. Static analysis only — the snippet is never executed and never stored.

read-only · idempotent

J Parameter

Type

Description

code (required)

string

Snippet to inspect. Max 200,000 chars.

convert_code

Convert code between text formats (e.g. JSON↔YAML, CSS↔SCSS). Pure text transformation: the source is parsed and re-serialized, never executed, ever stored. Use list_code_converters for valid from/to ids and per-converter options.

  • read-only · idempotent *

Parameter

Type

Description

code

code (required)

string

Source code to convert.

from (required)

string

Source format id (see list_code_converters).

to (required)

string

Target format id.

options

object

Per-converter options (see optionsSchema in list_code_converters).

list_code_converters

List available code converters with their convert codes, from/to ids and per-converter option schemas.

read-only · idempotent

No parameters.

SVG

optimize_svg

Optimize/clean SVG markup (SVGO). Pure markup — nothing is executed or stored. Returns minified SVG plus before/after sizes.

read-only · idempotent

Parameter

Type

Description

svg (required)

string

SVG source. Max 500,000 chars.

preset

string: safe | balanced | aggressive

Optimization preset (default balanced).

svg_to_datauri

Encode an SVG (or graphic images) as a CSS-ready data: URI. Provide raw svg or a url.

read-only · idempotent · fetches external URLs

Parameter

Type

Description

svg

string

SVG markup. Mutually exclusive with url.

url

string

Public image URL to fetch.

encoding

string: utf8 | base64

Defaults: utf8 for SVG, base64 for raster.

quotes

string: single | double

Quotes style for the data URI (default double).

list_svg_presets

List available SVG optimization presets and what each one does.

read-only · idempotent

No parameters.

Dev

list_scss_mixins

List SCSS mixin catalog (id, title, short description), optionally filtered by group or search.

read-only · idempotent

Parameter

Type

Description

group

string

e.g. Bootstrap, Project, Pattern, Placeholder.

search

string

Fuzzy substring across id/title/short/desc.

fields

Summary

string: summary | full

Detail level (default summary).

get_scss_mixin

Get one SCSS mixin by id: full source, parameters, and usage example.

read-only · idempotent

Parameter

Type

Description

id (required)

string

Mixin id (kebab-case), e.g. centerer, media-breakpoint-up.

generate_clamp

Calculate fluid CSS clamp() expression for responsive sizing between two viewport widths. Pure calculation — returns a CSS snippet, writes and stores nothing.

read-only · idempotent

Parameter

Type

Description

min_fs (required)

number

Minimum size in px.

max_fs (required)

number

Maximum size in px.

min_vw

number

Viewport width at min_fs (default 320).

max_vw

number

Viewport width at max_fs (default 1440).

unit

string: px | rem | both

Output unit (default rem).

root

number

Root font size in px for rem conversion (default 16).

About

Built and operated by jinero.online — free design tools for fonts, icons, colors, and code. The MCP server is a thin

Related MCP Connectors

Related MCP Servers

  • A
    license
    Not graded
    quality
    D
    maintenance
    Multi-tool MCP server for AI agents with 29 tools across web scraping, SEO analysis, screenshot and PDF generation, domain intelligence, content extraction, multi-chain EVM blockchain queries, and security toolkit. Free tier available with no auth required.
    17 npm
    1
    MIT
  • A
    license
    A
    quality
    B
    maintenance
    Design system MCP server. 20 tools: extract design tokens from any URL, pull from Figma or Penpot, generate React + shadcn/ui components from specs, run WCAG audits, sync tokens bidirectionally.
    50
    169 npm
    47
    MIT
  • A
    license
    B
    quality
    F
    maintenance
    An MCP server providing 22 pay-per-call utility tools for AI agents (scrape, validate, embed, store, moderate, notify, convert, prevent loops) without accounts or API keys, using USDC payments via the x402 protocol.
    17
    66 npm
    1
    MIT