Bygg med AI

Fyra skills som tar bort AI-lookan

Samma bakgrund, samma färger, samma typsnitt, samma språk. Alla känner igen en AI-byggd sajt, och då gör dina besökare det också. Här är fyra öppna Claude-skills som fixar det. Alla är gratis och ligger på GitHub.

Claude Code 4 skills Gratis
Till vänster tre identiska AI-sajter, till höger samma sida med egen karaktär, och fyra skills emellan ALLA SER LIKADANA UT awesome design taste impeccable emil kowalski DIN SER UT SOM DIN

Först: vad en skill är

Utan det här steget spelar det ingen roll vilken skill du laddar ner.
1

En skill är en mapp Claude läser själv

En skill är en textfil med instruktioner, plus ibland några hjälpfiler. Du lägger den i ~/.claude/skills/ och Claude plockar upp den när uppgiften passar. Du behöver inte be om den varje gång.

Sökvägen på Windows är C:\Users\DITTNAMN\.claude\skills\. På Mac är det ~/.claude/skills/.

Mappen .claude/skills med fyra skill-mappar i sig, som Claude läser .claude/skills impeccable taste ... Claude
Skills ligger i en mapp, Claude läser dem själv
2

Hämta en skill med ett kommando

Alla fyra ligger öppet på GitHub. Du klonar in dem i skills-mappen, ett kommando per skill. Så här ser det ut för den första:

Kommando · kör i terminalen
git clone https://github.com/pbakaus/impeccable ~/.claude/skills/impeccable

Varje repo har en egen README med exakt hur den ska installeras, och några har fler än en skill i sig. Läs den innan du kör, den tar en minut.

Starta om Claude Code efter att du lagt in en ny skill. Annars ligger den i mappen utan att bli läst.

De fyra skillsen

Ta en i taget. De gör olika saker och krockar inte med varandra.
1

Awesome Claude Design, designsystemen från stora varumärken

En samling på 68 färdiga designsystem skrivna som DESIGN.md-filer: Apple, Tesla, Stripe, Spotify, Linear, Figma, Nike, Ferrari och många fler. Du släpper in en av filerna i projektet och Claude bygger gränssnittet i det uttrycket i stället för i sitt eget.

Använd den när du vet vilken känsla du vill ha men inte kan sätta ord på den. Peka på ett varumärke i stället.

Öppna Awesome Claude Design
2

Taste, hämtar smaken från en riktig sajt

Den här går till en sajt du pekar ut, tittar på den och plockar isär vad som gör den snygg. Inte bara färgkoder och typsnitt, utan varför valen är gjorda: varför den vita nyansen, varför en tunn ram i stället för skugga, var luften ligger.

Skillnaden mot att bara kopiera färgerna är att Claude fortsätter fatta rätt beslut när mallen tar slut. Den kräver Playwright MCP för att kunna öppna sajten.

Öppna Taste
3

Impeccable, designspråket som tar bort AI-lookan

Ett paket med 18 skills som hänger ihop, byggt av Paul Bakaus. Det täcker hela vägen från designriktning till sista putsen, och har regler som fångar de mönster alla AI-sajter råkar ut för: lila blå gradienter, glas överallt, mörkt läge med neon, identiska kortrutnät.

Det är den här du tar om du bara orkar med en.

Öppna Impeccable
4

Emil Kowalskis skills, rörelse och detaljer

Emil Kowalski är designern bakom bland annat Sonner och Vaul. Hans skills handlar om animation och om de små sakerna som gör att ett gränssnitt känns dyrt: vilken kurva, hur länge, och framför allt om rörelsen behöver finnas alls.

Ta den sist. Den polerar något som redan sitter, den räddar inte en design som inte gör det.

Öppna Emil Kowalskis skills
Det viktigaste tipset

Installera en i taget och bygg om samma sida

Lägger du in alla fyra på en gång vet du inte vad som gjorde skillnad. Ta en skill, be Claude bygga om en sida du redan har, och titta. Då ser du vad varje skill faktiskt gör, och du märker snabbt vilka två du kommer använda varje gång.

Och en sak till: en skill ger Claude smak, inte ditt varumärke. Färgerna, logotypen och orden är fortfarande dina att bestämma.

Vill du lära dig AI, eller veta om ditt företag kan använda det?

Jag hjälper dig komma igång, från första frågan till färdig rutin. Hör av dig så tar vi reda på om och var AI passar för dig eller ditt företag.

Boka ett strategisamtal
eller hör av dig direkt
Vill du lära dig AI, eller komma djupare in i Claude? Gå vår live-workshop, Claude på 120 minuter. Föranmäl dig