Når prosjektspecifikasjonen er ferdigstilt, kan Claude Code begynne å bygge dashbordet. Prompten bør tydelig angi prosjektmappen, spesifikasjonsfilen, nødvendige teknologier og oppgavene Claude skal utføre.

I dette eksemplet blir Claude bedt om å:

• Bygge dashbordet med Next.js og Tailwind CSS;
• Matche designet til den eksisterende landingssiden;
• Opprette en ny PostgreSQL-database;
• Legge til leads- og campaigns-tabellene;
• Fylle databasen med eksempel-leads;
• Konfigurere det lokale miljøet;
• Starte utviklingsserveren;
• Markere fullførte oppgaver i spec.md.

Claude følger deretter spesifikasjonen, oppretter databasen, legger inn testdata, bygger applikasjonen og sjekker grensesnittet ved hjelp av skjermbilder. Når prosessen er fullført, gir den en oppsummering av arbeidet og en lokal lenke for å åpne dashbordet.

Det ferdige dashbordet inkluderer en innloggingsside, en aktivitetsoppsummering, lead-oppføringer, detaljerte lead-sider og kampanjeinformasjon. Eksempeldataene gjør det mulig å teste grensesnittet før ekte leads legges inn.

Etter å ha gjennomgått resultatet, kan du gi Claude mindre oppfølgingsoppgaver. For eksempel kan du be om å legge til redigerbare maler for ulike stadier i kampanjen. Denne tilnærmingen er ofte mer effektiv enn å forsøke å beskrive alle detaljer i den første prompten.

Start med en tydelig spesifikasjon, la Claude fullføre hovedbygget, og forbedre deretter applikasjonen gjennom fokuserte iterasjoner. Dette gjør store utviklingsoppgaver lettere å håndtere og hjelper prosjektet nærmere et ferdig fungerende produkt.