En person mestrer at skabe overblik med farvekodede fysiske 'artifacts', der symboliserer interaktive dashboards direkte i browseren med Claude.

Mestre Claude Artifacts: Skab interaktive dashboards direkte i browseren

/ AI-værktøjer, Claude / Af
Øvet Guide 8 min læsning Opdateret 10. maj 2026

Din marketing-manager bruger to dage om ugen på at trække tal fra forskellige systemer og bygge rapporter i regneark. Forestil dig, at hun i stedet kunne bede Claude om at lave et interaktivt dashboard direkte i chatvinduet, klar til at præsentere for ledelsen. Det er præcis det, Claude Artifacts kan. Her får du en praktisk gennemgang af, hvordan du bruger Artifacts til at skabe visuelle dashboards uden at skrive en eneste linje kode selv.

Indholdsfortegnelse

Hvad er Claude Artifacts, og hvorfor er det relevant for dig?

Artifacts er en funktion i Claude, der lader dig generere interaktive elementer direkte i samtalevinduet. Hvor andre AI-assistenter giver dig tekst, kan Claude faktisk bygge små applikationer, diagrammer og dashboards, som du kan klikke rundt i, redigere og dele med kolleger. Er du i tvivl om, hvilken AI-assistent der passer bedst til dine opgaver, kan du sammenligne Claude og ChatGPT for en dybere indsigt.

Tænk på det som forskellen på at få opskriften og at få det færdige måltid serveret foran dig. Når du beder Claude om at lave et dashboard, får du ikke bare en beskrivelse af, hvordan det kunne se ud. Du får selve dashboardet, med grafer, filtre og farver, lige til at bruge.

Funktionen er en del af det, der gør Claude til et unikt værktøj i AI-landskabet. Har du brug for en bredere forståelse af platformen, kan du starte med vores Masterclass i Claude: Den komplette guide til Anthropics AI-assistent, som dækker alt fra grundfunktioner til avancerede teknikker. Vil du vide mere om at bygge simple webværktøjer med Artifacts, har vi også en guide til det.

Sådan beder du Claude om et dashboard (den rigtige måde)

Hænder organiserer fysiske kort til en klar

De fleste begynder med en vag prompt som "Lav et dashboard til mig." Det giver et vagt resultat. Giv i stedet Claude det samme, som du ville give en ny kollega: kontekst, tal og et klart formål. For at få mest muligt ud af Claudes evne til at huske kontekst og dine specifikke instruktioner, er det værd at læse om, hvordan du maksimerer Claudes hukommelse og udnytter dens store kontekstvindue.

Her er et eksempel på en prompt, der faktisk virker:

"Lav et interaktivt dashboard i Artifacts, der viser vores kundeservicedata. Brug disse tal: Uge 1: 342 henvendelser, 89% løst. Uge 2: 410 henvendelser, 84% løst. Uge 3: 387 henvendelser, 91% løst. Uge 4: 395 henvendelser, 88% løst. Dashboardet skal have et søjlediagram over henvendelser per uge, et linjediagram over løsningsrate, og en samlet gennemsnitsvisning øverst. Brug blå og grå farver. Generer dette som en interaktiv Artifact med React-komponenter."

Læg mærke til, at prompten indeholder konkrete tal, en beskrivelse af de ønskede visualiseringer, et farveskema og en eksplicit instruktion om at generere en interaktiv Artifact. Jo mere specifik du er, jo tættere rammer Claude på første forsøg.

Tre ting, din prompt altid skal indeholde

  1. Dine faktiske data (eller realistiske eksempeldata, hvis du bare tester)
  2. Hvilke diagramtyper du vil se (søjler, linjer, cirkeldiagrammer, tabeller)
  3. Hvem dashboardet er til (det ændrer layout og kompleksitet)

Punkt tre overser de fleste. Når du skriver "dashboardet er til vores direktionsgruppe, der har 5 minutter til at forstå tendensen," får du et helt anderledes resultat end "det er til min egen daglige opfølgning."

Hvad kan du faktisk bygge? Tre konkrete scenarier med prompts

Scenarie 1: CFO'en med data fra fire systemer

Situationen: En CFO konsoliderer normalt tal fra økonomi, HR, salg og drift manuelt hver uge. Det tager en halv dag.

Brug denne prompt:

"Lav et interaktivt overbliksdashboard som en Artifact med React-komponenter. Dashboardet skal have fire faner: Økonomi, HR, Salg og Drift. Øverst en topbar med KPI'er. Brug disse tal:

Økonomi: Omsætning 4,2M, budget 4,0M, afvigelse +5%
HR: 47 medarbejdere, sygefravær 3,2%, to åbne stillinger
Salg: 23 nye kunder, 8 tabte, pipeline-værdi 2,1M
Drift: 94% oppetid, 12 åbne supporttickets, gennemsnitlig svartid 4,2 timer

Vis KPI'erne som farvekodede kort øverst: grøn hvis over mål, rød hvis under. Gør fanerne klikbare. Brug et professionelt layout i blå og hvide toner."

Hvad du får: Et dashboard med klikbare faner, farvekodede KPI-kort og alle tallene visuelt organiseret. Ikke en erstatning for et BI-system, men perfekt til det hurtige ledelsesmøde.

Scenarie 2: Projektlederen med otte samtidige projekter

Situationen: En projektleder i et rådgivende ingeniørfirma har svært ved at holde overblik over status på tværs af projekter med forskellig kompleksitet og deadlines.

Brug denne prompt:

"Lav et interaktivt projektstatus-dashboard som en Artifact med React-komponenter. Vis disse otte projekter i en tabel med farvekodede statusser og en visuel tidslinje:

