Servidor MCP

Un servidor MCP remoto y alojado que le da a tu agente de IA las mismas herramientas de diseño que las personas usan en jinero.online: 22 herramientas que cubren fuentes (búsqueda, CSS, archivos, identificación a partir de una imagen), cálculos de color (contraste, sombras, nombres, extracción), paletas seleccionadas, minificación, conversión y detección de código, optimización de SVG y utilidades SCSS. Cada herramienta es una capa fina sobre la API REST pública: un mismo contrato, un mismo comportamiento. Está publicado en el registro oficial de MCP como online.jinero/jinero; el manifiesto está en /.well-known/mcp/server.json.

Funciona con cualquier cliente MCP compatible con servidores remotos (Streamable HTTP): Claude Code, Claude Desktop, Cursor, Cline, Zed, Gemini CLI y otros. Los clientes más antiguos que solo admiten stdio pueden conectarse mediante un puente: npx mcp-remote https://jinero.online/mcp.

Cada herramienta declara anotaciones MCP para que los clientes y los escáneres de seguridad puedan verificar su comportamiento en lugar de suponerlo: las 22 herramientas son de solo lectura e idempotentes. El código y los SVG enviados se analizan y transforman como texto: nunca se ejecutan ni se guardan. Las imágenes subidas (identificación de fuentes, extracción de colores) se procesan en memoria y se eliminan de inmediato. Solo tres herramientas acceden a una URL proporcionada por el usuario (recognize_font, extract_colors, svg_to_datauri): están marcadas como open-world y las descargas están protegidas contra SSRF (solo http(s) público, con límite de tamaño). Anónimo, sin clave de API, con un límite general de 60 solicitudes/min por IP; las herramientas que requieren más cómputo tienen sus propios límites, más estrictos (recognize_font 5/min, extract_colors 10/min, transformaciones de código/SVG 30/min), indicados en la descripción de cada herramienta.

Busca en el catálogo de fuentes gratuitas por nombre, categoría, etiquetas de estilo, idiomas admitidos, indicadores variable/monospace y número de estilos. Devuelve una lista paginada de familias con URL de vista previa y metadatos de cada estilo.

Identifica qué fuente se usa en una imagen. Funciona con nuestro propio modelo de embeddings CNN entrenado con el catálogo de jinero: compara las fuentes por su forma visual, así que no necesita OCR ni texto legible (alfabetos latino y cirílico). Envía un recorte ajustado de una línea de texto como image_url pública o como image_base64 (base64 sin procesar / data URI, perfecto para una captura de pantalla local que tu agente acaba de hacer). La imagen se procesa en memoria y se elimina de inmediato. ~200 ms por llamada.

Metadatos completos de una familia de fuentes según su slug: diseñador, licencia, categoría, idiomas admitidos, ejes variables, todos los estilos y URL listas para la descarga, el CSS y los archivos.

Lista todos los archivos de fuente de una familia: grosor, indicador de cursiva, nombre del estilo, formato y URL directa woff2/ttf con el tamaño del archivo. Útil cuando el agente escribe sus propias reglas @font-face o descarga grosores concretos.

Genera CSS @font-face listo para pegar a partir de una especificación de familia: sintaxis compatible con Google Fonts, incluidos los rangos variables. Devuelve texto CSS plano que el agente puede añadir directamente a una hoja de estilos.

Devuelve la URL directa de descarga del ZIP de una familia de fuentes (todos los estilos en TTF + WOFF2 y un fonts.css listo). La herramienta no descarga nada por sí misma: entrega la URL al usuario o al agente.

Relación de contraste WCAG 2.1 entre un color de primer plano y uno de fondo, con indicadores de cumplimiento AA/AAA para texto normal y grande: los mismos cálculos sRGB que usa Lighthouse.

Un conjunto completo de tokens de diseño a partir de un color base: tintes, sombras y cinco relaciones armónicas (complementaria, análoga, triádica, complementaria dividida, tetrádica). Cada color incluye cadenas hex/rgb/hsl, luminancia y un color de texto recomendado.

El nombre legible más cercano para uno o varios colores: la coincidencia perceptual más próxima en un conjunto de ~31.000 colores. Ideal para etiquetar paletas extraídas o muestras generadas.

Extrae una paleta de colores dominantes de una imagen: agrupamiento k-means con los modos balanced / vibrant / muted. Envía una image_url pública o image_base64 (base64 sin procesar / data URI, perfecto para una captura de pantalla local). La imagen se procesa en memoria y nunca se guarda. Cada color se devuelve con nombre: una paleta etiquetada en una sola llamada.

Busca en el catálogo de paletas de colores seleccionadas por nombre, tono, temperatura, estado de ánimo, armonía, número exacto de colores y etiquetas. Devuelve una lista paginada: cada paleta con sus colores hex y su clasificación.

Una paleta por su id: sus colores hex, nombre, tono, temperatura, estado de ánimo, armonía y etiquetas.

Minifica o formatea JS, CSS, HTML, SVG, JSON o XML. El código solo se analiza y se vuelve a imprimir como texto: nunca se ejecuta ni se guarda. Usa type=auto para que el servidor detecte el lenguaje.

Detecta el lenguaje o formato de un fragmento de código: solo análisis estático, el fragmento nunca se ejecuta. También indica qué convertidores aceptan el formato detectado como entrada.

Convierte código entre formatos de texto: JSON↔YAML, JSON→TOML, CSS↔SCSS, ESM→CJS y más. Transformación de texto pura: el código fuente se analiza y se vuelve a serializar; nunca se ejecuta ni se guarda. Usa list_code_converters para ver la lista completa de pares from/to y las opciones de cada convertidor.

El registro de convertidores disponibles: ids from/to, nombres legibles y el esquema de opciones de cada convertidor. Sin parámetros.

Optimiza y limpia el marcado SVG con SVGO: pura transformación del marcado, nada se ejecuta ni se guarda. Devuelve el SVG minificado y los tamaños antes/después.

Codifica un SVG (o una imagen descargada) como data: URI listo para CSS: variantes con codificación URL y base64, además de un fragmento background-image listo para usar. Indica el marcado svg sin procesar o una url pública.

Los preajustes de optimización SVG disponibles y qué hace cada uno. Sin parámetros.

Explora el catálogo de mixins SCSS: id, título y una descripción breve de cada uno, con filtro opcional por grupo o búsqueda aproximada. Usa fields=full para incluir el código fuente en la lista.

Un mixin SCSS por su id: código fuente completo en SCSS/Sass/Less, parámetros y una demo de uso.

Calcula una expresión CSS clamp() fluida para tamaños adaptables entre dos anchos de viewport. Cálculo puro: devuelve el fragmento CSS en variantes px y rem, junto con los cálculos subyacentes.