Artifacts intro

Du chattar med Claude och plötsligt dyker det upp en panel vid sidan av konversationen med formaterad kod, ett dokument eller till och med en interaktiv app. Det är en artifact. Artifacts är Claudes sätt att skapa innehåll som lever utanför chatten och som du kan redigera, dela och vidareutveckla.

Vad är en artifact

En artifact är ett fristående stycke innehåll som Claude skapar åt dig. Till skillnad från vanliga chattsvar som bara är text, är artifacts interaktiva objekt med egen yta i gränssnittet.

Typer av artifacts:

• Dokument: Rapporter, artiklar, PM, mallar. Formaterade med rubriker och struktur.
• Kod: Hela kodfiler eller kodblock med syntaxmarkering. Kopiera direkt till ditt projekt.
• Webbappar: Fullt fungerande React-applikationer som körs direkt i Claude. Kalkylatorer, verktyg, dashboards.
• Diagram: Mermaid-diagram, flödesscheman, organisationsscheman.
• SVG-grafik: Vektorgrafik, ikoner, enkla illustrationer.

När skapas artifacts automatiskt

Claude skapar artifacts automatiskt när innehållet är tillräckligt långt eller komplext för att det inte passar i ett vanligt chattsvar. Du märker det mest med:

• Kod som är längre än 15-20 rader
• Dokument med tydlig struktur (rubriker, listor, sektioner)
• HTML/CSS/JavaScript som kan renderas

Du kan också uttryckligen be om en artifact:

Arbeta med artifacts

Artifacts visas i en panel till höger om chatten. Du kan:

Redigera direkt: Klicka i artifact-panelen och ändra text eller kod. Du behöver inte be Claude göra varje liten ändring.

Iterera genom chatten: Be Claude ändra specifika delar.

Claude uppdaterar artifacten utan att skapa en ny.

Versionshistorik: Varje gång Claude uppdaterar en artifact sparas en ny version. Du kan bläddra tillbaka till tidigare versioner om en ändring inte blev bra.

Kopiera och ladda ner: Knappen "Copy" kopierar hela innehållet. För kod kan du kopiera direkt till din editor.

Artifacts vs vanliga svar

Inte allt passar som artifact. Här är en guide:

Bra som artifact:

• Kompletta dokument (avtal, rapporter, mallar)
• Kod som ska användas i ett projekt
• Interaktiva verktyg och kalkylatorer
• Visualiseringar och diagram

Bättre som vanligt chattsvar:

• Korta svar och förklaringar
• Steg-för-steg-instruktioner
• Sammanfattningar av diskussioner
• Snabba kodsnuttar under 10 rader

Praktiska användningsområden

Mall för kundmejl:

Mötesprotokoll:

Enkel webbsida:

Den sista prompten skapar en fungerande HTML-sida direkt i artifact-panelen som du kan förhandsgranska och ladda ner.

Prova själv

Testa dessa tre prompts i Claude och observera hur artifacts skapas:

1. Be Claude skapa ett dokument (t.ex. en veckorapport-mall)
2. Be om en kodlösning (t.ex. en Python-funktion)
3. Be om en interaktiv webbapp (t.ex. en att-göra-lista)

Testa att redigera varje artifact direkt i panelen och genom att chatta med Claude.

Sammanfattning

• Artifacts är fristående innehåll (dokument, kod, appar, diagram) som visas i en egen panel
• Claude skapar artifacts automatiskt när innehållet är tillräckligt komplext
• Du kan redigera artifacts direkt eller be Claude uppdatera dem via chatten
• Versionshistorik låter dig gå tillbaka till tidigare versioner
• Artifacts passar bäst för komplett, strukturerat innehåll som ska användas utanför chatten