Gradiently Claude-connector: design med MCP inde i Claude

For at opsætte Gradiently Claude-connectoren peger du Claude mod hostede MCP-server fra Gradiently på https://gradiently.design/api/mcp. I Claude-appen tilføjer du den som en tilpasset connector og logger ind på Gradiently. I Claude Code tilføjer du den fra terminalen med en afgrænset API-nøgle. Uanset vejen kan Claude derefter søge i Marks, læse dit brandkit og lave designs, der gemmes i dit arbejdsområde og åbner i Studio, hvor hvert ord stadig kan redigeres.

MCP, Model Context Protocol, er den åbne standard, der lader Claude bruge rigtige værktøjer. Hvad er MCP forklarer det enkelt, og selve protokollen er dokumenteret på modelcontextprotocol.io.

Hvilken vej du skal forbinde Claude

Uanset hvilken vej du vælger, skal du være ejer eller administrator af Gradiently-arbejdsområdet. Redaktører og læsere kan ikke forbinde assistenter eller oprette nøgler.

Forbind Claude-appen med en tilpasset connector

1. 1

   Åbn Claudes connector-indstillinger

   Tilføj en tilpasset connector. Hvilke Claude-abonnementer der tillader tilpassede connectors, bestemmer Anthropic, så tjek Claudes hjælpesider, hvis du ikke kan se muligheden. Claude-connectors forklarer funktionen.

2. 2

   Indsæt serveradressen

   Kald den Gradiently, og brug https://gradiently.design/api/mcp. Vælg OAuth-login.

3. 3

   Log ind, og vælg et arbejdsområde

   I Gradiently-vinduet vælger du det arbejdsområde, Claude skal arbejde i, og læser tilladelserne under Tillad denne assistent at.

4. 4

   Tillad, og tjek

   Vælg Tillad forbindelse. Tilbage i Claude beder du den liste sine Gradiently-værktøjer for at bekræfte.

Adgangen fornyes automatisk i op til 30 dage, hvorefter du forbinder igen. En tilpasset connector kan du bruge med det samme; en optagelse i Claudes offentlige katalog er noget andet og kræver Anthropics godkendelse.

Forbind Claude Code med en afgrænset API-nøgle

Claude Code bruger en nøgle i stedet for login. Opret en i Gradiently under Indstillinger › API og agenter: vælg arbejdsområdet, giv den navn efter, hvor den skal bo (Claude Code, bærbar), sæt flueben ved det, den må, og vælg Opret nøgle. Nøglen vises kun én gang, så kopiér den straks til din adgangskodeadministrator.

export GRADIENTLY_API_KEY="gr_live_…"

claude mcp add --transport http gradiently https://gradiently.design/api/mcp \
  --header "Authorization: Bearer $GRADIENTLY_API_KEY"

Andre klienter, der læser en JSON-fil, accepterer som regel den samme server og header. Indstillinger viser et færdigt kodestykke under Tilslut en MCP-klient.

{
  "mcpServers": {
    "gradiently": {
      "url": "https://gradiently.design/api/mcp",
      "headers": { "Authorization": "Bearer gr_live_…" }
    }
  }
}

Vælg nøglens tilladelser

Hver tilladelse er et scope. En ny nøgle starter med fem, der dækker alle designværktøjer, så de fleste ændrer intet. Tilføj de andre, kun når Claude virkelig har brug for dem.

Hvad Claude kan, når den er forbundet

Claude arbejder gennem de samme handlinger, som du har i produktet. Den kan søge i Markedet efter navn, farveord eller kode; læse din brandprofil, tone og skrifttyper; tegne et originalt design, se på det renderede billede og forfine det; udfylde en af skabeloner i Gradiently; ændre ordene på et gemt design; lave kopier i andre størrelser; og rendere et design som PNG eller PDF. Når Claude selv sammensætter designet, opkræver Gradiently ingen AI-kreditter. Hvis du beder den overlade opgaven til Designer i Gradiently, bruger det kreditter, ligesom i Studio.

Claude Code gør en bestemt slags opgave nem. Lad os sige, at du har en blog og vil have et linkbillede til hvert indlæg. Spørg: »Lav et 1200×630 linkpreview i vores brand med indlæggets titel for hvert indlæg i /content, og render hvert af dem som PNG i /public/og.« Claude designer hvert billede i Gradiently, tjekker det og skriver filerne der, hvor dit site forventer dem. Open Graph-billedstørrelse forklarer hvorfor 1200×630.

Prompts, der fungerer godt med Claude

• »Læs vores brandprofil, og lav derefter et LinkedIn-opslag og et X-opslag, der annoncerer vores nye kontor i Bristol.«
• »Find tre mørke Marks med et silkemateriale tæt på dyb petrolgrøn, og giv mig deres koder.«
• »Tag gårsdagens annoncering, og lav en story og en YouTube-thumbnail ud fra den.«
• »Ændr datoen på eventplakaten til 14. november, og render den som PDF.«

Jo bedre dit brandkit er, jo mindre skal du sige i hver forespørgsel; brandtone til AI viser, hvad du skal udfylde. Flere idéer til opslag på sociale medier finder du i Claude til sociale medier, og det store billede i Claude-design.

Hold forbindelsen sikker

Hvis en nøgle lækker, eller du holder op med at bruge den, så vælg Tilbagekald ud for den i Indstillinger › API og agenter, og den holder op med at virke med det samme. Nøgler stopper også, når deres opretter forlader arbejdsområdet eller mister administratorrollen. Bruger du også ChatGPT? Gradiently i ChatGPT har sin egen opsætning, og den fulde værktøjsreference findes i udviklerdokumentationen.