Slik skriver du prompter som bygger gode apper
Forskjellen mellom et generisk førsteutkast og en app som føles designet, ligger som regel i prompten. Her er en enkel struktur som fungerer hver gang.
builder77 kan bygge en fungerende app fra én enkelt setning. Men én setning overlater mange beslutninger til KI-en: hvem appen er for, hvilke skjermer som betyr noe, hvilke data den lagrer, og hvordan den skal føles. Jo flere av disse beslutningene du tar på forhånd, desto nærmere treffer den første versjonen det du så for deg — og desto færre kreditter bruker du på å rette den.
Denne guiden går gjennom en promptstruktur vi bruker selv. Den er ikke magi, bare en sjekkliste som sørger for at de viktige tingene blir sagt.
1. Start med hvem den er for og hvilken jobb den gjør
«En bookingapp» kan bety hundre forskjellige ting. «En bookingapp for en frisørsalong med to ansatte der kundene velger behandling, frisør og tidspunkt» kan bare bety noen få. Begynn med brukeren og jobben, i én eller to setninger.
Bygg en nettapp for timebestilling til en liten frisørsalong. Kundene velger behandling, frisør og et ledig tidspunkt, og legger så igjen navn og telefonnummer.
2. List opp skjermene eller seksjonene
Når du navngir skjermene, får KI-en et skjelett å fylle ut. For en nettside lister du opp seksjonene i rekkefølge. For en app lister du opp hovedvisningene og hvordan man beveger seg mellom dem.
- Nettside: hero, behandlinger med priser, team, seksjon for kundeomtaler (du fyller den ut senere), åpningstider, bestillingsskjema, bunntekst med kartlenke.
- Nettapp: dashbord, listevisning med filtre, detaljside, modal for oppretting/redigering, innstillinger.
- Mobilapp: faner nederst for I dag, Planer, Fremgang og Profil, pluss et bunnark for å legge til oppføringer.
3. Beskriv dataene
Alle builder77-apper har en innebygd database, så KI-en lagrer data i samlinger. Du får en ryddigere app hvis du sier hvilke samlinger det er og hvilke felt som betyr noe. Du trenger ikke teknisk språk — vanlige substantiver fungerer fint.
Lagre bestillinger (behandling, frisør, dato, klokkeslett, kundens navn, telefon, status) og behandlinger (navn, varighet, pris). Legg inn noen eksempelbehandlinger fra start.
Hvis hver bruker bare skal se sine egne oppføringer — en dagbok, en vanesporer, et personlig budsjett — si det eksplisitt: «brukerne registrerer seg og ser bare sine egne oppføringer». builder77 legger til innlogging og filtrerer spørringer til den innloggede brukeren.
4. Gi den en visuell retning
Det er i stilen generiske prompter gir generiske resultater. To eller tre konkrete ord slår et avsnitt fullt av adjektiver. Nevn en stemning, en farge og en referanse hvis du har en.
- «Varm og minimalistisk, kremfarget bakgrunn, terrakotta-aksenter, serif-overskrifter.»
- «Mørkt dashbord, høy kontrast, elektrisk grønne fremhevinger, tette tabeller som i Linear.»
- «Leken og avrundet, pastellfarger, store vennlige knapper for barn.»
Du kan også legge ved et skjermbilde som referanse. KI-en plukker opp layout- og fargesignaler fra bildet, så det er en flott snarvei når du har noe bestemt i tankene.
5. Bruk Forbedre prompt når du står fast
Hvis du bare har en grov idé, skriv den og trykk på Forbedre prompt. builder77 skriver den om til en detaljert prompt som dekker brukere, skjermer, data og stil. Les den før du sender — endre alt som ikke stemmer. Det er en rask måte å komme fra «en treningsapp» til en spesifikasjon du faktisk vil ha.
6. Iterer i små, konkrete steg
Når den første versjonen finnes, motstå fristelsen til å sende en liste med tolv endringer. Små forespørsler er mer pålitelige og lettere å angre. En god rytme er én funksjon eller én visuell endring per melding.
- Bruk Velg til å klikke på et element i forhåndsvisningen og si nøyaktig hva som skal endres.
- Bruk Samtale-modus til å planlegge en større funksjon sammen med KI-en før du bygger den.
- Hvis noe går i stykker, trykk på Fiks med KI — den sender feilen som ble fanget opp, slik at KI-en kan reparere den.
- Hver endring er en versjon. Hvis du ikke liker et resultat, gjenopprett den forrige og formuler deg på nytt.
Et komplett eksempel
Bygg en mobil vanesporer som heter Streaky, for folk som bygger små daglige vaner.
Skjermer: I dag (liste over vaner med en stor avkrysningsknapp og nåværende rekke),
Vaner (legg til/rediger vaner med navn, emoji, farge og antall måldager per uke),
Statistikk (ukentlig fullføringsdiagram og beste rekke), Profil (logg ut).
Data: brukerne registrerer seg; vaner og avkrysninger er private for hver bruker.
Stil: rolig og vennlig, offwhite bakgrunn, myk grønn aksent,
avrundede kort, store berøringsflater, fanelinje nederst.Det er rundt 80 ord, og det svarer på hvert eneste spørsmål KI-en ellers måtte gjette seg til. Prøv strukturen på din neste idé — og ta vare på de beste promptene dine et sted du lett finner dem, for du kommer til å gjenbruke mønstrene oftere enn du tror.