Innan du bygger landningssidan, skapa en separat projektmapp och lägg till en CLAUDE.md-fil. Denna fil ger Claude Code beständig kontext om projektet, dess mål, struktur och utvecklingskonventioner.

Claude läser CLAUDE.md när en ny session startar. Detta eliminerar behovet av att upprepa samma instruktioner i varje konversation och hjälper Claude att fatta beslut som är konsekventa med projektet.

Skapa en effektiv CLAUDE.md-fil

En CLAUDE.md-fil kräver ingen fast struktur. Den bör vara kort, tydlig och lätt att uppdatera. Markdown-rubriker och punktlistor fungerar bra för att dokumentera:

• Projektmål
• Målgrupp
• Teknologistack
• Repositoriets struktur
• Bygg- och testkommandon
• Viktiga kodningskonventioner

Claude kan även söka i sin dokumentation efter aktuella rekommendationer innan filen skapas.

Välja var den ska sparas

En CLAUDE.md-fil kan ge olika nivåer av kontext beroende på dess placering:

• Hemkatalog: instruktioner som delas mellan projekt
• Projekts rot: kontext för hela repositoriet
• Underkatalog: instruktioner för en specifik del av projektet

Till exempel kan rotfilen beskriva hela outreach-systemet, medan en fil i landningssidans mapp kan innehålla instruktioner specifika för webbplatsen.

Förbereda landningssidan

Claude kan ställa förtydligande frågor innan projektfilerna skapas. I detta exempel använder landningssidan Next.js och Tailwind CSS.

När mappen och kontextfilen är klara kan Claude skapa applikationens struktur och ta fram en första design utifrån en uppladdad referensbild. Den kan identifiera element såsom:

• Färger och typografi
• Tjänstekort
• Fallstudier
• Omdömen
• Kontaktformulär
• Sidfötter

Den första versionen behöver vanligtvis förbättras. Ytterligare affärskontext och feedback kan därefter ges genom en iterativ process tills innehåll och design motsvarar det önskade resultatet.