Gradientlyn Claude-yhdistin: suunnittelu MCP:n kautta

Määritä Gradiently Claude -yhdistin osoittamalla Claude Gradientlyn MCP-palvelimeen https://gradiently.design/api/mcp. Lisää Claude-sovelluksessa mukautettu yhdistin ja kirjaudu Gradientlyyn. Lisää Claude Codessa palvelin terminaalista rajatulla API-avaimella. Molemmilla tavoilla Claude voi hakea Markeja, lukea brändipakettisi ja tehdä työtilaasi tallentuvia suunnitelmia, jotka avautuvat Studiossa. Jokainen sana pysyy muokattavana.

MCP eli Model Context Protocol on avoin standardi, jonka avulla Claude käyttää oikeita työkaluja. Mikä on MCP selittää sen yksinkertaisesti. Protokolla dokumentoidaan osoitteessa modelcontextprotocol.io.

Millä tavalla yhdistät Clauden

Kummallakin reitillä tarvitset Gradientlyn työtilan omistajan tai ylläpitäjän roolin. Muokkaajat ja katselijat eivät voi yhdistää avustajia tai luoda avaimia.

Yhdistä Claude-sovellus mukautetulla yhdistimellä

1. 1

   Avaa Clauden yhdistinasetukset

   Lisää mukautettu yhdistin. Anthropic päättää, mitkä Claude-tilaukset sallivat tämän. Tarkista Clauden ohjesivut, jos vaihtoehto ei näy. Claude-yhdistimet selittää ominaisuuden.

2. 2

   Liitä palvelimen osoite

   Nimeä yhdistin Gradientlyksi ja käytä osoitetta https://gradiently.design/api/mcp. Valitse OAuth-kirjautuminen.

3. 3

   Kirjaudu ja valitse työtila

   Valitse Gradientlyn ikkunassa Clauden työtila ja lue oikeudet kohdasta Salli tämän avustajan.

4. 4

   Salli ja tarkista

   Valitse Salli yhteys. Pyydä sitten Claudea luettelemaan Gradiently-työkalunsa varmistaaksesi yhteyden.

Käyttöoikeus uusitaan automaattisesti enintään 30 päivää, minkä jälkeen yhdistät uudelleen. Mukautettu yhdistin on heti käytössäsi. Clauden julkinen hakemistolistaus on erillinen ja vaatii Anthropicin tarkistuksen.

Yhdistä Claude Code rajatulla API-avaimella

Claude Code käyttää avainta kirjautumisen sijaan. Luo se Gradientlyssä kohdassa Asetukset › API ja agentit. Valitse työtila, nimeä avain käyttöpaikan mukaan, esimerkiksi Claude Code, kannettava, valitse sallitut toiminnot ja paina Luo avain. Avain näytetään kerran, joten kopioi se heti salasananhallintaan.

export GRADIENTLY_API_KEY="gr_live_…"

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

JSON-tiedostoa lukevat muut asiakasohjelmat hyväksyvät yleensä saman palvelimen ja otsakkeen. Asetuksissa on valmis esimerkki kohdassa Yhdistä MCP-asiakasohjelma.

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

Avaimen oikeuksien valinta

Jokainen oikeus on käyttöoikeusalue. Uudella avaimella on aluksi viisi, jotka kattavat kaikki suunnittelutyökalut, joten useimpien ei tarvitse muuttaa mitään. Lisää muita vain Clauden tarvitessa niitä.

Mitä Claude voi tehdä yhdistettynä

Claude käyttää samoja toimintoja kuin sinä tuotteessa. Se voi hakea Markkinoilta nimellä, värisanoilla tai koodilla, lukea brändiprofiilin, äänensävyn ja fontit, piirtää alkuperäisen suunnitelman, katsoa kuvaa ja viimeistellä sitä. Se voi täyttää Gradientlyn pohjan, muuttaa tallennetun suunnitelman sanoja, tehdä eri kokoisia kopioita ja piirtää suunnitelman PNG- tai PDF-muotoon. Kun Claude kokoaa suunnitelman itse, Gradiently ei veloita tekoälykrediittejä. Gradientlyn omalle Designerille siirretty työ käyttää krediittejä kuten Studiossa.

Claude Code helpottaa tietynlaisia töitä. Jos pidät blogia ja haluat jokaiselle artikkelille linkkikuvan, pyydä: ”Tee jokaiselle /content-kansion artikkelille 1200×630-linkkikuva brändillämme ja artikkelin otsikolla. Piirrä jokainen PNG-tiedostoksi kansioon /public/og.” Claude suunnittelee kuvat Gradientlyssä, tarkistaa ne ja kirjoittaa tiedostot sivuston odottamaan paikkaan. Open Graph -kuvan koko selittää koon 1200×630.

Claudella toimivat kehotteet

• ”Lue brändiprofiilimme ja tee LinkedIn- sekä X-julkaisu uudesta toimistostamme Bristolissa.”
• ”Etsi kolme tummaa Markia, joissa on Silkki-materiaali lähellä syvää petroolia, ja anna niiden koodit.”
• ”Ota eilinen ilmoitus ja tee siitä tarina sekä YouTube-pikkukuva.”
• ”Vaihda tapahtumajulisteen päiväksi 14. marraskuuta ja piirrä se PDF:nä.”

Mitä parempi brändipakettisi on, sitä vähemmän jokaisessa pyynnössä tarvitsee sanoa. Brändin ääni tekoälylle näyttää täytettävät tiedot. Someideoita tarjoaa Claude somesisältöön, ja laajemman kuvan suunnittelu Claudella.

Yhteyden pitäminen turvallisena

Jos avain vuotaa tai lakkaat käyttämästä sitä, valitse sen vierestä Kumoa kohdassa Asetukset › API ja agentit. Se lakkaa toimimasta heti. Avaimet lakkaavat toimimasta myös, jos luoja poistuu työtilasta tai menettää ylläpitäjäroolin. Käytätkö myös ChatGPT:tä? Gradiently ChatGPT:ssä käsittelee oman määrityksensä. Täysi työkalukuvaus on kehittäjädokumentaatiossa.