A1 Gallery

---

A1 é uma galeria cuidadosamente selecionada de designs de sites reais. Este servidor MCP a coloca dentro do seu agente de codificação, permitindo que você peça uma referência e receba JSON estruturado de volta, em vez de colar capturas de tela e descrever o que deseja.

Cada site é capturado em sua totalidade, dividido em suas páginas internas e seções individuais, e depois medido. Você obtém os tamanhos de fonte, espaçamento, raio, largura do contêiner e paleta extraídos da página renderizada — não adivinhados a partir de uma imagem.

Corpus atual: 1.145 sites · 3.211 seções capturadas · 2.813 capturas de página inteira · 568 fontes · 510 designers e estúdios.

Endpoint

URL	https://www.a1.gallery/api/mcp
Transporte	HTTP Streamable
Autenticação	OAuth 2.1 com PKCE, registro dinâmico de cliente
Nome do registro	gallery.a1/a1-gallery
Ferramentas	17, todas somente leitura

O acesso é gratuito com uma conta A1 — 50 chamadas de ferramentas por dia. A1 Pro eleva isso para 2.000 por dia com uma cota por minuto maior.

Instalação

Seu cliente abre um navegador para fazer login na primeira conexão. Instruções específicas por cliente com links de instalação em um clique estão em a1.gallery/mcp.

Claude Code

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

Em seguida, execute /mcp e faça login quando for solicitado.

Codex CLI

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

Cursor e Claude Desktop

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

VS Code (1.99+ com 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"
    }
  }
}

O que você pode pedir

• "Encontre três sites de escritórios de advocacia brutalistas e mostre-me os heróis deles."
• "Qual escala tipográfica os heróis de agências realmente usam?" — quartis em todo o corpus, não um exemplo isolado.
• "Mostre-me páginas de preços que mencionam cobrança baseada em uso." — busca de texto completo dentro do conteúdo da página.
• "O que os FAQs de portfólios dizem sobre reembolsos?" — pares de perguntas e respostas extraídos com frequências.
• "Reconstrua esta seção de preços." — paleta, tipografia, espaçamento e raio como valores medidos.

Ferramentas

Todas as 17 ferramentas são somente leitura e anotadas como readOnlyHint: true.

Websites

Ferramenta	O que faz
search_websites	Busca por palavras-chave em nomes, descrições e taxonomia. Resolve aliases — "SaaS", "fintech", "brutalista" mapeiam para termos reais da taxonomia.
browse_websites	Navegação somente com filtros por tipo, categoria, estilo, tecnologia ou cor.
get_website	Tudo sobre um site: fontes, cores, estilos, tecnologias, criador, seções.
get_similar_websites	Agrupamentos de inspiração em torno de um site específico.
get_recently_added	Adições mais recentes, em ordem decrescente de data de publicação.
get_design_filters	Taxonomia completa com contagens — use-a para construir filtros válidos.

Seções

Ferramenta	O que faz
search_sections	Busca dentro do conteúdo das seções — títulos, respostas de FAQs, textos de preços, depoimentos. Retorna a captura de tela, a estrutura extraída e os tokens medidos.
get_website_sections	Todas as seções capturadas de um site, na ordem das páginas.
analyze_section_content	Agrega padrões de conteúdo em muitas seções — distribuição de tópicos, perguntas de FAQ verbatim mais comuns.
analyze_design_tokens	Agrega valores medidos — p25/mediana/p75 para tamanho de título, tamanho do corpo, proporção de escala, espaçamento, largura do contêiner, raio, além de tipografias comuns e cores de destaque.

Páginas

Ferramenta	O que faz
search_pages	Um tipo de página em toda a galeria — todas as páginas de preços, todas as páginas "sobre". Pesquisável por texto completo.
get_website_pages	As subpáginas capturadas para um site.

Fontes e criadores

Ferramenta	O que faz
browse_fonts	Fontes por classificação, licença ou categoria do site que as usa.
get_font	Uma fonte específica — classificação, licença, descrição, contagem de uso.
find_font_pairings	Exemplos reais de duas fontes usadas juntas.
browse_creators	Designers e estúdios, filtráveis por categoria ou estilo.
get_creator	Um criador específico: biografia, links, trabalhos em destaque.

Descrições completas, parâmetros e formatos de resposta são retornados por tools/list.

Por que agregados usam quartis

analyze_design_tokens relata p25, mediana e p75 em vez de uma média. Valores de design têm cauda longa — um site com um título herói de 180px arrasta a média para algo inútil.

Fatias estreitas diminuem rapidamente. Peça seções de preços em lojas e você pode estar olhando para alguns exemplos. Quando isso acontece, a resposta carrega lowSample: true e relata contagens brutas em vez de porcentagens, para que o agente possa dizer "aqui estão quatro exemplos" em vez de inventar uma norma.

Notas

Descrições de sites e conteúdo de seções são conteúdo de sites de terceiros. As descrições das ferramentas os sinalizam como dados externos não confiáveis.

Este repositório contém o manifesto e a documentação. O servidor em si é de código fechado e hospedado em a1.gallery.

Suporte

Problemas e perguntas: abra um issue ou envie um e-mail para hello@a1.gallery.