Summary  
This chapter explains how to supply a UI design reference image and a precise prompt to an AI code assistant so it can automatically restyle an app’s interface—preserving its structure and features while updating its look.

General domain of usage  
Web application UI design

Medmindre du allerede har en designfil klar, er den hurtigste måde at ændre udseendet på din app at finde et design, du kan lide, og vise det til Claude Code. Dette kapitel guider dig præcist igennem, hvordan du gør det.

### Sådan giver du det videre til Claude Code

Når du har fundet et design, du kan lide:
1. Kopiér eller tag et screenshot af billedet
2. Indsæt det direkte i Claude Code-chatten
3. Tilføj en specifik prompt sammen med billedet

En prompt, der fungerer godt:

`
"Take the styling and colours of this UI design and implement it into my app. Keep the structure and functionalities exactly the same. Only change the design style."
`

Det er lige så vigtigt at være specifik om, hvad der skal forblive det samme, som at beskrive, hvad du ønsker ændret. Hvis du ikke nævner, at strukturen skal forblive uændret, kan Claude Code komme til at ombygge mere, end du havde tænkt dig.

### Hvilket model du skal bruge til design

Når du arbejder med designændringer, skal du skifte modellen til Opus via dropdown-menuen i Claude Code. Opus er bedre til at fortolke visuel inspiration og omsætte det til kode. Til de fleste andre opgaver er Sonnet det rette valg, men til design er Opus værd at bruge.

### Forvent iterationer

Første gennemgang vil bringe dig det meste af vejen. Det vil ikke altid være perfekt. Det er helt i orden. Se på resultatet, identificer den ene ting, du ønsker at justere, og send en opfølgende prompt, der er specifik omkring netop det.

Sig: "Skift overskriftsfarven til dyb blå. Ændr ikke noget andet."

Sig: "Gør baggrunden til en ensartet mørkegrå i stedet for gradienten."

Sig: "Gør send-knappen mere afrundet og øg dens størrelse en smule."

Hvad er den anbefalede måde at ændre dit apps design på ved brug af Claude Code?

Byg og lancér en reel app på blot én weekend ved hjælp af moderne AI-værktøjer og en enkel, praktisk arbejdsgang, hvor du bruger Claude Code til at planlægge, generere og forfine din kode, styrer dit projekt med GitHub og udruller din færdige app online med Vercel. Du starter med en idé og omdanner den hurtigt til en klar projektplan, hvorefter du trin for trin bygger en fungerende applikation med fokus på kernefunktioner, enkel arkitektur og hurtig iteration frem for unødig kompleksitet, samtidig med at du lærer at arbejde effektivt med AI ved at skrive bedre prompts, rette fejl og forbedre funktioner, og afslutter med en live app, et ryddeligt GitHub-projekt og et gentageligt system til at omsætte fremtidige idéer til virkelige produkter hurtigere.

Forstå det grundlæggende i AI-assisteret udvikling, opsæt dit miljø, og bliv fortrolig med Claude Code, før du starter din første app.

Omsæt din idé til en klar, enkel plan og definer den mindste version af din app, der leverer reel værdi.

Gå fra ingenting til en kørende app ved at generere kode med AI, opsætte projektet og forstå, hvad der blev oprettet.

Forbedr din app ved at tilføje funktioner, forfine designet og lære, hvordan du effektivt løser problemer.

Udgiv dit projekt, gør det tilgængeligt online, og sikre at alt fungerer ved hjælp af GitHub og Vercel.

Forbedring af App-Designet

Sådan giver du det videre til Claude Code

Hvilket model du skal bruge til design

Forvent iterationer