Ennen aloitussivun rakentamista luo erillinen projektikansio ja lisää siihen CLAUDE.md-tiedosto. Tämä tiedosto antaa Claude Codelle pysyvän kontekstin projektista, sen tavoitteista, rakenteesta ja kehityskäytännöistä.

Claude lukee CLAUDE.md-tiedoston uuden istunnon alussa. Näin samoja ohjeita ei tarvitse toistaa jokaisessa keskustelussa, ja Claude pystyy tekemään päätöksiä, jotka pysyvät yhdenmukaisina projektin kanssa.

Tehokkaan CLAUDE.md-tiedoston luominen

CLAUDE.md-tiedostolla ei ole kiinteää rakennetta. Sen tulisi olla lyhyt, selkeä ja helposti päivitettävä. Markdown-otsikot ja luettelomerkit soveltuvat hyvin seuraavien asioiden dokumentointiin:

• Projektin tavoite
• Kohdeyleisö
• Teknologiakokonaisuus
• Repositorion rakenne
• Käännös- ja testauskomennot
• Tärkeät koodauskäytännöt

Claude voi myös etsiä dokumentaatiostaan ajantasaisia suosituksia ennen tiedoston luomista.

Sijainnin valinta

CLAUDE.md-tiedosto voi tarjota eri tasoista kontekstia sijainnistaan riippuen:

• Kotihakemisto: ohjeet, joita jaetaan projektien kesken
• Projektin juurihakemisto: koko repositorion konteksti
• Alihakemisto: ohjeet tiettyä projektin osaa varten

Esimerkiksi juuritiedosto voi kuvata koko viestintäjärjestelmän, kun taas landing-page-kansioon sijoitettu tiedosto voi sisältää vain verkkosivustoon liittyvät ohjeet.

Laskeutumissivun valmistelu

Claude saattaa esittää tarkentavia kysymyksiä ennen projektitiedostojen luomista. Tässä esimerkissä laskeutumissivu käyttää Next.js- ja Tailwind CSS -teknologioita.

Kun kansio ja kontekstin sisältävä tiedosto ovat valmiina, Claude voi luoda sovelluksen rakenteen ja alustavan ulkoasun ladatun referenssikuvan perusteella. Se tunnistaa elementtejä, kuten:

• Värit ja typografia
• Palvelukortit
• Case study -esimerkit
• Asiakaspalautteet
• Yhteydenottolomakkeet
• Alatunnisteet

Ensimmäinen versio vaatii yleensä tarkennuksia. Lisäliiketoimintakontekstia ja palautetta voidaan antaa iteratiivisesti, kunnes sisältö ja ulkoasu vastaavat haluttua lopputulosta.