PixelSmith

Bruk PixelSmith med din egen Claude

Her setter du opp ditt eget eksemplar av PixelSmith: en kobling som lar Claude tegne figurer for deg, og en tegneside der du maler videre på de samme figurene. Alt kjører på dine egne gratis kontoer, så ingen andre ser det du lager.

Dette trenger du

Eller la Claude hjelpe deg

Vil du heller ha hjelp underveis? Kopier teksten under, og lim den inn i en ny samtale med Claude. Lenken hit står i teksten, så Claude kan lese veiledningen selv og ta deg gjennom den ett steg om gangen.

Hjelp meg å sette opp PixelSmith, så du kan tegne pikselgrafikk for meg. PixelSmith er en kobling (en MCP-server) som jeg kjører gratis på min egen Vercel-konto.

Les veiledningen først: https://pixelsmith.aleksanderbryhnreitan.no/oppsett
Koden og bruksanvisningen (README) ligger her: https://github.com/justAleks0/pixelsmith

Ta meg gjennom oppsettet ett steg om gangen, og vent til jeg sier fra før du går videre. Forklar enkelt, og si nøyaktig hvor jeg skal klikke. Hemmeligheten (MCP_SECRET) lager jeg selv på veiledningssiden. Den skal ikke limes inn her i samtalen. Til slutt hjelper du meg å koble PixelSmith til deg, og så prøver vi med en liten tegning.

Får du ikke åpnet lenkene, si fra, så følger jeg veiledningen selv.

Claude må kunne åpne nettsider for å lese veiledningen. Kan den ikke det, sier den fra, og da følger du bare stegene under.

1

Lag en hemmelighet

Hemmeligheten er et langt, tilfeldig passord. Det er den som gjør at bare du og din Claude slipper inn i ditt PixelSmith. Her er en ny, laget i nettleseren din akkurat nå:

 

Lagre den et trygt sted, for eksempel i passordbehandleren din. Den lages på denne siden og sendes ingen steder. Last du siden på nytt, får du en ny.

2

Lag din kopi på Vercel

Knappen under åpner Vercel med alt ferdig utfylt. Den lager en kopi av koden i din GitHub, en gratis database til figurene, og setter det i gang.

Sett opp på Vercel

  1. Logg inn når Vercel spør. Det enkleste er Continue with GitHub.
  2. Velg hvor kopien skal ligge i GitHub, og la navnet være pixelsmith (eller velg et annet). Trykk Create.
  3. Vercel ber om en database (Upstash for Redis). Velg gratisplanen Free og regionen nærmest deg (Frankfurt, hvis du bor i Norge), og opprett den.
  4. Under Environment Variables står MCP_SECRET. Lim inn hemmeligheten fra steg 1 der.
  5. Trykk Deploy og vent et par minutter, til Vercel viser at den er ferdig.

Rekkefølgen på skjermene kan variere litt. Det som betyr noe, er at databasen blir opprettet og at MCP_SECRET får hemmeligheten din.

3

Finn adressen din

Åpne prosjektet ditt på Vercel. Øverst på oversikten, ved Domains, står adressen din, for eksempel pixelsmith-ola.vercel.app. Lim den inn her, sammen med hemmeligheten:

Da får du disse to lenkene. Behandle dem som passord, siden hemmeligheten står i dem:

 
 Åpne

Åpne tegnesiden for å sjekke at alt virker. Ser du tegnesiden, er alt i orden. Står det at siden er låst, er hemmeligheten feil.

4

Koble den til Claude

På claude.ai eller i Claude-appen på PC:

  1. Velg Customize i menyen på venstre side, og så Connectors.
  2. Trykk + (eller Add), og velg Add custom connector.
  3. Skriv PixelSmith som navn, og lim inn koblingen fra steg 3 som adresse (URL).
  4. Trykk Continue. Når den spør om innlogging, velg No sign-in. Trykk Add.
  5. I en samtale: trykk + nede ved skrivefeltet, velg Connectors, og slå på PixelSmith.

Hos noen står navn, adresse og Advanced settings på én og samme skjerm. Fyll da bare inn navn og adresse, la resten stå tomt, og trykk Add. En kobling du legger til her, virker også i Claude på mobilen.

Bruker du Claude Code?

Er Claude Code logget inn med den samme Claude-kontoen, dukker koblingen opp der av seg selv. Ellers legger du den til med denne kommandoen i terminalen:

 
5

Be Claude tegne noe

Skriv for eksempel en av disse. Første gang leser Claude bruksanvisningen i PixelSmith selv.

Bruk PixelSmith: lag et prosjekt som heter «mitt-spill», og tegn et sverd på 16 × 16 piksler. Se på forhåndsvisningen og gjør det bedre.
Tegn en trylledrikk i mitt-spill, og lag den i tre farger: rød, blå og grønn.
Vis meg alle figurene i mitt-spill på ett ark, og gi meg en lenke til å laste dem ned.

Det Claude tegner, dukker opp på tegnesiden din med en gang. Der kan du male videre, angre, og laste ned PNG. Åpne lenken til tegnesiden én gang på hver enhet du vil bruke. Den husker deg i et år og fjerner hemmeligheten fra adressefeltet.

Hvis noe går galt

Claude sier «Forbidden» eller 403

Hemmeligheten i koblingen er ikke den samme som MCP_SECRET på Vercel. Sjekk at hele hemmeligheten ble med, uten mellomrom. Du kan endre adressen til en kobling i Customize → Connectors.

Jeg får opp en innloggingsside fra Vercel

Du har sannsynligvis brukt en lang adresse som hører til én bestemt versjon, som pixelsmith-a1b2c3d4e-ola.vercel.app. Bruk den korte adressen under Domains. Ber også den om innlogging, åpner du prosjektet på Vercel og går til Settings → Deployment Protection. Slå av Vercel Authentication der.

Det står at ingen database er koblet til

Åpne prosjektet på Vercel og gå til Storage. Velg Upstash for Redis og gratisplanen, og koble databasen til prosjektet. Gå så til Deployments, trykk på de tre prikkene ved den øverste, og velg Redeploy.

Jeg vil bytte hemmelighet

Lag en ny i steg 1. På Vercel åpner du prosjektet, går til Settings → Environment Variables, endrer MCP_SECRET, og velger Redeploy når Vercel spør. Lag nye lenker i steg 3, endre adressen på koblingen i Claude, og åpne den nye tegnesidelenken.

Koster det noe?

Nei, så lenge du holder deg på gratisplanene. Den gratis databasen har plass til langt flere figurer enn du rekker å tegne. Brukes den ikke på en måned, kan Upstash legge den i dvale. Du får e-post først, og kan vekke den igjen fra Upstash.

Hvorfor står hemmeligheten i adressen?

Egne koblinger i Claude kan for de fleste ikke sende et passord på noen annen måte ennå. Derfor ligger hemmeligheten i adressen, og derfor skal du behandle koblingen og tegnesidelenken som passord og ikke dele dem.

Alt du trenger