AllGoodInsp MCP-Server

Eine kuratierte Design-Referenzdatenbank für KI-Agenten. Rufen Sie strukturierte Designdaten von hunderten kuratierten Websites ab – echte CSS-Werte, Typografie-Spezifikationen, Farbpaletten und Design-Begründungen –, um bessere Webdesigns zu erstellen.

Anstatt Designs aus generischen Prompts zu erstellen, ruft Ihre KI tatsächliche Designentscheidungen von hochwertigen Websites ab und synthetisiert diese zu codefertigen Spezifikationen.

Schnellstart

Claude Desktop / Claude Code / Cursor

Fügen Sie dies Ihrer MCP-Konfiguration hinzu:

{
  "mcpServers": {
    "allgoodinsp": {
      "url": "https://mcp.allgoodinsp.com"
    }
  }
}

Speicherorte der Konfigurationsdatei:

Bei der ersten Verbindung werden Sie aufgefordert, sich über Google OAuth in Ihrem Browser zu authentifizieren.

API-Schlüssel-Authentifizierung

Für Server-zu-Server- oder CI/CD-Anwendungen generieren Sie einen API-Schlüssel unter allgoodinsp.com/account und übergeben Sie ihn als Bearer-Token:

Authorization: Bearer agi_your_key_here

Grundlegender Workflow

Ein typischer Design-Workflow mit AllGoodInsp folgt dieser Sequenz:

Schritt 1: Laden der Methodik

get_reference_guide()
get_methodology({ layers: ["principles", "patterns"] })

Dies gibt Ihrer KI das Design-Vokabular – universelle Prinzipien (Typografie, Layout, Farbe, Bewegung, IA) und wiederkehrende Muster. Einmal pro Sitzung laden. Dies ist das Fundament: Methodik ohne Referenzen erzeugt korrektes, aber langweiliges Design.

Schritt 2: Suche nach Referenzen

search_sites({ query: "minimal SaaS landing page, confident and warm" })

Beschreiben Sie in natürlicher Sprache, was Sie bauen – Stimmung, Zweck, Ästhetik. Die Suche verwendet 3-Achsen-Abgleich (Zweck + Stimmung + Kontrastvielfalt), um abwechslungsreiche, relevante Ergebnisse zu liefern.

Schritt 3: Referenzen auswählen und lesen

get_site({ site_id: "stripe-com", detail: "full" })
get_site({ site_id: "linear-app", detail: "full" })
get_site({ site_id: "vercel-com", detail: "full" })

Wählen Sie 3+ Referenzen aus. Jede Referenz enthält CSS-Werte, Typografie-Spezifikationen, Farbpaletten und Design-Begründungen. Nutzen Sie jede Website als Spezialisten für spezifische Entscheidungen – bilden Sie keinen Durchschnitt.

Schritt 4: Synthese zu einem Design-Briefing

extract_essence({
  site_ids: ["stripe-com", "linear-app", "vercel-com"],
  brief: "SaaS landing page for a developer tool, confident and minimal"
})

extract_essence kombiniert die ausgewählten Referenzen zu einer codefertigen Design-Spezifikation – CSS-Variablen, Farbpalette, Typografie-Skala, Abstandssystem, Abschnittsstruktur und Designregeln mit festen/erweiterbaren Grenzen.

Schritt 5: Erstellen und Überprüfen

Erstellen Sie Ihr Design anhand des synthetisierten Briefings und führen Sie dann die Qualitäts-Checkliste aus:

self_review()

Prüft auf Design-Anti-Patterns, handwerkliche Qualität, Einhaltung von Prinzipien und IA-Struktur.

Tools

extract_essence — Primäres Tool

Synthetisiert 2-5 Website-Referenzen zu einem codefertigen Design-Briefing. Gibt CSS-Variablen, Farbpalette, Typografie-Skala, Abstandssystem, Abschnittsstruktur und Designregeln mit festen/erweiterbaren Grenzen zurück.

