A1 Gallery

---

A1 es una galería seleccionada a mano de diseños web reales. Este servidor MCP lo pone dentro de 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 su totalidad, se divide en sus páginas interiores y sus secciones individuales, y luego se mide. Obtienes los tamaños de tipografía, espaciado, radio, ancho de contenedor y paleta tomados 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 fuentes · 510 diseñadores y estudios.

Endpoint

URL	https://www.a1.gallery/api/mcp
Transporte	Streamable HTTP
Autenticación	OAuth 2.1 con PKCE, registro dinámico de clientes
Nombre del registro	gallery.a1/a1-gallery
Herramientas	17, todas de solo lectura

El acceso es gratuito con una cuenta de A1: 50 llamadas de herramientas al día. A1 Pro lo aumenta a 2,000 al día con un mayor límite por minuto.

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 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 lo solicite.

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 bufetes de abogados brutalistas y muéstrame sus héroes."
• "¿Qué escala tipográfica usan realmente los héroes de agencias?" — cuartiles en todo el corpus, no un solo ejemplo.
• "Muéstrame páginas de precios que mencionen facturación basada en uso." — búsqueda de texto completo dentro del contenido de la página.
• "¿Qué dicen las preguntas frecuentes de portafolios sobre reembolsos?" — pares de preguntas y respuestas extraídos con 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 readOnlyHint: true.

Sitios web

Herramienta	Qué hace
search_websites	Búsqueda por palabras clave en nombres, descripciones y taxonomía. Resuelve alias: "SaaS", "fintech", "brutalista" se asignan a términos reales de taxonomía.
browse_websites	Navegación solo con filtros por tipo, categoría, estilo, tecnología o color.
get_website	Todo para un sitio: fuentes, colores, estilos, tecnologías, creador, secciones.
get_similar_websites	Grupos de inspiración alrededor de un sitio dado.
get_recently_added	Adiciones más recientes, fecha de publicación descendente.
get_design_filters	La taxonomía completa con recuentos: úsala para construir filtros válidos.

Secciones

Herramienta	Qué hace
search_sections	Búsqueda dentro del contenido de la sección: encabezados, respuestas de preguntas frecuentes, texto de precios, testimonios. Devuelve la captura de pantalla, la estructura extraída y los tokens medidos.
get_website_sections	Cada sección capturada para un sitio, en orden de página.
analyze_section_content	Patrones de contenido agregados en muchas secciones: distribución de temas, preguntas frecuentes verbatim más comunes.
analyze_design_tokens	Valores medidos agregados: p25/mediana/p75 para tamaño de encabezado, tamaño de cuerpo, proporción de escala, padding, ancho de contenedor, radio, además de tipografías comunes y colores de acento.

Páginas

Herramienta	Qué hace
search_pages	Un tipo de página en toda la galería: cada página de precios, cada página "acerca de". Búsqueda de texto completo.
get_website_pages	Las subpáginas capturadas para un sitio.

Fuentes y creadores

Herramienta	Qué hace
browse_fonts	Fuentes por clasificación, licencia o la categoría del sitio que las usa.
get_font	Una fuente: clasificación, licencia, descripción, recuento de uso.
find_font_pairings	Ejemplos reales de dos fuentes usadas juntas.
browse_creators	Diseñadores y estudios, filtrables por categoría o estilo.
get_creator	Un creador: biografía, enlaces, trabajo destacado.

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

Por qué los agregados usan cuartiles

analyze_design_tokens informa p25, mediana y p75 en lugar de un promedio. Los valores de diseño tienen colas largas: un sitio con un encabezado héroe de 180px lleva la media a un lugar inútil.

Los segmentos estrechos se reducen rápidamente. Pide secciones de precios en tiendas y puede que estés viendo 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í hay cuatro ejemplos" en lugar de inventar una norma.

Notas

Las descripciones de 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 confiables.

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.