Die Kurzfassung
- Gradiently betreibt für Claude einen gehosteten MCP-Server unter https://gradiently.design/api/mcp.
- In der Claude App wird Gradiently als benutzerdefinierter Connector mit Anmeldung per OAuth hinzugefügt; in Claude Code mit einem eingeschränkten API-Schlüssel aus Einstellungen › API und Agenten.
- Ein neuer API-Schlüssel startet mit den Berechtigungen, die jedes Designwerkzeug braucht, und Marks sichern bleibt aus, solange du es nicht wählst.
- Wenn Claude ein Design mit den Werkzeugen von Gradiently gestaltet, verbraucht es keine KI-Credits von Gradiently, und jedes gespeicherte Design öffnet sich im Studio.
- Ein Schlüssel funktioniert immer nur in dem Arbeitsbereich, der ihn ausgestellt hat, handelt als der Inhaber oder Admin, der ihn erstellt hat, und lässt sich sofort widerrufen.
Auf dieser Seite
Um den Gradiently-Connector für Claude einzurichten, verweist du Claude auf den gehosteten MCP-Server von Gradiently unter https://gradiently.design/api/mcp. In der Claude App fügst du ihn als benutzerdefinierten Connector hinzu und meldest dich bei Gradiently an. In Claude Code fügst du ihn im Terminal mit einem eingeschränkten API-Schlüssel hinzu. So oder so kann Claude dann Marks suchen, dein Markenkit lesen und Designs erstellen, die in deinem Arbeitsbereich gespeichert werden und sich im Studio öffnen, mit jedem Wort weiterhin bearbeitbar.
MCP, das Model Context Protocol, ist der offene Standard, mit dem Claude echte Werkzeuge nutzt. Was ist MCP erklärt es einfach, und das Protokoll selbst ist unter modelcontextprotocol.io dokumentiert.
Auf welchem Weg du Claude verbindest
Wie es sich verbindet
Anmeldung
Wie es sich verbindet
Anmeldung
Wie es sich verbindet
Anmeldung
Welchen Weg du auch nimmst, du musst Inhaber oder Admin des Gradiently-Arbeitsbereichs sein. Bearbeiter und Betrachter können keine Assistenten verbinden und keine Schlüssel erstellen.
Die Claude App mit einem benutzerdefinierten Connector verbinden
- 1
Die Connector-Einstellungen von Claude öffnen
Füge einen benutzerdefinierten Connector hinzu. Welche Claude-Tarife benutzerdefinierte Connectors erlauben, entscheidet Anthropic, also sieh in den Hilfeseiten von Claude nach, wenn du die Option nicht siehst. Claude-Connectors erklärt die Funktion.
- 2
Die Serveradresse einfügen
Nenne ihn Gradiently und nutze
https://gradiently.design/api/mcp. Wähle die Anmeldung per OAuth. - 3
Anmelden und Arbeitsbereich wählen
Wähle im Gradiently-Fenster den Arbeitsbereich, in dem Claude arbeiten soll, und lies die Berechtigungen unter Diesem Assistenten erlauben.
- 4
Erlauben, dann prüfen
Wähle Verbindung erlauben. Zurück in Claude bittest du es zur Bestätigung, seine Gradiently-Werkzeuge aufzulisten.
Der Zugriff erneuert sich automatisch für bis zu 30 Tage, dann verbindest du neu. Einen benutzerdefinierten Connector kannst du sofort nutzen; ein Eintrag im öffentlichen Verzeichnis von Claude ist etwas anderes und braucht eine Prüfung durch Anthropic.
Claude Code mit einem eingeschränkten API-Schlüssel verbinden
Claude Code nutzt einen Schlüssel statt einer Anmeldung. Erstelle einen in Gradiently unter Einstellungen › API und Agenten: Wähle den Arbeitsbereich, benenne ihn nach dem Ort, an dem er lebt (Claude Code, Laptop), hake an, was er tun darf, und wähle Schlüssel erstellen. Der Schlüssel wird nur einmal angezeigt, also kopiere ihn sofort in deinen Passwortmanager.
export GRADIENTLY_API_KEY="gr_live_…"
claude mcp add --transport http gradiently https://gradiently.design/api/mcp \
--header "Authorization: Bearer $GRADIENTLY_API_KEY"Andere Clients, die eine JSON-Datei lesen, akzeptieren meist denselben Server und Header. Die Einstellungen zeigen unter Einen MCP-Client verbinden ein fertiges Snippet.
{
"mcpServers": {
"gradiently": {
"url": "https://gradiently.design/api/mcp",
"headers": { "Authorization": "Bearer gr_live_…" }
}
}
}Die Berechtigungen des Schlüssels wählen
Jede Berechtigung ist ein Scope. Ein neuer Schlüssel startet mit fünf, die jedes Designwerkzeug abdecken, sodass die meisten nichts ändern. Füge die anderen nur hinzu, wenn Claude sie wirklich braucht.
Standardmäßig an
Was sie erlaubt
Standardmäßig an
Was sie erlaubt
Standardmäßig an
Was sie erlaubt
Standardmäßig an
Was sie erlaubt
Standardmäßig an
Was sie erlaubt
Standardmäßig an
Was sie erlaubt
Standardmäßig an
Was sie erlaubt
Standardmäßig an
Was sie erlaubt
Was Claude nach dem Verbinden tun kann
Claude arbeitet über dieselben Aktionen, die du im Produkt hast. Es kann den Markt nach Name, Farbwörtern oder Code durchsuchen; dein Markenprofil, deine Stimme und deine Schriften lesen; ein eigenes Design zeichnen, das gerenderte Bild ansehen und es verfeinern; eine der Vorlagen von Gradiently ausfüllen; die Worte eines gespeicherten Designs ändern; Kopien in anderen Formaten erstellen; und ein Design als PNG oder PDF rendern. Gestaltet Claude das Design selbst, berechnet Gradiently keine KI-Credits. Bittest du es, die Aufgabe an den eigenen Designer von Gradiently zu übergeben, verbraucht das Credits wie im Studio.
Claude Code macht eine bestimmte Art von Aufgabe leicht. Angenommen, du führst einen Blog und willst für jeden Artikel ein Linkbild. Bitte: „Mach für jeden Beitrag in /content eine Linkvorschau in 1200×630 in unserer Marke mit dem Titel des Beitrags und rendere jede als PNG nach /public/og.“ Claude gestaltet jedes Bild in Gradiently, prüft es und schreibt die Dateien dorthin, wo deine Website sie erwartet. Open-Graph-Bildgröße erklärt, warum 1200×630.
Eine Linkvorschau in 1200×630, gestaltet über den MCP-Server von Gradiently und direkt in den Ordner einer Website gerendert.
Prompts, die mit Claude gut funktionieren
- „Lies unser Markenprofil und mach dann einen LinkedIn-Beitrag und einen X-Beitrag, die unser neues Büro in Bristol ankündigen.“
- „Finde drei dunkle Marks mit Seidenmaterial nahe an tiefem Petrol und gib mir ihre Codes.“
- „Nimm die Ankündigung von gestern und mach daraus eine Story und ein YouTube-Thumbnail.“
- „Ändere das Datum auf dem Veranstaltungsplakat auf den 14. November und rendere es als PDF.“
Je besser dein Markenkit, desto weniger musst du in jeder Anfrage sagen; Markenstimme für KI zeigt, was du ausfüllen solltest. Weitere Ideen für Social-Media-Beiträge findest du unter Claude für Social Media, und für das große Ganze unter Design mit Claude.
Die Verbindung sicher halten
Ein Schlüssel kann
- In dem einen Arbeitsbereich arbeiten, der ihn ausgestellt hat
- Tun, was die Rolle seines Erstellers und seine Scopes erlauben
- Designs erstellen, die dem Arbeitsbereich gehören
- In den Einstellungen zeigen, wann er zuletzt genutzt wurde
Ein Schlüssel kann niemals
- Einen anderen Arbeitsbereich erreichen, auch keinen, dem du angehörst
- Etwas bezahlen oder die Abrechnung erreichen
- Einen Mark übertragen, anbieten oder freigeben
- Andere Schlüssel erstellen oder verwalten
Wenn ein Schlüssel durchsickert oder du ihn nicht mehr nutzt, wähle Widerrufen daneben unter Einstellungen › API und Agenten, und er funktioniert sofort nicht mehr. Schlüssel enden auch, wenn ihr Ersteller den Arbeitsbereich verlässt oder die Admin-Rolle verliert. Nutzt du auch ChatGPT? Gradiently in ChatGPT hat eine eigene Einrichtung, und die vollständige Werkzeugreferenz steht in der Entwicklerdokumentation.
Häufige Fragen
Wie lautet die Adresse des Gradiently-MCP-Servers für Claude?
https://gradiently.design/api/mcp. In der Claude App nutzt du sie als benutzerdefinierten Connector mit OAuth; in Claude Code fügst du sie mit deinem API-Schlüssel im Authorization-Header hinzu.
Brauche ich einen API-Schlüssel, um Gradiently in Claude zu nutzen?
Nicht in der Claude App, die sich per OAuth anmeldet. Claude Code und die meisten anderen MCP-Clients brauchen einen eingeschränkten Schlüssel aus Einstellungen › API und Agenten.
Verbraucht Claude meine KI-Credits von Gradiently?
Nicht, wenn es Designs selbst mit den Werkzeugen von Gradiently gestaltet. Eine Aufgabe an den eigenen Designer von Gradiently zu übergeben, verbraucht Credits.
Kann Claude einen Mark für mich sichern?
Nur mit einem Schlüssel, der die Berechtigung Marks sichern hat, die standardmäßig aus ist. Jedes Sichern, das eine Zahlung braucht, muss trotzdem in Gradiently abgeschlossen werden.
Warum sagt Claude, dass es sich nicht anmelden kann?
Der Schlüssel wurde falsch eingegeben oder widerrufen, oder sein Ersteller ist nicht mehr Inhaber oder Admin des Arbeitsbereichs. Erstelle einen neuen Schlüssel und aktualisiere deinen Client.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen