Lovable — en praktisk guide

Bekräfta funktionen i ditt eget konto innan du bygger ett kritiskt arbetsflöde kring den. Spara källa, datum och det faktiska resultatet.

Manualen har kontrollerats mot Lovable Documentation, Lovable Changelog, Lovable FAQ. Produktstatus ska läsas tillsammans med källornas plan-, region- och utrullningsvillkor.

Ett välskrivet svar är inte samma sak som en färdig leverans. Spara det bevis som passar uppgiften: källa, skärmbild, testresultat, export, versionsdiff eller mänskligt godkännande.

Definiera mottagare, kärnflöde och mätbart klart innan första bygget.

Testa den publicerade vägen, inte bara förhandsvisningen.

Godkänn planens gränser och håll beroende ändringar i rätt ordning.

Kontrollera desktop, telefon, tangentbord och verklig textlängd.

Bekräfta projektets faktiska stack innan kod, paket eller deploy ändras.

Rita tabeller, relationer och behörighetsregler före känslig data.

Testa som utloggad, vanlig användare och administratör.

Visa tydligt vilken tjänst, identitet och handling som används före skrivning.

Skapa en återställningspunkt och verifiera diffen före release.

Kräv bevis från det faktiska användarflödet och kontrollera negativa fall.

Kör testköp, misslyckad betalning, uppsägning och webhook-återspelning.

Öppna slutdomänen och kontrollera status, loggar, länkar och mobilvy.

Låt en namngiven ansvarig godkänna release med ett sparat QA-protokoll.

Resultat

Du ska få ett granskningsbart resultat för från idé till godkännbar plan, inte bara ett allmänt AI-svar.

Varför metoden fungerar

Plan Mode låter dig granska planen före kodändringar; promptkön kan pausas, ordnas och repetera avgränsade uppgifter.

Förbered

• PRODUKT: fyll i ett verkligt och kontrollerat värde.
• MÅLGRUPP: fyll i ett verkligt och kontrollerat värde.
• PROBLEM: fyll i ett verkligt och kontrollerat värde.
• START → MÅL: fyll i ett verkligt och kontrollerat värde.
• Kontrollera rätt konto, plan, miljö och behörighet innan du börjar.

Gör så här

1. Ersätt samtliga platshållare i prompten med din verkliga uppgift.
2. Läs igenom handlingsgränserna och lägg till sådant verktyget uttryckligen inte får göra.
3. Kör först den minsta version som går att kontrollera; godkänn inte bred körning eller extern handling i förväg.
4. Öppna, spela upp eller testkör den faktiska leveransen och jämför den med resultatmålet ovan.

Godkänn först när

Godkänn planens gränser och håll beroende ändringar i rätt ordning.

Kopiera och anpassa

Jag vill bygga [PRODUKT] för [MÅLGRUPP]. Kärnproblemet är [PROBLEM] och det viktigaste användarflödet är [START → MÅL]. Arbeta i Plan Mode. Föreslå informationsarkitektur, datamodell, roller, felvägar och en första vertikal version. Skriv inga kodändringar förrän planen har min uttryckliga acceptans.

Resultat

Du ska få ett granskningsbart resultat för bygg det minsta kompletta flödet, inte bara ett allmänt AI-svar.

Varför metoden fungerar

Börja med ett smalt vertikalt flöde som kan köras från start till mål innan fler sidor och funktioner läggs till.

Förbered

• FLÖDE: fyll i ett verkligt och kontrollerat värde.
• STARTLÄGE: fyll i ett verkligt och kontrollerat värde.
• SLUTLÄGE: fyll i ett verkligt och kontrollerat värde.
• Kontrollera rätt konto, plan, miljö och behörighet innan du börjar.

Gör så här

1. Ersätt samtliga platshållare i prompten med din verkliga uppgift.
2. Läs igenom handlingsgränserna och lägg till sådant verktyget uttryckligen inte får göra.
3. Kör först den minsta version som går att kontrollera; godkänn inte bred körning eller extern handling i förväg.
4. Öppna, spela upp eller testkör den faktiska leveransen och jämför den med resultatmålet ovan.

Godkänn först när

Testa den publicerade vägen, inte bara förhandsvisningen.

Kopiera och anpassa

Bygg en första körbar version av [FLÖDE]. Den ska omfatta gränssnitt, validering, lagring och tydlig lyckad/misslyckad återkoppling. Lägg inte till sidofunktioner. Testa flödet i webbläsaren från [STARTLÄGE] till [SLUTLÄGE] och redovisa skärmbild, konsolfel och kvarvarande risker.

Resultat

Du ska få ett granskningsbart resultat för mobil och tillgänglighet, inte bara ett allmänt AI-svar.

Varför metoden fungerar

Designverktygen styr layout, typografi, bilder och komponenter utan att ersätta kontroll av kontrast, fokus och responsivitet.

Förbered

• SIDA/FLÖDE: fyll i ett verkligt och kontrollerat värde.
• Kontrollera rätt konto, plan, miljö och behörighet innan du börjar.

Gör så här

1. Ersätt samtliga platshållare i prompten med din verkliga uppgift.
2. Läs igenom handlingsgränserna och lägg till sådant verktyget uttryckligen inte får göra.
3. Kör först den minsta version som går att kontrollera; godkänn inte bred körning eller extern handling i förväg.
4. Öppna, spela upp eller testkör den faktiska leveransen och jämför den med resultatmålet ovan.

Godkänn först när

Kontrollera desktop, telefon, tangentbord och verklig textlängd.

Kopiera och anpassa

Granska [SIDA/FLÖDE] i 390 px, surfplatta och desktop. Kontrollera tangentbordsnavigering, fokus, kontrast, formuläretiketter, felmeddelanden och långa svenska texter. Ändra bara verifierade problem och visa före/efter för varje korrigering.

Resultat

Du ska få ett granskningsbart resultat för databas och radbehörighet, inte bara ett allmänt AI-svar.

Varför metoden fungerar

Inloggning är inte samma sak som auktorisering; varje roll behöver uttryckliga rättigheter och nekade standardvägar.

Förbered

• FUNKTION: fyll i ett verkligt och kontrollerat värde.
• ROLLER: fyll i ett verkligt och kontrollerat värde.
• Kontrollera rätt konto, plan, miljö och behörighet innan du börjar.

Gör så här

1. Ersätt samtliga platshållare i prompten med din verkliga uppgift.
2. Läs igenom handlingsgränserna och lägg till sådant verktyget uttryckligen inte får göra.
3. Kör först den minsta version som går att kontrollera; godkänn inte bred körning eller extern handling i förväg.
4. Öppna, spela upp eller testkör den faktiska leveransen och jämför den med resultatmålet ovan.

Godkänn först när

Testa som utloggad, vanlig användare och administratör.

Kopiera och anpassa

Utforma datamodellen för [FUNKTION] med rollerna [ROLLER]. Lista tabeller, relationer och operationer per roll. Föreslå deny-by-default-regler och testfall för utloggad, ägare, annan användare och administratör. Implementera inte förrän behörighetsmatrisen är godkänd.

Resultat

Du ska få ett granskningsbart resultat för felsök med bevis, inte bara ett allmänt AI-svar.

Varför metoden fungerar

Lovable kan klicka, fylla formulär, läsa konsol och nätverk samt ta skärmbilder i en virtuell webbläsare.

Förbered

• FEL: fyll i ett verkligt och kontrollerat värde.
• Kontrollera rätt konto, plan, miljö och behörighet innan du börjar.

Gör så här

1. Ersätt samtliga platshållare i prompten med din verkliga uppgift.
2. Läs igenom handlingsgränserna och lägg till sådant verktyget uttryckligen inte får göra.
3. Kör först den minsta version som går att kontrollera; godkänn inte bred körning eller extern handling i förväg.
4. Öppna, spela upp eller testkör den faktiska leveransen och jämför den med resultatmålet ovan.

Godkänn först när

Kräv bevis från det faktiska användarflödet och kontrollera negativa fall.

Kopiera och anpassa

Reproducera felet [FEL] i Lovables browser testing. Dokumentera exakta steg, konsolloggar, nätverksanrop och första felande punkt. Föreslå minsta säkra korrigering, genomför den och kör samma test samt ett närliggande regressionstest.

Resultat

Du ska få ett granskningsbart resultat för säkerhetsgranskning före publicering, inte bara ett allmänt AI-svar.

Varför metoden fungerar

Hemligheter ska ligga på serversidan; publicerade appar kan visa en säkerhetssida med aktiva kontroller.

Förbered

• Samla den faktiska indata och de källor som uppgiften ska använda.
• Kontrollera rätt konto, plan, miljö och behörighet innan du börjar.

Gör så här

1. Ersätt samtliga platshållare i prompten med din verkliga uppgift.
2. Läs igenom handlingsgränserna och lägg till sådant verktyget uttryckligen inte får göra.
3. Kör först den minsta version som går att kontrollera; godkänn inte bred körning eller extern handling i förväg.
4. Öppna, spela upp eller testkör den faktiska leveransen och jämför den med resultatmålet ovan.

Godkänn först när

Sök efter exponerade nycklar, öppna tabeller och oskyddade serverfunktioner.

Kopiera och anpassa

Granska projektet inför release. Leta efter exponerade nycklar, klientåtkomst till hemligheter, öppna databastabeller, saknad auktorisering, osäker filuppladdning och skrivande integrationer utan kontroll. Rangordna fynd efter risk och gör inga destruktiva ändringar utan godkännande.

Resultat

Du ska få ett granskningsbart resultat för betalningsflöde, inte bara ett allmänt AI-svar.

Varför metoden fungerar

Inbyggda betalningsflöden kan hantera abonnemang och engångsköp men produkt-, skatte- och återbetalningsregler måste specificeras.

Förbered

• ABONNEMANG/ENGÅNGSKÖP: fyll i ett verkligt och kontrollerat värde.
• STRIPE/PADDLE: fyll i ett verkligt och kontrollerat värde.
• Kontrollera rätt konto, plan, miljö och behörighet innan du börjar.

Gör så här

1. Ersätt samtliga platshållare i prompten med din verkliga uppgift.
2. Läs igenom handlingsgränserna och lägg till sådant verktyget uttryckligen inte får göra.
3. Kör först den minsta version som går att kontrollera; godkänn inte bred körning eller extern handling i förväg.
4. Öppna, spela upp eller testkör den faktiska leveransen och jämför den med resultatmålet ovan.

Godkänn först när

Kör testköp, misslyckad betalning, uppsägning och webhook-återspelning.

Kopiera och anpassa

Planera ett [ABONNEMANG/ENGÅNGSKÖP] med [STRIPE/PADDLE]. Beskriv produkter, priser, checkout, webhookar, kvitto, avbruten betalning, uppsägning och återbetalning. Bygg först i testläge och lämna en verifieringslista för varje tillstånd.

Resultat

Du ska få ett granskningsbart resultat för produktionsgrind, inte bara ett allmänt AI-svar.

Varför metoden fungerar

En app är klar först när funktion, säkerhet, data, tillgänglighet och återställning är kontrollerade.

Förbered

• DOMÄN: fyll i ett verkligt och kontrollerat värde.
• Kontrollera rätt konto, plan, miljö och behörighet innan du börjar.

Gör så här

1. Ersätt samtliga platshållare i prompten med din verkliga uppgift.
2. Läs igenom handlingsgränserna och lägg till sådant verktyget uttryckligen inte får göra.
3. Kör först den minsta version som går att kontrollera; godkänn inte bred körning eller extern handling i förväg.
4. Öppna, spela upp eller testkör den faktiska leveransen och jämför den med resultatmålet ovan.

Godkänn först när

Låt en namngiven ansvarig godkänna release med ett sparat QA-protokoll.

Kopiera och anpassa

Genomför release-QA för [DOMÄN]. Kontrollera kärnflöden, autentisering, behörigheter, betalning, mobil, metadata, felhantering, loggar och rollback. Leverera ett protokoll med PASS/FAIL, bevis och exakt blockerare. Publicera inte om ett kritiskt test saknar bevis.