Jag gjorde om hela min webbsida med Claude Code på 16 minuter

📩 Prenumerera på mitt veckobrev om AI, etik och vibe coding: https://veckobrev.birgir.se/ I den här videon visar jag hur jag on-shotade en komplett visuell redesign av min personliga webbsajt birger.se med hjälp av Claude Code. Hela processen tog 16 minuter från prompt till live. Det här är inte en video om att bygga något nytt. Det är en video om att förfina något som redan finns, med hjälp av ett eget designsystem. Jag har tidigare skapat en BRAND.md-fil som beskriver min visuella identitet: färger, typografi, tonalitet, komponenter och sektions- mönster. Den filen används på alla mina landningssidor och lead magnets, men den här gången använde jag den för att rulla ut samma brand på min huvudsajt. Det du får se i videon: - Hur min BRAND.md är uppbyggd och varför den är värd att skapa - Hela prompten jag gav till Claude Code - Vercel-deployen live när pushen kommer - Före och efter på startsida, artikelsida, om-sida och kontakt - Både light mode och dark mode - Min reflektion över varför den här typen av refaktorering är en mognare form av vibe coding än att alltid bygga nytt Sajten är byggd med Next.js, Tailwind och Vercel, och pushas från Claude Code direkt till GitHub. 🚀 Vill du lära dig vibe coding från grunden? Kolla in mitt startkit: https://vibe-coding-startkit.birgir.se #vibecoding #claudecode #ai #webbutveckling #nextjs #designsystem #brandidentity #svenskateknik #aientreprenor #solopreneur