Så skriver du promptar som bygger riktigt bra appar

builder77 kan bygga en fungerande app från en enda mening. Men en enda mening lämnar många beslut åt AI:n: vem appen är till för, vilka skärmar som är viktiga, vilken data den sparar och hur den ska kännas. Ju fler av de besluten du fattar i förväg, desto närmare hamnar den första versionen det du hade i tankarna – och desto färre krediter lägger du på att rätta den.

Den här guiden går igenom en promptstruktur som vi själva använder. Den är ingen magi, bara en checklista som ser till att det viktiga blir sagt.

1. Börja med vem den är till för och vilket jobb den gör

”En bokningsapp” kan betyda hundra olika saker. ”En bokningsapp för en frisörsalong med två anställda där kunderna väljer behandling, frisör och tid” kan bara betyda några få. Inled med användaren och jobbet, i en eller två meningar.

Bygg en webbapp för bokning åt en liten frisörsalong. Kunderna väljer behandling, frisör och en ledig tid och lämnar sedan sitt namn och telefonnummer.

2. Lista skärmarna eller sektionerna

När du namnger skärmarna får AI:n ett skelett att fylla i. För en webbplats listar du sektionerna i ordning. För en app listar du huvudvyerna och hur man rör sig mellan dem.

• Webbplats: hero, behandlingar med priser, team, sektion för omdömen (du fyller i den senare), öppettider, bokningsformulär, sidfot med kartlänk.
• Webbapp: dashboard, listvy med filter, detaljsida, modal för att skapa/redigera, inställningar.
• Mobilapp: flikar längst ner för Idag, Planer, Framsteg och Profil, plus ett bottenark för att lägga till poster.

3. Beskriv datan

Varje builder77-app har en inbyggd databas, så AI:n sparar data i samlingar. Du får en renare app om du säger vilka samlingarna är och vilka fält som är viktiga. Du behöver inget tekniskt språk – vanliga substantiv fungerar utmärkt.

Spara bokningar (behandling, frisör, datum, tid, kundens namn, telefon, status) och behandlingar (namn, längd, pris). Lägg in några exempelbehandlingar från början.

Om varje användare bara ska se sina egna poster – en dagbok, en vanetracker, en privat budget – säg det uttryckligen: ”användarna registrerar sig och ser bara sina egna poster”. builder77 lägger till inloggning och filtrerar frågorna till den aktuella användaren.

4. Ge den en visuell riktning

Det är i stilen som generiska promptar ger generiska resultat. Två eller tre konkreta ord slår ett stycke fullt av adjektiv. Nämn en stämning, en färg och en referens om du har en.

• ”Varm och minimalistisk, krämfärgad bakgrund, terrakotta-accenter, serif-rubriker.”
• ”Mörk dashboard, hög kontrast, elektriskt gröna markeringar, täta tabeller som i Linear.”
• ”Lekfull och rundad, pastellfärger, stora vänliga knappar för barn.”

Du kan också bifoga en skärmdump som referens. AI:n plockar upp layout- och färgsignaler från bilden, så det är en utmärkt genväg när du har något specifikt i tankarna.

5. Använd Förbättra prompt när du kör fast

Om du bara har en grov idé, skriv den och tryck på Förbättra prompt. builder77 skriver om den till en detaljerad prompt som täcker användare, skärmar, data och stil. Läs den innan du skickar – ändra allt som inte stämmer. Det är ett snabbt sätt att gå från ”en träningsapp” till en specifikation du faktiskt vill ha.

6. Iterera i små, specifika steg

När den första versionen finns, motstå frestelsen att skicka en lista med tolv ändringar. Små förfrågningar är mer pålitliga och lättare att ångra. En bra rytm är en funktion eller en visuell ändring per meddelande.

• Använd Markera för att klicka på ett element i förhandsvisningen och säga exakt vad som ska ändras.
• Använd läget Diskutera för att planera en större funktion med AI:n innan du bygger den.
• Om något går sönder, tryck på Fixa med AI – den skickar det fångade felet så att AI:n kan reparera det.
• Varje ändring är en version. Om du inte gillar ett resultat, återställ den föregående och formulera om dig.

Ett komplett exempel

Bygg en mobil vanetracker-app som heter Streaky för personer som bygger små dagliga vanor.

Skärmar: Idag (lista med vanor, en stor bockknapp och aktuell svit),
Vanor (lägg till/redigera vanor med namn, emoji, färg och måldagar per vecka),
Statistik (veckodiagram över genomförande och bästa svit), Profil (logga ut).

Data: användarna registrerar sig; vanor och avbockningar är privata för varje användare.

Stil: lugn och vänlig, benvit bakgrund, mjuk grön accent,
rundade kort, stora tryckytor, flikfält längst ner.

Det är ungefär 80 ord, och det besvarar varje fråga som AI:n annars skulle behöva gissa. Testa strukturen på din nästa idé – och spara dina bästa promptar någonstans nära till hands, för du kommer att återanvända mönstren mer än du tror.