Du sidder med en idé til et simpelt webværktøj. Måske en prisberegner til dine kunder, en interaktiv FAQ til nye medarbejdere eller en landingpage til næste kampagne. Problemet: Du kan ikke kode, og dit budget rækker ikke til en udvikler. Her kommer Claude Artifacts ind i billedet. Funktionen lader dig bygge fungerende webværktøjer direkte i browseren, uden en eneste linje kode. Du får en konkret opskrift på, hvordan du går fra idé til færdigt design. Har du brug for det bredere overblik over Claude først, kan du starte med vores komplet guide til Anthropics AI-assistent.
Indholdsfortegnelse
- Hvad er Claude Artifacts, og hvorfor er det relevant for dig?
- Din første prototype på 15 minutter
- Tre teknikker til at forfine dit resultat
- Fra prototype til virkelighed: Hvad gør du med resultatet?
- Kom godt i gang uden at kode en linje
Hvad er Claude Artifacts, og hvorfor er det relevant for dig?
Artifacts er en funktion i Claude, der gør noget ret usædvanligt: Når du beder Claude om at bygge noget visuelt, åbner der sig et vindue ved siden af chatten, hvor du kan se og interagere med resultatet i realtid. Det kan være en simpel webside, en interaktiv beregner eller et dashboard.
Det smarte er, at du ikke behøver at forstå koden bag. Claude skriver den for dig. Du beskriver, hvad du vil have, og Claude bygger det. Tænk på det som at sidde ved siden af en udvikler og pege på skærmen: "Den knap skal være grøn. Tabellen skal have tre kolonner. Og feltet her skal regne moms ud automatisk."
Vil du se, hvad Artifacts også kan med dashboards og datavisualisering, har vi skrevet en guide til interaktive dashboards i Claude Artifacts.
Din første prototype på 15 minutter
Forestil dig, at du er kundeservicechef med 15 medarbejdere, der svarer på de samme 50 spørgsmål dag ud og dag ind. Du har længe drømt om en interaktiv FAQ på jeres intranet, hvor medarbejderne selv kan søge svar. Normalt ville det kræve en udvikler og et par ugers ventetid.
Med Claude Artifacts starter du bare en samtale. Her er det præcise prompt du skriver:
"Byg en interaktiv FAQ-side til vores kundeserviceteam. Siden skal have et søgefelt øverst, kategorier i venstre side (Levering, Returnering, Betaling, Garanti) og et område til højre, der viser svar, når man klikker på et spørgsmål. Design det i en professionel, lys stil med blå accenter."
Claude genererer nu et fungerende Artifact. Du kan klikke rundt i det, teste søgefunktionen og se layoutet. Alt sammen i din browser, inden du har drukket din kaffe færdig.
Det vigtige at forstå: Du behøver ikke ramme perfekt i første forsøg. Det her er en samtale, ikke en bestilling hos en udvikler. Næste sektion viser præcis, hvordan du forfiner resultatet.
Tre teknikker til at forfine dit resultat
Første udkast er sjældent det endelige. Her er tre konkrete teknikker, der løfter dit værktøj fra "okay" til "klar til brug". med eksempler på præcis hvad du skriver.
Teknik 1: Beskriv ændringer som om du taler til en kollega
Du behøver ikke teknisk sprog. Skriv præcis som du ville sige det højt:
"Gør søgefeltet større og flyt det til midten. Tilføj en lille animation, så svaret glider ned i stedet for bare at poppe op. Og skift baggrunden til lysegrå."
Claude forstår konteksten fra jeres igangværende samtale og justerer det eksisterende Artifact. Dette er muligt, fordi Claude udnytter et massivt Context Window til at huske tidligere interaktioner, så du mister intet ved at bede om ændringer, og hvert svar bygger videre på det forrige.
Et andet eksempel, hvis du vil justere strukturen:
"Fjern venstre kolonne med kategorier. Vis i stedet alle spørgsmål i én samlet liste, grupperet med en overskrift per kategori. Gør overskrifterne mørkegrå og fed."
Teknik 2: Giv Claude konkret indhold at arbejde med
En prototype med pladsholderdata ("Lorem ipsum" eller opdigtede eksempler) er svær at vurdere. Du ved ikke, om layoutet holder, når dine rigtige data kommer ind.
Løsningen: Kopier dit faktiske indhold direkte ind i chatten fra starten. Hvis du bygger en FAQ, sender du de 10 mest stillede spørgsmål med svar. Prompten ser sådan ud:
"Indsæt disse spørgsmål og svar i FAQ-siden. Sørg for at hvert svar vises, når man klikker på spørgsmålet:
Levering:
Spørgsmål: Hvornår modtager jeg min ordre?
Svar: Ordrer afsendt på hverdage inden kl. 14 leveres typisk inden for 2-3 hverdage med PostNord.Spørgsmål: Kan jeg ændre leveringsadresse efter bestilling?
Svar: Ja, kontakt os inden for 1 time på support@firma.dk, så ændrer vi det.Returnering:
Spørgsmål: Hvad er jeres returpolitik?
Svar: Du har 30 dages returret på alle varer. Varen skal returneres i original emballage."
Pludselig føles værktøjet virkeligt. Du kan vurdere, om søgningen faktisk virker med jeres formuleringer, og om kategorierne giver mening med jeres indhold.
Teknik 3: Brug et screenshot som reference
Claude kan analysere billeder. Har du set en prisberegner eller et layout på en hjemmeside, du godt kan lide? Tag et screenshot, upload det i chatten, og skriv:
"Byg noget der minder om dette layout, men tilpasset vores produkter. Vi sælger tre pakkeløsninger: Basis (499 kr/md), Plus (899 kr/md) og Premium (1.499 kr/md). Inkluder en knap under hver pakke, der linker til vores kontaktside."
Det er en af de hurtigste veje til et professionelt resultat, fordi du viser Claude præcis hvad du mener i stedet for at forsøge at beskrive det med ord. Du kan læse mere om, hvordan Claude arbejder med billeder, i vores artikel om multimodal prompting.
Fra prototype til virkelighed: Hvad gør du med resultatet?
Et Artifact er en fungerende prototype. Du kan bruge den på to konkrete måder.
Send koden til din IT-afdeling eller udvikler. Klik på "Copy Code" i Artifact-vinduet. Du har nu gjort 80% af forarbejdet. I stedet for at skrive en lang kravspecifikation, kan du sende koden med en besked: "Det her er præcis hvad jeg mener. tilpas det til vores system." Vil du dykke dybere ned i, hvordan du kan forbinde Claude til systemer og automatisere yderligere, har vi en guide for ikke-udviklere. En kundeservicechef, der normalt bruger uger på frem-og-tilbage med IT, kan nu vise præcis hvad hun mener på 20 minutter.
Brug prototypen som internt kommunikationsværktøj. Vis den på næste afdelingsmøde i stedet for en PowerPoint, eller overvej at bruge Claude for Teams til samarbejde i skyen for at dele prompts og viden effektivt. En fungerende demo, som folk kan klikke rundt i, skaber langt færre misforståelser end 20 slides med kulepunkter. Alle kan se og forholde sig til noget konkret.
Hvad Artifacts ikke er
Lad os være ærlige om begrænsningerne. Et Artifact er ikke en færdig produktionsløsning. Det kan ikke gemme data i en database, håndtere brugerlogin eller skalere til tusindvis af samtidige brugere. Tænk på det som en arkitekttegning: Den viser præcis, hvordan huset skal se ud, men den er ikke selve huset.
Til gengæld er det det mest effektive no-code værktøj til at komme fra "idé i hovedet" til "noget man kan se og røre ved". på under en time, uden at vente på en ledig udvikler.
Kom godt i gang uden at kode en linje
Claude Artifacts er et af de steder, hvor AI for alvor føles som et praktisk værktøj frem for science fiction. Du behøver ikke lære programmering. Du behøver ikke vente på en ledig udvikler. Du skal bare kunne beskrive, hvad du har brug for, med almindelige ord.
Start med ét af disse tre prompts allerede i dag:
Prisberegner:
"Byg en simpel prisberegner. Brugeren vælger antal enheder med en skyder (1-100), og siden beregner automatisk prisen. Pris per enhed: 1-10 enheder koster 150 kr/stk., 11-50 enheder koster 120 kr/stk., 51+ enheder koster 95 kr/stk. Vis den samlede pris tydeligt i stort tal nedenfor."
Interaktiv FAQ:
"Byg en FAQ-side med søgefelt og kategorier (Levering, Betaling, Garanti). Spørgsmål skal folde sig ud, når man klikker på dem. Lys stil med grønne accenter."
Onboarding-oversigt:
"Byg en interaktiv tjekliste til nye medarbejdere. Tre faser: Første dag, Første uge, Første måned. Hvert punkt kan hakkes af, og en progress-bar øverst viser, hvor langt man er kommet."
Brug resultatet som prototype, vis det til dit team, og byg videre derfra. Det er præcis dén arbejdsform Artifacts er skabt til.
Ofte stillede spørgsmål
Bruno Poulsen er partner i Poulsen & Vinding, et konsulenthus der hjælper danske virksomheder og styrelser med at tage generativ AI i brug i den daglige drift. Han er senior underviser hos Bigum&Co gennem 10+ år og har siden 2023 stået bag AI-implementeringer, foredrag og workshops for blandt andre Lægemiddelstyrelsen, GS1 Danmark, Bornholms Højskole og 30+ bornholmske SMV’er via Business Center Bornholm. Skriver om praktisk anvendelse af AI-værktøjer, prompt engineering og hvordan ledelser kommer i gang mandag morgen kl. 08.00.
