Nutze es aus deinem Agenten

Verbinde die Bibliothek als MCP-Server, und dein Agent durchsucht und baut Designs ohne den Browser.

Die Bibliothek als MCP-Server zu verbinden, holt sie direkt in deinen Agenten. Statt hier zu durchsuchen, einen Prompt zu kopieren und einzufügen, bittest du um einen Paywall-Screen, und dein Agent durchsucht die Bibliothek, zeigt dir, was passt, und baut den, den du wählst. Gleiche Designs, gleiche Prompts, kein Browser.

Verbinde es

Der Endpunkt ist https://mcp.clevens.com/mcp. Er spricht Streamable HTTP, deshalb kann jeder aktuelle MCP-Client ihn direkt erreichen, ohne lokalen Proxy zu installieren. Suchen braucht nichts; ein Design zu holen braucht einen Schlüssel, den du auf deiner Kontoseite erstellst. Der nackte Host funktioniert auch, falls dein Client lieber https://mcp.clevens.com hätte.

Claude Code

claude mcp add --transport http clevens https://mcp.clevens.com/mcp \
  --header "Authorization: Bearer mdc_your_key"

Cursor

Füge es zu ~/.cursor/mcp.json für alle Projekte hinzu, oder zu .cursor/mcp.json für eins:

{
  "mcpServers": {
    "clevens": {
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

VS Code

Füge es zu .vscode/mcp.json im Workspace hinzu:

{
  "servers": {
    "clevens": {
      "type": "http",
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

Alles andere

Ein Client, der nur stdio spricht, kann sich mit mcp-remote verbinden, das keine eigene Installation braucht:

npx -y mcp-remote https://mcp.clevens.com/mcp --header "Authorization: Bearer mdc_your_key"

Hol dir einen Schlüssel

Erstell einen auf deiner Kontoseite. Er wird einmal angezeigt, also füge ihn sofort in deine Konfiguration ein. Schlüssel laufen nicht ab, fünf pro Konto, und einen zu widerrufen stoppt seine Funktion sofort. Falls ein Schlüssel geleakt ist, widerrufe ihn und erstell einen neuen; nichts anderes hängt daran.

Die Suche funktioniert ohne Schlüssel

Dein Agent kann die Bibliothek durchsuchen und Kategorien auflisten ganz ohne Zugangsdaten, sodass du den Server erst installieren und später entscheiden kannst. Nur das Holen des Codes eines Designs wird gemessen, und zwar genau wie der Kopieren-Button hier: dasselbe Design zweimal an einem Tag zählt nur einmal.

Was dein Agent bekommt

Tool	Was es tut
search_designs	Findet Designs nach Text, Kategorie, Typ oder Expo-Go-Tauglichkeit. Liefert Metadaten, keinen Code.
list_categories	Jede Kategorie, die die Bibliothek abdeckt, mit der Anzahl veröffentlichter Designs darin.
get_design	Holt ein Design: vollständigen Quellcode jeder Datei, Abhängigkeiten, Schriftarten, Verdrahtung.
get_designs	Holt mehrere als einen gebündelten Prompt, sodass die Einrichtung einmal statt einmal pro Design passiert.

Frag mehrere auf einmal an. get_designs existiert, weil drei getrennte Prompts einen Agenten dazu bringen, die App dreimal aufzusetzen und Abhängigkeiten dreimal zu installieren, und ein Agent, dem drei ähnliche Screens gegeben werden, fängt an, sie in geteilte Komponenten zu verschmelzen, was genau das Einzige ist, was diese Designs niemals tun dürfen.

Was es nicht tut

Es gestaltet nicht um. Der Handshake sagt deinem Agenten, bevor er auch nur ein Design sieht, dass Farben, Schrift, Abstände und Bewegung genau wie geschrieben geliefert werden. Willst du ein Design in deiner Palette, verlang das als separaten Schritt, sobald es drin ist und läuft.
Es erfindet kein Design. Passt nichts, sagt die Suche das, statt etwas Ähnliches zurückzugeben.
Es schreibt nicht in dein Konto. Jedes Tool ist ein Lesevorgang; das Einzige, was es berührt, ist dein Kopierzähler.

Wenn etwas nicht stimmt

Was du siehst	Was es bedeutet
"This design needs an API key"	Der Server ist erreichbar, aber dein Header fehlt oder ist falsch. Prüf den Authorization-Header in deiner Konfiguration.
"Daily limit reached"	Das kostenlose Kontingent für heute ist aufgebraucht. Die Suche funktioniert weiterhin; das Limit setzt sich um Mitternacht UTC zurück.
"Too many requests" oder ein 429	Der Endpunkt hat ein Limit für Anfragen pro Minute, strenger für einen Aufrufer ohne Schlüssel. Warte die Sekunden, die der Retry-After-Header nennt. Ein Agent, der die Suche in einer Schleife wiederholt, statt die erste Antwort zu lesen, ist meist die Ursache.
Die Tools erscheinen nie	Der Client hat den Handshake nicht abgeschlossen. Starte ihn neu, und bestätige, dass die URL https://mcp.clevens.com/mcp ist.
Ein 405 bei GET	Erwartet. Der Server antwortet nur auf POST und schickt nie von sich aus Nachrichten, was manche Clients zuerst testen.

ZurückFlows und Boilerplates Weiter Problemlösung