extract_essence({
  site_ids: ["stripe-com", "linear-app", "vercel-com"],
  brief: "SaaS landing page for a developer tool, confident and minimal"
})

search_sites

Semantische Suche über alle Referenzen nach Stimmung, Zweck oder Beschreibung. Verwendet 3-Achsen-Suche (Zweck + Stimmung + Kontrastvielfalt), um abwechslungsreiche Ergebnisse zu liefern.

search_sites({ query: "warm editorial magazine layout" })
search_sites({ query: "bold fintech landing page", category: "software-saas" })

get_site

Ruft die vollständige Design-Analyse für eine bestimmte Website ab – Farbpalette, Typografie, Abschnitte, Komponenten mit CSS-Werten und Begründungen.

get_site({ site_id: "stripe-com" })
get_site({ site_id: "stripe-com", detail: "full" })

search_by_component

Finden Sie Websites anhand spezifischer Designelemente. Durchsucht alle Komponenten in allen Referenzen.

search_by_component({ query: "hero with video background" })
search_by_component({ query: "pricing table with toggle" })

get_methodology

Zugriff auf die Design-Methodik – universelle Prinzipien, handwerkliche Richtlinien, wiederkehrende Muster und Informationsarchitektur.

get_methodology({ layers: ["principles", "patterns"] })

get_principles

Design-Prinzipien für spezifische Bereiche.

get_principles({ category: "typography" })
get_principles({ category: "color" })

Verfügbare Kategorien: typography, layout, color, motion, ia

get_patterns

Wiederkehrende Technik-Kombinationen, die aus der Sammlung destilliert wurden, mit Belegen von mehreren Websites.

get_patterns()

get_reference_guide

Leitfaden zum effektiven Lesen und Kombinieren von Design-Referenzen.

get_workflow

Autonomer Workflow für KI-Agenten, die Designsysteme aus Referenzen aufbauen.

self_review

Qualitäts-Checkliste nach der Implementierung für Design-Muster, Anti-Patterns, handwerkliche Qualität und Informationsarchitektur.

Was in den Daten enthalten ist

Jede Referenz enthält strukturierte Designentscheidungen einer echten Website:

• Farbpalette — Hintergrund, Text primär/sekundär, CTA, Akzent (mit Hex-Werten und Begründung)

• Typografie — Schriftfamilien, Strichstärken, Größen, Zeilenhöhen, Buchstabenabstände für Überschriften, Fließtext, Navigation, CTA

• Konventionsbrüche — bewusste Verstöße gegen Designprinzipien, mit Umfang und Begründung

• Abschnitte — Hero, Navigation, Inhalt, CTA, Footer — jeweils mit dominanten Designentscheidungen

• Komponenten — einzelne Elemente mit CSS-Werten, Prinzip-Referenzen und "Warum"-Erklärungen

Drei-Schichten-Wissenssystem

Kategorien

Agentur, E-Commerce, Beratung, Software/SaaS, Portfolio, Lebensmittel & Getränke, Gastgewerbe, Bildung, Gesundheit & Wellness, Medien/Redaktion, Deep-Tech, Architektur, Wirtschaft/Finanzen, Personalwesen und mehr.

REST API

Für den programmatischen Zugriff außerhalb von MCP ist auch eine REST-API verfügbar.

Basis-URL: https://api.allgoodinsp.com/v1

Authentifizierung für höhere Ratenlimits erforderlich. Generieren Sie einen API-Schlüssel unter allgoodinsp.com/account.

Links

• Galerie: allgoodinsp.com

• MCP-Endpunkt: https://mcp.allgoodinsp.com

• REST-API: https://api.allgoodinsp.com/v1

• MCP-Dokumentation: allgoodinsp.com/docs/mcp

• API-Dokumentation: allgoodinsp.com/docs/api

Lizenz

MIT