A1 Gallery MCP Server

A1 ist eine handverlesene Galerie realer Website-Designs. Dieser MCP-Server bringt sie in deinen Coding-Agenten, sodass du nach einer Referenz fragen kannst und strukturiertes JSON zurückbekommst, statt Screenshots einzufügen und zu beschreiben, was du möchtest.

Jede Website wird in voller Länge erfasst, in ihre inneren Seiten und ihre einzelnen Abschnitte aufgeteilt und anschließend vermessen. Du erhältst Schriftgrößen, Abstände, Radien, Containerbreiten und Farbpaletten, die direkt von der gerenderten Seite abgelesen wurden – nicht aus einem Bild geraten.

Aktueller Bestand: 1.145 Websites · 3.211 erfasste Abschnitte · 2.813 Ganzseiten-Erfassungen · 568 Schriftarten · 510 Designer und Studios.

Endpunkt

Der Zugriff ist mit einem A1-Konto kostenlos – 50 Tool-Aufrufe pro Tag. A1 Pro erhöht das auf 2.000 pro Tag mit einem höheren Kontingent pro Minute.

Related MCP server: Inspo MCP

Installation

Dein Client öffnet beim ersten Verbinden einen Browser zur Anmeldung. Client-spezifische Anleitungen mit Ein-Klick-Installationslinks findest du unter a1.gallery/mcp.

Claude Code

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

Führe dann /mcp aus und melde dich an, wenn du dazu aufgefordert wirst.

Codex CLI

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

Cursor und Claude Desktop

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

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

Wonach du fragen kannst

• „Finde drei brutalistische Anwaltskanzlei-Websites und zeig mir ihre Hero-Bereiche."

• „Welche Schriftgrößenskala verwenden Agentur-Hero-Bereiche tatsächlich?" – Quartile über den gesamten Bestand, nicht nur ein Beispiel.

• „Zeig mir Preisseiten, die nutzungsbasierte Abrechnung erwähnen." – Volltextsuche im Seiteninhalt.

• „Was sagen Portfolio-FAQs über Rückerstattungen?" – extrahierte Frage-Antwort-Paare mit Häufigkeiten.

• „Baue diesen Preissektionsbereich neu." – Palette, Typografie, Abstände und Radien als gemessene Werte.

Tools

Alle 17 Tools sind schreibgeschützt und mit readOnlyHint: true annotiert.

Websites

Abschnitte

Seiten

Schriftarten und Ersteller

Vollständige Beschreibungen, Parameter und Antwortstrukturen liefert tools/list.

Warum Aggregate Quartile verwenden

analyze_design_tokens meldet p25, Median und p75 statt eines Durchschnitts. Designwerte sind langschwänzig verteilt – eine Website mit einer 180px-Hero-Überschrift zieht den Mittelwert irgendwohin, wo er nutzlos ist.

Eng gefasste Ausschnitte werden schnell dünn. Frag nach Preissektionen bei Shops und du siehst womöglich nur eine Handvoll Beispiele. In diesem Fall enthält die Antwort lowSample: true und meldet rohe Zählwerte statt Prozentangaben, sodass der Agent sagen kann „hier sind vier Beispiele", statt eine Norm zu erfinden.

Hinweise

Website-Beschreibungen und Abschnittstexte sind Inhalte von Drittanbieter-Websites. Die Tool-Beschreibungen kennzeichnen sie als nicht vertrauenswürdige externe Daten.

Dieses Repository enthält das Manifest und die Dokumentation. Der Server selbst ist Closed-Source und wird bei a1.gallery gehostet.

Support

Probleme und Fragen: Issue eröffnen oder E-Mail an hello@a1.gallery.