A1 Gallery MCP Server

A1 es una galería seleccionada a mano de diseños web reales. Este servidor MCP la integra en tu agente de codificación, para que puedas pedir una referencia y recibir JSON estructurado en lugar de pegar capturas de pantalla y describir lo que quieres.

Cada sitio se captura en toda su extensión, se divide en sus páginas interiores y en sus secciones individuales, y luego se mide. Obtienes los tamaños de tipografía, el espaciado, el radio, el ancho de contenedor y la paleta extraídos de la página renderizada, no adivinados a partir de una imagen.

Corpus actual: 1.145 sitios · 3.211 secciones capturadas · 2.813 capturas de página completa · 568 tipografías · 510 diseñadores y estudios.

Endpoint

El acceso es gratuito con una cuenta de A1 — 50 llamadas a herramientas al día. A1 Pro lo eleva a 2.000 al día con un límite por minuto más alto.

Related MCP server: Inspo MCP

Instalación

Tu cliente abre un navegador para iniciar sesión la primera vez que se conecta. Las instrucciones por cliente con enlaces de instalación en un solo clic están en a1.gallery/mcp.

Claude Code

claude mcp add --transport http a1 --scope user https://www.a1.gallery/api/mcp

Luego ejecuta /mcp e inicia sesión cuando te lo pida.

Codex CLI

codex mcp add a1 --url https://www.a1.gallery/api/mcp

Cursor y Claude Desktop

{
  "mcpServers": {
    "a1": {
      "url": "https://www.a1.gallery/api/mcp"
    }
  }
}

VS Code (1.99+ con GitHub Copilot)

{
  "servers": {
    "a1": {
      "type": "http",
      "url": "https://www.a1.gallery/api/mcp"
    }
  }
}

Windsurf

{
  "mcpServers": {
    "a1": {
      "serverUrl": "https://www.a1.gallery/api/mcp"
    }
  }
}

Zed (0.168+)

{
  "context_servers": {
    "a1": {
      "url": "https://www.a1.gallery/api/mcp"
    }
  }
}

Lo que puedes pedir

• "Encuentra tres sitios de despachos de abogados brutalistas y muéstrame sus heroes."

• "¿Qué escala tipográfica usan realmente los heroes de las agencias?" — cuartiles en todo el corpus, no un solo ejemplo.

• "Muéstrame páginas de precios que mencionen facturación basada en el uso." — búsqueda de texto completo dentro del contenido de la página.

• "¿Qué dicen las preguntas frecuentes de los portafolios sobre los reembolsos?" — pares de preguntas y respuestas extraídos con sus frecuencias.

• "Reconstruye esta sección de precios." — paleta, tipografía, espaciado y radio como valores medidos.

Herramientas

Las 17 herramientas son de solo lectura y están anotadas con readOnlyHint: true.

Sitios web

Secciones

Páginas

Tipografías y creadores

Las descripciones completas, los parámetros y las formas de respuesta se obtienen de tools/list.

Por qué los agregados usan cuartiles

analyze_design_tokens informa de p25, mediana y p75 en lugar de un promedio. Los valores de diseño tienen colas largas — un sitio con un encabezado hero de 180px arrastra la media a un valor que no sirve de nada.

Los segmentos estrechos se reducen muy rápido. Si pides secciones de precios en tiendas, puede que estés mirando un puñado de ejemplos. Cuando eso ocurre, la respuesta incluye lowSample: true e informa recuentos brutos en lugar de porcentajes, para que el agente pueda decir "aquí tienes cuatro ejemplos" en lugar de inventarse una norma.

Notas

Las descripciones de los sitios y el contenido de las secciones son contenido de sitios web de terceros. Las descripciones de las herramientas los marcan como datos externos no fiables.

Este repositorio contiene el manifiesto y la documentación. El servidor en sí es de código cerrado y está alojado en a1.gallery.

Soporte

Problemas y preguntas: abre un issue o escribe a hello@a1.gallery.