Projekt A | Deadline: 15. feb | Status: På sporet | Budget brugt: 62%
Projekt B | Deadline: 28. feb | Status: Forsinket | Budget brugt: 88%
Projekt C | Deadline: 10. mar | Status: På sporet | Budget brugt: 41%
Projekt D | Deadline: 31. mar | Status: I risiko | Budget brugt: 71%
Projekt E | Deadline: 5. apr | Status: På sporet | Budget brugt: 29%
Projekt F | Deadline: 20. apr | Status: På sporet | Budget brugt: 18%
Projekt G | Deadline: 2. maj | Status: Ikke startet | Budget brugt: 0%
Projekt H | Deadline: 15. maj | Status: På sporet | Budget brugt: 8%

Farvekod: grøn = på sporet, gul = i risiko, rød = forsinket, grå = ikke startet. Når man klikker på et projekt, skal en detaljeboks folde sig ud med alle tal. Tilføj en tidslinje øverst der viser alle deadlines visuelt."

Hvad du får: En klikbar tabel med farvekodede statusser, en visuel tidslinje over deadlines og en detaljeboks der folder sig ud per projekt.

Scenarie 3: Soloprenøren der vil tracke sin egen tid

Situationen: Mange selvstændige konsulenter logger timer i regneark, men kigger aldrig rigtigt på fordelingen bagefter.

Brug denne prompt:

"Lav et simpelt tidstrackingdashboard som en Artifact med React-komponenter. Brug disse tal fra min uge:

Klient A (strategi): 8 timer
Klient B (sparring): 4,5 timer
Klient C (rapportskrivning): 6 timer
Intern markedsføring: 3 timer
Administration: 2,5 timer
Kurser og læring: 1 time

Vis et cirkeldiagram over tidsfordelingen med farver per kategori. Under diagrammet en tabel med antal timer og procentandel per aktivitet. Tilføj en linje øverst der viser: samlede timer denne uge, andel fakturerbar tid (alt undtagen intern markedsføring, administration og læring), og en simpel note om hvad der fylder mest."

Hvad du får: Et cirkeldiagram, en oversigtstabel og tre nøgletal øverst. Det tager to minutter at lave og viser med det samme, om du bruger din tid på det, der faktisk betaler sig.

Fejl, du skal undgå (og hvordan du retter dem)

Artifacts er ikke fejlfrie. Claude kan lave et dashboard, der ser flot ud, men hvor tallene er forkerte, fordi den har misforstået din datastruktur. Det er præcis som med en ny praktikant: du skal tjekke arbejdet.

Typisk fejl nummer et: Claude opfinder data, du ikke har givet den.
Hvis du kun giver tre ugers tal, men beder om en kvartalsvisning, kan den "fylde hullerne" kreativt.

Løsning: Tilføj altid denne sætning til din prompt: "Brug KUN de data, jeg har givet dig. Opfind ikke nye tal. Hvis data mangler, så vis en tom celle eller skriv 'Data mangler'."

Typisk fejl nummer to: Dashboardet er statisk i stedet for interaktivt.
Det sker, hvis Claude genererer et billede eller ren HTML uden JavaScript. Resultatet ser ud som et dashboard, men ingenting reagerer på klik.

Løsning: Skriv altid "Generer dette som en interaktiv Artifact med React-komponenter" i din prompt. Du behøver ikke vide, hvad React er. Tænk på det som at fortælle Claude, at den skal lave en levende udgave i stedet for et screenshot. Hvis du stadig får et statisk resultat, så skriv: "Det fungerer ikke interaktivt. Genopbyg det som en React Artifact med useState-hooks til faner og klik."

Typisk fejl nummer tre: Du prøver at bygge det hele i én prompt.
En kæmpe prompt med ti diagramtyper, tre faner og fem filtre giver næsten altid et rodet resultat med fejl.

Løsning: Byg trinvist. Start med: "Lav kun søjlediagrammet over henvendelser per uge." Når det ser rigtigt ud: "Tilføj nu et linjediagram med løsningsraten under søjlediagrammet." Derefter: "Tilføj en topbar med gennemsnitstal." Hvert trin er let at rette. Totalpakken er svær.

Vil du have endnu mere kontrol over Claudes output, kan du læse om, hvordan XML-tags kan styre formateringen præcist.

Fra dashboard til beslutning

Det fine ved interaktive dashboards i Claude Artifacts er ikke selve diagrammerne. Det er, at du kan stille opfølgende spørgsmål i samme samtale. Når dashboardet er bygget, kan du skrive direkte til Claude:

  • "Hvad er den vigtigste tendens i disse tal?"
  • "Uge 2 ser ud til at være et problem. Hvad kunne forklare faldet i løsningsrate?"
  • "Hvis jeg skal præsentere dette for en direktionsgruppe på fem minutter, hvad skal jeg fremhæve?"

Du får en analytiker og en visualiseringsekspert i samme vindue.

Det kræver øvelse. De første dashboards bliver ikke perfekte. Men efter tre til fem forsøg har de fleste fundet en arbejdsgang, der sparer dem for timer. Ikke fordi AI er magi, men fordi du slipper for at formatere i regneark.

Det bedste næste skridt er at tage et datasæt, du allerede har liggende, og omsætte det til en prompt efter skabelonen ovenfor. Kopiér en af de tre prompts fra scenarierne, udskift tallene med dine egne, og send den til Claude. Start med ét diagram. Byg derfra.

Ofte stillede spørgsmål

Book en gratis og uforpligtende samtale her
FORTSÆT LÆSNINGEN

Relaterede artikler