{"id":7371,"date":"2025-11-04T10:06:00","date_gmt":"2025-11-04T10:06:00","guid":{"rendered":"https:\/\/hello-ai.eu\/claude-artifacts\/"},"modified":"2026-08-05T12:41:39","modified_gmt":"2026-08-05T12:41:39","slug":"claude-artifacts","status":"publish","type":"post","link":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/","title":{"rendered":"Claude artifacts"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Claude Artifacts<\/strong>, bygg appar utan att programmera<\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

K\u00e4nner du igen det? Du fr\u00e5gar en AI om n\u00e5got, f\u00e5r ett helt referat tillbaka och m\u00e5ste sedan leta efter den bit du faktiskt kan anv\u00e4nda. <\/span>Claude Artifacts<\/i><\/b> g\u00f6r detta annorlunda. Du ser direkt vad du skapar i ett separat f\u00f6nster och kan justera det p\u00e5 plats. Det k\u00e4nns som att du bygger tillsammans med Claude ist\u00e4llet f\u00f6r att bara ge instruktioner. Du beh\u00f6ver inte kopiera eller klistra in n\u00e5got, allt ligger redan klart att arbeta vidare med. Oavsett om du \u00e4r designer, l\u00e4rare eller marknadsf\u00f6rare kan du p\u00e5 n\u00e5gra minuter skapa n\u00e5got som fungerar bra, och det fina \u00e4r att du l\u00e4r dig hur allt h\u00e4nger ihop l\u00e4ngs v\u00e4gen.<\/span><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tRedo att arbeta smartare? L\u00e5t oss prata.<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Vad \u00e4r det?<\/strong><\/h2>

Artifacts \u00e4r ett extra f\u00f6nster bredvid din chatt. Ber du om kod eller en webbplats visas resultatet till h\u00f6ger p\u00e5 sk\u00e4rmen. Till v\u00e4nster pratar du med Claude, till h\u00f6ger ser du vad som kommer ut. P\u00e5 s\u00e5 s\u00e4tt h\u00e5lls allt \u00f6versk\u00e5dligt.<\/p>

Claude best\u00e4mmer sj\u00e4lv n\u00e4r n\u00e5got \u00e4r viktigt nog f\u00f6r en Artifact. Oftast vid stycken l\u00e4ngre \u00e4n 15 rader som du senare vill justera. Du s\u00e4ger vad du vill och Claude skapar det.<\/p>

Det fina \u00e4r: du kan forts\u00e4tta arbeta p\u00e5 samma Artifact. Ser du ett fel eller vill l\u00e4gga till n\u00e5got? Ge feedback och Claude justerar det utan att b\u00f6rja om. Alla versioner sparas, s\u00e5 du kan alltid g\u00e5 tillbaka till en tidigare variant.
Vad kan du skapa med det? T\u00e4nk p\u00e5 interaktiva webbplatser med React, datavisualiseringar, SVG-bilder, markdown-dokument eller HTML-sidor. Du kan ladda ner Artifacten, kopiera den eller testa den direkt i din webbl\u00e4sare. Inget kr\u00e5ngel med att dra filer fram och tillbaka.
Claude arbetar med dig tills det \u00e4r precis r\u00e4tt. Be om att g\u00f6ra en knapp st\u00f6rre, anv\u00e4nda andra f\u00e4rger eller l\u00e4gga till extra funktionalitet. F\u00f6nstret f\u00f6rblir \u00f6ppet medan ni forts\u00e4tter prata, s\u00e5 du ser direkt vad som f\u00f6r\u00e4ndras.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Vad skapar du med det?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Du kan skapa allt m\u00f6jligt. Claude artifacts anv\u00e4nder kod i Python eller JavaScript som fungerar direkt. Webbsidor som k\u00f6rs direkt. Grafer och diagram. Dokument med r\u00e4tt formatering. Till och med enkla spel.<\/span><\/p>

Praktiskt exempel:<\/strong> ladda upp en Excel med siffror och be om att f\u00e5 en graf av det. Claude f\u00f6rst\u00e5r datan och bygger visualiseringen.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Hur artifacts fungerar<\/strong><\/h3>

Funktionen \u00e4r oftast redan aktiverad. Kolla annars i Settings. Det fungerar \u00e4ven p\u00e5 din telefon.<\/p>

Skriv vad du beh\u00f6ver. Till exempel: ”Skapa en flashcard-app d\u00e4r jag sj\u00e4lv kan v\u00e4lja \u00e4mnet.” Du ser att Claude direkt har skapat en fungerande app. F\u00f6r stort? Fr\u00e5ga: ”G\u00f6r texten mindre.” F\u00f6r tr\u00e5kigt? ”L\u00e4gg till en knapp.” (I det h\u00e4r fallet flashcards f\u00f6r att l\u00e4ra sig japanska.)<\/span><\/p>

Markera en del och klicka p\u00e5 Improve f\u00f6r justeringar eller Explain f\u00f6r en f\u00f6rklaring. Varje \u00e4ndring blir en ny version. Gillar du det \u00e4nd\u00e5 inte? G\u00e5 tillbaka med pilarna l\u00e4ngst ner.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Din artifacts-sida<\/strong><\/h3>

P\u00e5 claude.ai\/artifacts<\/em> hittar du allt du n\u00e5gonsin har skapat. Ditt eget galleri. H\u00e4r finns \u00e4ven exempel fr\u00e5n andra som du kan kopiera och anpassa. S\u00f6k till exempel p\u00e5 ”Learn something” f\u00f6r undervisningsmaterial eller ”Play a game” f\u00f6r spel.<\/p>

Dina artifacts \u00e4r kopplade till dina samtal. Klicka p\u00e5 en artifact och du hoppar direkt tillbaka till chattkonversationen d\u00e4r du skapade den.
Praktiskt om du vill veta vilka instruktioner du gav eller vill forts\u00e4tta arbeta p\u00e5 ett projekt.<\/p>

Varje artifact f\u00e5r en publik l\u00e4nk som du kan dela. Andra kan d\u00e5 se vad du skapade och anv\u00e4nda det som utg\u00e5ngspunkt f\u00f6r sin egen version. De \u00e4ndrar inte ditt original – alla arbetar i sin egen kopia.
Filterfunktionen hj\u00e4lper dig att snabbt hitta det du s\u00f6ker. Sortera p\u00e5 datum, filtyp eller s\u00f6k igenom hela din samling. Jobbar du med m\u00e5nga olika projekt? D\u00e5 \u00e4r det h\u00e4r l\u00e4tt att h\u00e5lla \u00f6versikt.<\/p>

Team-anv\u00e4ndare kan dela sitt arbete s\u00e4kert med kollegor. Ni ser varandras artifacts inom team-milj\u00f6n och kan p\u00e5 s\u00e5 s\u00e4tt l\u00e4ra av varandra eller arbeta tillsammans p\u00e5 projekt.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Dela med andra<\/span><\/strong><\/h3>

Skapar du n\u00e5got h\u00e4ftigt? Dela l\u00e4nken. Det spelar ingen roll om 10 eller 1000 personer anv\u00e4nder den, du betalar ingenting. Deras anv\u00e4ndning r\u00e4knas inte mot dig.<\/span><\/p>

\u00c4nnu b\u00e4ttre: du kan nu skapa appar som sj\u00e4lva pratar med Claude. Ist\u00e4llet f\u00f6r en fast upps\u00e4ttning flashcards skapar du en app d\u00e4r anv\u00e4ndarna anger valfritt \u00e4mne. Appen ber Claude att skapa nya kort. T\u00e4nk dig en skrivhj\u00e4lp som ger feedback eller en fr\u00e5gesportsgenerator som hittar p\u00e5 fr\u00e5gor om vilket \u00e4mne som helst.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Vad du kan g\u00f6ra med det<\/span><\/strong><\/h3>

M<\/span>arknadsf\u00f6rare: testa id\u00e9er snabbt. Bygg en landningssida p\u00e5 tio minuter f\u00f6r att se om ditt koncept \u00e4r genomt\u00e4nkt. Skapa ber\u00e4kningsverktyg eller e-postmallar.<\/span><\/p>

Utvecklare: prova id\u00e9er innan du l\u00e4gger timmar av arbete p\u00e5 dem. Skapa tekniska f\u00f6rklaringar med bra exempel.<\/span><\/p>

L\u00e4rare: bygg quizzar som genererar fr\u00e5gor automatiskt. Skapa simuleringar som f\u00f6rklarar sv\u00e5ra \u00e4mnen som eleverna direkt kan testa sj\u00e4lva.<\/span><\/p>

Inneh\u00e5llsskapare: skriv blogginl\u00e4gg, planera inneh\u00e5ll, skapa inl\u00e4gg i ett svep.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Tips f\u00f6r ett b\u00e4ttre resultat<\/strong><\/h3>

Var specifik. Inte ”skapa en webbplats”, utan ”skapa en portfolio med header, 3 projektexempel och kontaktformul\u00e4r.” Ju tydligare du \u00e4r, desto b\u00e4ttre blir resultatet.<\/p>

Arbeta stegvis. F\u00f6rst grunden, sedan extra funktioner, d\u00e4refter styling. V\u00e4xla mellan f\u00f6rhandsgranskning (hur det ser ut) och kod (hur det fungerar) f\u00f6r att f\u00f6rst\u00e5 vad som h\u00e4nder.<\/p>

Ge exempel om du vill ha n\u00e5got specifikt. Har du ett visst f\u00e4rgschema eller en viss layout i \u00e5tanke? Beskriv det eller h\u00e4nvisa till en sida du tycker \u00e4r snygg. D\u00e5 f\u00f6rst\u00e5r Claude b\u00e4ttre vilken riktning du vill ha.<\/p>

Forts\u00e4tt bara prata om n\u00e5got inte st\u00e4mmer. ”Den knappen ska flyttas \u00e5t v\u00e4nster” eller ”g\u00f6r texten st\u00f6rre” fungerar utm\u00e4rkt. Du beh\u00f6ver inte b\u00f6rja om – Claude anpassar det befintliga Artifact.<\/p>

Testa det du skapar regelbundet. Klicka p\u00e5 knappar, fyll i formul\u00e4r, prova om allt fungerar som du f\u00f6rv\u00e4ntar dig. St\u00f6ter du p\u00e5 n\u00e5got som inte fungerar bra? Ber\u00e4tta det direkt, s\u00e5 l\u00f6ser Claude det.<\/p>

Var realistisk om vad som \u00e4r m\u00f6jligt. Artifacts \u00e4r perfekta f\u00f6r prototyper, visualiseringar och interaktiva demos. F\u00f6r komplexa applikationer med databaser eller server-side-logik beh\u00f6ver du mer \u00e4n bara ett Artifact. Claude ber\u00e4ttar \u00e4rligt n\u00e4r din fr\u00e5ga ligger utanf\u00f6r m\u00f6jligheterna.<\/p>

Spara dina bra prompter. Hittade du ett s\u00e4tt att f\u00f6rklara som fungerade bra? Anteckna det. Vid ditt n\u00e4sta projekt kan du anv\u00e4nda samma tillv\u00e4gag\u00e5ngss\u00e4tt.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Vad man inte kan g\u00f6ra med Claude artifacts<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Du beh\u00f6ver verkligen inte f\u00f6rst\u00e5 n\u00e5got om programmering. \u00d6ppna Claude, ber\u00e4tta bara vad du vill och se vad som h\u00e4nder. B\u00f6rja sm\u00e5tt. Skapa ett enkelt verktyg. Ist\u00e4llet f\u00f6r timmar av arbete har du n\u00e5got klart p\u00e5 minuter. Inte bra? Be helt enkelt om att f\u00e5 det \u00e4ndrat. Lycka till!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Prova Artifacts<\/b> nu<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Att skapa bilder eller videor g\u00e5r inte. Du kan heller inte h\u00e4mta data fr\u00e5n externa webbplatser av s\u00e4kerhetssk\u00e4l. Mycket stora filer kan bli l\u00e5ngsamma. Men f\u00f6r det mesta fungerar det utm\u00e4rkt.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tKontakta oss<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Claude Artifacts, bygg appar utan att programmera K\u00e4nner du igen det? Du fr\u00e5gar en AI om n\u00e5got, f\u00e5r ett helt referat tillbaka och m\u00e5ste sedan leta efter den bit du faktiskt kan anv\u00e4nda. Claude Artifacts g\u00f6r detta annorlunda. Du ser direkt vad du skapar i ett separat f\u00f6nster och kan justera det p\u00e5 plats. Det […]<\/p>\n","protected":false},"author":2,"featured_media":4636,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[95],"tags":[],"class_list":["post-7371","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-nieuws"],"yoast_head":"\nClaude artifacts - Hello AI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Claude artifacts - Hello AI\" \/>\n<meta property=\"og:description\" content=\"Claude Artifacts, bygg appar utan att programmera K\u00e4nner du igen det? Du fr\u00e5gar en AI om n\u00e5got, f\u00e5r ett helt referat tillbaka och m\u00e5ste sedan leta efter den bit du faktiskt kan anv\u00e4nda. Claude Artifacts g\u00f6r detta annorlunda. Du ser direkt vad du skapar i ett separat f\u00f6nster och kan justera det p\u00e5 plats. Det […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/\" \/>\n<meta property=\"og:site_name\" content=\"Hello AI\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-04T10:06:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-05T12:41:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"AI Redactie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"AI Redactie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/\"},\"author\":{\"name\":\"AI Redactie\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/#\/schema\/person\/30af4289518e6c1cdd522b99d72a74fb\"},\"headline\":\"Claude artifacts\",\"datePublished\":\"2025-11-04T10:06:00+00:00\",\"dateModified\":\"2026-08-05T12:41:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/\"},\"wordCount\":1329,\"publisher\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/#organization\"},\"image\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\",\"articleSection\":[\"AI nieuws\"],\"inLanguage\":\"sv-SE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/\",\"url\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/\",\"name\":\"Claude artifacts - Hello AI\",\"isPartOf\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\",\"datePublished\":\"2025-11-04T10:06:00+00:00\",\"dateModified\":\"2026-08-05T12:41:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#primaryimage\",\"url\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\",\"contentUrl\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp\",\"width\":1536,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hello-ai.eu\/sv\/hem\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Claude artifacts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/#website\",\"url\":\"https:\/\/hello-ai.eu\/sv\/\",\"name\":\"Hello AI\",\"description\":\"AI technology & Training\",\"publisher\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hello-ai.eu\/sv\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/#organization\",\"name\":\"Hello AI\",\"url\":\"https:\/\/hello-ai.eu\/sv\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/09\/hello-ai-nieuw-2-kopie-e1757591526247.png\",\"contentUrl\":\"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/09\/hello-ai-nieuw-2-kopie-e1757591526247.png\",\"width\":1583,\"height\":504,\"caption\":\"Hello AI\"},\"image\":{\"@id\":\"https:\/\/hello-ai.eu\/sv\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/#\/schema\/person\/30af4289518e6c1cdd522b99d72a74fb\",\"name\":\"AI Redactie\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/hello-ai.eu\/sv\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/aaee6599fc9381012dcf04bcdcb73670934fc80448ef1a2646620827069a7f90?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/aaee6599fc9381012dcf04bcdcb73670934fc80448ef1a2646620827069a7f90?s=96&d=mm&r=g\",\"caption\":\"AI Redactie\"},\"url\":\"https:\/\/hello-ai.eu\/sv\/author\/dion\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Claude artifacts - Hello AI","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/","og_locale":"sv_SE","og_type":"article","og_title":"Claude artifacts - Hello AI","og_description":"Claude Artifacts, bygg appar utan att programmera K\u00e4nner du igen det? Du fr\u00e5gar en AI om n\u00e5got, f\u00e5r ett helt referat tillbaka och m\u00e5ste sedan leta efter den bit du faktiskt kan anv\u00e4nda. Claude Artifacts g\u00f6r detta annorlunda. Du ser direkt vad du skapar i ett separat f\u00f6nster och kan justera det p\u00e5 plats. Det […]","og_url":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/","og_site_name":"Hello AI","article_published_time":"2025-11-04T10:06:00+00:00","article_modified_time":"2026-08-05T12:41:39+00:00","og_image":[{"width":1536,"height":768,"url":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","type":"image\/webp"}],"author":"AI Redactie","twitter_card":"summary_large_image","twitter_misc":{"Skriven av":"AI Redactie","Ber\u00e4knad l\u00e4stid":"7 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#article","isPartOf":{"@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/"},"author":{"name":"AI Redactie","@id":"https:\/\/hello-ai.eu\/sv\/#\/schema\/person\/30af4289518e6c1cdd522b99d72a74fb"},"headline":"Claude artifacts","datePublished":"2025-11-04T10:06:00+00:00","dateModified":"2026-08-05T12:41:39+00:00","mainEntityOfPage":{"@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/"},"wordCount":1329,"publisher":{"@id":"https:\/\/hello-ai.eu\/sv\/#organization"},"image":{"@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#primaryimage"},"thumbnailUrl":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","articleSection":["AI nieuws"],"inLanguage":"sv-SE"},{"@type":"WebPage","@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/","url":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/","name":"Claude artifacts - Hello AI","isPartOf":{"@id":"https:\/\/hello-ai.eu\/sv\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#primaryimage"},"image":{"@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#primaryimage"},"thumbnailUrl":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","datePublished":"2025-11-04T10:06:00+00:00","dateModified":"2026-08-05T12:41:39+00:00","breadcrumb":{"@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hello-ai.eu\/sv\/claude-artifacts\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#primaryimage","url":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","contentUrl":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/11\/Claude-banner.webp","width":1536,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/hello-ai.eu\/sv\/claude-artifacts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hello-ai.eu\/sv\/hem\/"},{"@type":"ListItem","position":2,"name":"Claude artifacts"}]},{"@type":"WebSite","@id":"https:\/\/hello-ai.eu\/sv\/#website","url":"https:\/\/hello-ai.eu\/sv\/","name":"Hello AI","description":"AI technology & Training","publisher":{"@id":"https:\/\/hello-ai.eu\/sv\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hello-ai.eu\/sv\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/hello-ai.eu\/sv\/#organization","name":"Hello AI","url":"https:\/\/hello-ai.eu\/sv\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/hello-ai.eu\/sv\/#\/schema\/logo\/image\/","url":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/09\/hello-ai-nieuw-2-kopie-e1757591526247.png","contentUrl":"https:\/\/hello-ai.eu\/wp-content\/uploads\/2025\/09\/hello-ai-nieuw-2-kopie-e1757591526247.png","width":1583,"height":504,"caption":"Hello AI"},"image":{"@id":"https:\/\/hello-ai.eu\/sv\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hello-ai.eu\/sv\/#\/schema\/person\/30af4289518e6c1cdd522b99d72a74fb","name":"AI Redactie","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/hello-ai.eu\/sv\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/aaee6599fc9381012dcf04bcdcb73670934fc80448ef1a2646620827069a7f90?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aaee6599fc9381012dcf04bcdcb73670934fc80448ef1a2646620827069a7f90?s=96&d=mm&r=g","caption":"AI Redactie"},"url":"https:\/\/hello-ai.eu\/sv\/author\/dion\/"}]}},"_links":{"self":[{"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/posts\/7371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/comments?post=7371"}],"version-history":[{"count":7,"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/posts\/7371\/revisions"}],"predecessor-version":[{"id":8019,"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/posts\/7371\/revisions\/8019"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/media\/4636"}],"wp:attachment":[{"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/media?parent=7371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/categories?post=7371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hello-ai.eu\/sv\/wp-json\/wp\/v2\/tags?post=7371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}