Illustration til artiklen: Claude Artifacts: Hvad er det og hvad kan du bruge det til? (2026)

Claude Artifacts: Hvad er det og hvad kan du bruge det til? (2026)

Opdateret 28. juli 2026

Claude Artifacts er en af de mest nyttige funktioner i Claude.ai — og alligevel er det noget mange brugere slet ikke kender til. Med Artifacts kan Claude generere selvstændige kodeblokke, HTML-sider, SVG-grafikker og dokumenter, som du kan se og redigere direkte i en forhåndsvisning.

I denne guide gennemgår vi præcis hvad Artifacts er, hvordan du aktiverer funktionen, og hvad du konkret kan bruge den til i dit arbejde.

Hvad er Claude Artifacts?

Artifacts er Claudes måde at præsentere længere, selvstændige outputtyper adskilt fra den normale chatbesked. I stedet for at Claude skriver kode eller HTML direkte i chatten, åbner der sig et separat panel til højre, hvor du kan se resultatet live.

Artifacts understøtter i dag følgende typer indhold:

  • Kode — Python, JavaScript, HTML, CSS og mange andre sprog
  • HTML med preview — se websider og interaktive elementer live
  • SVG-grafikker — vektorgrafik genereret fra beskrivelse
  • Markdown-dokumenter — rapporter, noter og strukturerede tekster
  • React-komponenter — interaktive UI-komponenter med forhåndsvisning

Det der gør Artifacts særligt kraftfuldt er, at du kan bede Claude om at ændre i output direkte — og se opdateringen i realtid i forhåndsvisningspanelet.

Sådan aktiverer du Artifacts

Artifacts er som standard aktiveret for Claude Pro-brugere. Hvis du ikke kan se funktionen, skal du aktivere den i indstillingerne:

  1. Gå til claude.ai og log ind
  2. Klik på dit profilbillede øverst til højre
  3. Vælg Feature Preview
  4. Slå Artifacts til

Herefter vil Claude automatisk bruge Artifacts til relevante outputtyper — typisk kode, HTML og dokumenter over en vis længde.

5 konkrete ting du kan lave med Artifacts

1. Byg en simpel webside uden at kende HTML

Skriv til Claude: “Lav en enkel landingsside til min konsulentvirksomhed med navn, ydelser og kontaktformular.” Claude genererer komplet HTML/CSS, som du kan se direkte i Artifact-panelet og kopiere til dit website.

2. Lav interaktive beregner-apps

Artifacts med React eller JavaScript kan lave egentlige mini-applikationer. Prøv: Lav en ROI-beregner, hvor jeg kan indtaste investering og forventet afkast.”

3. Visualiser data med grafer

Upload en tabel og bed Claude om at visualisere den: “Lav et søjlediagram over disse salgstal med måneder på x-aksen.” Artifacts genererer et SVG eller et JavaScript-diagram du kan downloade.

4. Skriv og rediger dokumenter side om side

Lange rapporter, projektplaner eller kontrakter vises i Artifact-panelet mens du chatter om ændringer. Du slipper for at scrolle frem og tilbage i lange beskeder.

5. Generer præsentationsslides

Bed Claude om at lave en HTML-præsentation: “Lav 5 slides om vores Q1-resultater baseret på disse tal.” Du får et fuldt navigerbart slide-show direkte i browseren.

Artifacts vs. normal chatoutput — hvornår bruger Claude dem?

Claude vælger selv hvornår Artifacts er relevant. Som tommelfingerregel bruges Artifacts til:

  • Kode der er mere end ~20 linjer lang
  • HTML-indhold der kan forhåndsvises
  • Dokumenter og rapporter over ~300 ord
  • Grafikker og visualiseringer

Du kan altid bede Claude eksplicit om at bruge et Artifact: “Vis det som et Artifact så jeg kan redigere.”

Artifacts i Claude Projects

Artifacts fungerer særligt godt i kombination med Claude Projects. Her kan du gemme Artifacts og vende tilbage til dem i fremtidige samtaler. Det gør Claude til et rigtigt mini-udviklingssystem frem for bare en chatbot.

Vil du lære mere om at strukturere dine Claude-samtaler? Se vores guide til de bedste Claude prompts til arbejde.

Begrænsninger ved Artifacts

Artifacts er kraftfulde, men der er grænser:

  • Ingen serverfunktionalitet — Artifacts kan ikke tilgå databaser eller API’er direkte
  • Begrænset til browseren — du kan ikke køre Artifacts på din egen server direkte
  • Kun tilgængeligt i Claude.ai — ikke via API uden specifikke integrationer

Til større projekter bør du se på Claude API, som giver dig fuld kontrol over output og integration.

Officielle kilder: Claudes hjælpecenter

Ofte stillede spørgsmål om Claude Artifacts

Er Artifacts gratis?

Artifacts er tilgængeligt for alle Claude-brugere, men den gratis version har beskedbegrænsninger. Claude Pro giver bedre adgang til komplekse Artifact-opgaver.

Kan jeg downloade et Artifact?

Ja, du kan kopiere koden eller indholdet direkte fra Artifact-panelet. HTML og SVG kan gemmes som filer.

Fungerer Artifacts på mobil?

Artifacts er primært designet til desktop-browseren. Mobiloplevelsen er begrænset.

Læs også:

Læs også:


Udgivet

i

af

Tags: