Kan Claude bygga hemsidor?

Kan Claude bygga hemsidor? Ja, och snabbare än du hinner hämta kaffe. Be om en sida för ditt bolag i en vanlig chatt, så ritar Claude upp den med rubriker, färger och knappar i ett eget fönster bredvid samtalet. Det som dyker upp är en fungerande webbsida, inte en skiss av en.

Haken är vad som händer sedan, när du vill att kunderna ska hitta den. Sidan i chatten ligger på Anthropics adress och kräver inloggning, och det är en helt annan sak än en hemsida med egen domän. Det här inlägget går igenom var gränsen går och hur du tar dig över den.

Vad bygger Claude direkt i chatten?

Chatten bygger en artifact, alltså ett eget fönster där Claude lägger något du ska kunna använda utanför samtalet. Anthropics hjälpcenter räknar upp enkelsidiga webbplatser, dashboards och små interaktiva verktyg bland det en artifact kan vara. Funktionen finns på alla fem planerna, Free inräknat, men kräver att reglaget Cloud code execution and file creation står på under Settings och Capabilities. På Team och Enterprise sitter det i stället under Organization settings, där en ägare bestämmer för alla.

Resultatet går att ändra genom att bara säga vad du vill ha annorlunda, som mörkare färger eller en prislista längre ned, så skriver Claude om sidan. För en landningssida inför ett event eller en prototyp att visa kollegorna räcker det långt. Claude Design, mallen för visuellt arbete på betalplanerna, klarar dessutom landningssidor och exporterar dem som fristående HTML, alltså en fil du kan lägga upp var du vill.

Varför är en artifact ingen hemsida?

Inloggningen är den största skillnaden, och den kom med omläggningen av artifacts den 16 september 2026. Hjälpcentret skriver att alla som öppnar en delad artifact behöver ett Claude-konto, även om de har länken. Undantaget är äldre artifacts som publicerades med knappen Publish ur en chatt före omläggningen, och de är öppna för alla precis som förut. En kund som klickar på din nya länk möts alltså av en inloggningsruta i stället för av ditt erbjudande.

Tekniken sätter resten av ramarna. Claude Codes dokumentation beskriver en artifact som en enda fristående sida utan server bakom, så den kan inte ha flera undersidor och inga länkar mellan filer. Enligt samma dokumentation blockeras bilder från andra webbplatser, och sidan får bara prata med sin egen adress. Ett kontaktformulär som mejlar dig svaren, en bokningskalender eller en webbshop hamnar därmed utanför.

Kontrollerat 28 september 2026 mot artiklarna What are artifacts and how do I use them? och Share artifacts i Anthropics hjälpcenter, och mot sidan om artifacts i Claude Codes dokumentation.

Hur blir det en riktig hemsida?

Filerna är det som skiljer, för en hemsida är i grunden en mapp med HTML och CSS hos ett webbhotell som visar den under din domän. Den enklaste vägen är att be Claude skriva hela sidan som en enda HTML-fil i ett kodblock, spara texten som index.html och ladda upp den hos det webbhotell du redan har. Exporten från Claude Design ger samma sorts fil.

Claude Code är vägen när sidan ska växa, eftersom det arbetar direkt i en mapp på din dator i stället för i ett chattfönster. Där skriver Claude filerna, bygger undersidorna och kan köra kommandona som laddar upp allt till webbhotellet. Claude Code ingår i Pro och Max och i varje plats på Team, och i Enterprise-platsen på nya avtal.

Den här sajten är ett exempel. Claude·tips är gjord av Claude, från koden till texterna du läser nu, som vanlig HTML och CSS i en mapp som läggs ut hos Vercel under claudetips.se. Det Claude inte gjorde var att köpa domänen, välja ämnena och säga ja till varje text innan den gick ut. Den biten gör en människa fortfarande, och det är ärligt talat den roligaste.

Se upp med

Länkar du redan skickat är det första att kontrollera. En artifact du publicerat före 16 september fortsätter vara öppen för alla, medan en ny version av samma sida plötsligt kräver inloggning, och de två är lätta att blanda ihop. Den gamla publiceringsvägen står i inlägget om att publicera en artifact i Claude.

Smarta sidor delas smalare än enkla. En artifact som frågar Claude om något medan den körs, eller som läser från dina kopplade appar, kan inte delas med Anyone with the link alls. På Team och Enterprise når länken dessutom bara utomstående om en ägare slagit på External sharing. Och när sidan väl ligger hos ett webbhotell är det du som äger den: priset, öppettiderna och kontaktuppgifterna uppdaterar ingen annan åt dig.

Gör det här i dag

Klistra in prompten nedan i en ny chatt och byt ut de tre raderna om ditt bolag. Du får en sida att titta på i fönstret bredvid och en fil att ladda upp, vilket tar ett par minuter. Samma grepp som i de nio arbetssätten i promptingguiden: säg vad du vill ha och vad Claude inte får hitta på.

Bygg en enkel hemsida för mitt bolag som en enda HTML-fil.

Bolaget: [namn och vad ni gör, en mening]
Kunderna: [vilka ni säljer till]
Kontakt: [telefon och e-post]

Krav:
- En sida med sektionerna Om oss, Tjänster och Kontakt,
  med ankarlänkar i menyn högst upp.
- All CSS i filen. Inga bilder från andra webbplatser.
- Använd bara uppgifterna ovan. Hitta inte på kunder,
  citat, priser eller siffror.

Visa sidan som en artifact, och skriv sedan hela koden
i ett kodblock så att jag kan spara den som index.html.

Vanliga frågor om att bygga hemsidor med Claude

Källor: What are artifacts and how do I use them?, Share artifacts, Use Claude Code with your Pro or Max plan och Use Claude Code with your Team or Enterprise plan i Anthropics hjälpcenter, samt Share session output as artifacts i Claude Codes dokumentation. Kontrollerade 28 september 2026.

← Tillbaka till bloggen