# Gradiently Claude-connector: design med MCP inde i Claude [Canonical HTML page](https://gradiently.design/da/guide/design-with-claude-connector) Claude kan søge i Marks, læse dit brand og bygge rigtige, redigerbare designs i dit arbejdsområde. Der er to veje ind, en connector med login eller en afgrænset nøgle, og denne side gennemgår begge. ## The short version - Gradiently kører en hostet MCP-server til Claude på https://gradiently.design/api/mcp. - I Claude-appen tilføjes Gradiently som en tilpasset connector med OAuth-login; i Claude Code tilføjes den med en afgrænset API-nøgle fra Indstillinger › API og agenter. - En ny API-nøgle starter med de tilladelser, som alle designværktøjer har brug for, og Sikr dig Marks forbliver slået fra, medmindre du vælger det. - Når Claude sammensætter et design med værktøjer fra Gradiently, bruger det ingen Gradiently AI-kreditter, og alle gemte designs åbner i Studio. - En nøgle virker kun i det arbejdsområde, der udstedte den, handler som den ejer eller administrator, der oprettede den, og kan tilbagekaldes med det samme. 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](https://gradiently.design/da/guide/what-is-mcp) forklarer det enkelt, og selve protokollen er dokumenteret på [modelcontextprotocol.io](https://modelcontextprotocol.io). ## Hvilken vej du skal forbinde Claude | Hvor du bruger Claude | Sådan forbindes den | Login | | --- | --- | --- | | Claude-appen, på nettet eller desktop | Tilpasset connector | OAuth: log ind på Gradiently, vælg et arbejdsområde | | Claude Code i din terminal | Fjern-MCP-server over HTTP | En afgrænset API-nøgle i Authorization-headeren | | Andre MCP-klienter | Fjernserver med en tilpasset header | En afgrænset API-nøgle | Samme server, samme værktøjer, samme tilladelser. Kun måden, Claude beviser, hvem den er, er forskellig. 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. **Å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](https://gradiently.design/da/guide/claude-connectors) forklarer funktionen. 2. **Indsæt serveradressen** Kald den Gradiently, og brug `https://gradiently.design/api/mcp`. Vælg OAuth-login. 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. **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. ```bash export GRADIENTLY_API_KEY="gr_live_…" claude mcp add --transport http gradiently https://gradiently.design/api/mcp \ --header "Authorization: Bearer $GRADIENTLY_API_KEY" ``` Hold nøglen i en miljøvariabel, så den aldrig havner i din shellhistorik eller en committet fil. Start en ny session, og bed Claude liste værktøjer fra Gradiently. 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**. ```json { "mcpServers": { "gradiently": { "url": "https://gradiently.design/api/mcp", "headers": { "Authorization": "Bearer gr_live_…" } } } } ``` Den JSON-form, mange MCP-klienter accepterer. Tjek din klients egen dokumentation for det præcise format. ## 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. | Tilladelse i Indstillinger | Slået til som standard | Hvad den tillader | | --- | --- | --- | | Læs designs | Ja | Læse brands, designs og uploads samt rendere designs | | Opret og redigér designs | Ja | Oprette, ændre og tilpasse størrelsen på designs, uploade billeder, køre Designer | | Søg Marks | Ja | Søge i Markedet og læse enhver offentlig Mark | | Læs arbejdsområdet | Ja | Læse arbejdsområdet og dets medlemmer | | Generér brands | Ja | Generere brandretninger ud fra et navn og en beskrivelse | | Redigér brands | Nej | Ændre et brands profil og Mark, oprette brands | | Sikr dig Marks | Nej | Sikre en ledig Mark til nøglens opretter | | Invitér medlemmer | Nej | Sende invitationer til at blive en del af arbejdsområdet | Giv kun det, opgaven kræver. En nøgles scopes kan ikke ændres bagefter, så lav en ny nøgle, hvis opgaven ændrer sig. ## 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](https://gradiently.design/da/guide/open-graph-image-size) forklarer hvorfor 1200×630. Et bredt linkpreviewbillede til en blog med titlen på en udviklerartikel på en gradientbaggrund Et 1200×630 linkpreview designet gennem MCP-server fra Gradiently og renderet direkte ind i et sites mappe. > **Tillad lange værktøjskald** De fleste værktøjer svarer på få sekunder, men det kan tage op til tre minutter at rendere og gennemgå et design, og en opgave overladt til Designer op til omkring fem. Hvis din klient har en indstilling for timeout på værktøjer, så sæt den op. ## 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](https://gradiently.design/da/guide/brand-kit-voice) viser, hvad du skal udfylde. Flere idéer til opslag på sociale medier finder du i [Claude til sociale medier](https://gradiently.design/da/guide/claude-social-media-posts), og det store billede i [Claude-design](https://gradiently.design/da/guide/design-with-claude). ## Hold forbindelsen sikker ### En nøgle kan - Virke i det ene arbejdsområde, der udstedte den - Gøre det, som opretterens rolle og dens scopes tillader - Lave designs, der tilhører arbejdsområdet - Vise, hvornår den sidst blev brugt, i Indstillinger ### En nøgle kan aldrig - Nå et andet arbejdsområde, heller ikke et, du er med i - Betale for noget eller tilgå fakturering - Overdrage, sætte til salg eller frigive en Mark - Oprette eller administrere andre nøgler 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](https://gradiently.design/da/guide/design-with-chatgpt-app) har sin egen opsætning, og den fulde værktøjsreference findes i [udviklerdokumentationen](https://gradiently.design/da/developers/mcp). ## FAQ ### Hvad er adressen på MCP-server fra Gradiently til Claude? `https://gradiently.design/api/mcp`. I Claude-appen bruger du den som en tilpasset connector med OAuth; i Claude Code tilføjer du den med din API-nøgle i Authorization-headeren. ### Skal jeg have en API-nøgle for at bruge Gradiently i Claude? Ikke i Claude-appen, som logger ind med OAuth. Claude Code og de fleste andre MCP-klienter skal bruge en afgrænset nøgle fra Indstillinger › API og agenter. ### Bruger Claude mine Gradiently AI-kreditter? Ikke når den selv sammensætter designs med værktøjer fra Gradiently. Hvis en opgave overlades til Designer i Gradiently, bruges der kreditter. ### Kan Claude sikre mig en Mark? Kun med en nøgle, der har tilladelsen Sikr dig Marks, som er slået fra som standard. Hvis det kræver betaling at sikre sig en Mark, skal det stadig gøres færdigt i Gradiently. ### Hvorfor siger Claude, at den ikke kan godkende? Nøglen blev tastet forkert eller er tilbagekaldt, eller dens opretter er ikke længere ejer eller administrator af arbejdsområdet. Opret en ny nøgle, og opdatér din klient.