30 prompts vibe coding που μπορείς να αντιγράψεις (φύλλο αναφοράς)

Τα καλύτερα prompts vibe coding είναι σύντομα, συγκεκριμένα και αφορούν τη συμπεριφορά: ποιος χρησιμοποιεί την εφαρμογή, τι μπορεί να κάνει, τι κρατά και πώς φαίνεται. Παρακάτω βλέπεις 30 prompts που μπορείς να αντιγράψεις και να επικολλήσεις, ομαδοποιημένα ανάλογα με το στάδιο στο οποίο βρίσκεσαι, από την πρώτη δημιουργία ως τη δημοσίευση. Αντικατάστησε τα μέρη μέσα σε [αγκύλες] με τις δικές σου λεπτομέρειες.

Δουλεύουν σε οποιονδήποτε κατασκευαστή εφαρμογών AI ή πράκτορα κώδικα. Αν θες το σκεπτικό πίσω τους, ο μεγαλύτερος οδηγός μας για το πώς γράφονται prompts για κατασκευαστές εφαρμογών AI εξηγεί τις αρχές. Αυτή η σελίδα είναι το φύλλο αναφοράς.

Πώς να χρησιμοποιήσεις αυτό το φύλλο

• Ξεκίνα με ένα prompt πρώτης δημιουργίας, και μετά χρησιμοποίησε τα υπόλοιπα ένα-ένα.
• Δοκίμασε μετά από κάθε prompt. Πέρνα την αλλαγή με κλικ πριν στείλεις την επόμενη.
• Κράτα ό,τι δουλεύει. Τα περισσότερα prompts συνέχειας εδώ τελειώνουν με «κράτα όλα τα άλλα ίδια», και υπάρχει λόγος.
• Επικόλλησε ακριβές κείμενο. Μηνύματα σφάλματος, ετικέτες κουμπιών και λέξεις στην οθόνη νικούν τις περιγραφές κάθε φορά.

Prompts πρώτης δημιουργίας

Αυτά ορίζουν το σχήμα της εφαρμογής. Κάθε ένα ονομάζει τους χρήστες, τις ενέργειες, τα δεδομένα και την εμφάνιση.

1. Ένας απλός tracker

Χτίσε έναν tracker [συνήθειας] για μένα. Μπορώ να προσθέσω [συνήθεια] με όνομα και χρώμα, να την τσεκάρω μία φορά την ημέρα, και να βλέπω ένα πλέγμα 30 ημερών και το τρέχον σερί μου. Αποθήκευσε τα πάντα ώστε να υπάρχουν μετά από ανανέωση. Καθαρός, λιτός σχεδιασμός που δουλεύει στο κινητό.

2. Σελίδα κρατήσεων για μικρή επιχείρηση

Χτίσε σελίδα κρατήσεων για το [κομμωτήριό μου]. Ο πελάτης διαλέγει υπηρεσία ([κούρεμα 30 λεπτά, βαφή 90 λεπτά]), ημερομηνία και ελεύθερη ώρα ανάμεσα σε [9:00 και 18:00], και μετά βάζει όνομα, τηλέφωνο και email. Δύο άτομα δεν μπορούν να κλείσουν την ίδια ώρα. Χρειάζομαι ιδιωτική σελίδα διαχειριστή, πίσω από σύνδεση, που δείχνει τις επερχόμενες κρατήσεις ανά ημέρα.

3. Εσωτερικό εργαλείο

Χτίσε ένα εσωτερικό εργαλείο για την ομάδα μου ώστε να παρακολουθεί [δανεισμούς εξοπλισμού]. Κάθε είδος έχει όνομα, κωδικό και κατάσταση (διαθέσιμο, δανεισμένο, χαλασμένο). Το προσωπικό συνδέεται, μπορεί να δανειστεί ένα είδος στον εαυτό του και να το επιστρέψει. Δείξε έναν πίνακα με φίλτρα κατάστασης και ιστορικό για το ποιος είχε κάθε είδος.

4. Landing page με λίστα αναμονής

Χτίσε μια ιστοσελίδα μιας σελίδας για [το προϊόν μου: εφαρμογή προγραμματισμού γευμάτων για απασχολημένους γονείς]. Κεντρικός τίτλος με υπότιτλο μίας πρότασης και εγγραφή με email. Μετά τρία οφέλη, μια σύντομη ενότητα «πώς λειτουργεί» και συχνές ερωτήσεις. Αποθήκευσε τα email εγγραφής σε βάση και δείξε μου τη λίστα σε ιδιωτική σελίδα διαχειριστή.

5. Πύλη πελατών

Χτίσε πύλη πελατών για [το στούντιό μου σχεδιασμού]. Κάθε πελάτης συνδέεται και βλέπει μόνο τα δικά του έργα, με κατάσταση, αρχεία που έχω ανεβάσει και νήμα σχολίων. Εγώ συνδέομαι ως διαχειριστής και βλέπω όλους τους πελάτες. Οι πελάτες δεν πρέπει ποτέ να βλέπουν τα δεδομένα των άλλων.

6. Υπολογιστής ή εργαλείο προσφοράς

Χτίσε υπολογιστή προσφορών για [την επιχείρηση καθαρισμού μου]. Είσοδοι: αριθμός υπνοδωματίων, μπάνια, επιπλέον υπηρεσίες (φούρνος, παράθυρα, ψυγείο) και συχνότητα (μία φορά, εβδομαδιαία, μηνιαία). Δείξε την τιμή καθώς αλλάζουν οι επιλογές, με ανάλυση. Τιμές: [επικόλλησε τον τιμοκατάλογό σου]. Πρόσθεσε κουμπί για αποστολή του αιτήματος προσφοράς σε εμένα με email.

Prompts σχεδιασμού

Χρησιμοποίησέ τα πριν από μια μεγάλη λειτουργία, ή όποτε δεν είσαι σίγουρος πώς να περιγράψεις κάτι.

7. Σχεδίασε πριν χτίσεις

Πριν γράψεις οποιονδήποτε κώδικα, περίγραψε με απλά λόγια τις οθόνες που θα φτιάξεις, τα δεδομένα που θα αποθηκεύσεις και τις αποφάσεις που χρειάζεσαι από μένα. Περίμενε την έγκρισή μου.

8. Μετάτρεψε μια ακατάστατη ιδέα σε πρώτη έκδοση

Να η ιδέα μου: [επικόλλησε σημειώσεις]. Πρότεινε την μικρότερη πρώτη έκδοση που είναι ακόμα χρήσιμη, σε 5–8 κουκκίδες. Κατάγραψε τι θα άφηνες για αργότερα και γιατί.

9. Ρώτα τι λείπει

Ποιες ερωτήσεις θα μου έκανε ένας προγραμματιστής πριν χτίσει αυτό; Κάνε τις ένα-ένα, και μετά σύνοψε τις απαντήσεις μου σε σύντομη προδιαγραφή.

10. Έλεγξε μια μεγάλη αλλαγή πρώτα

Θέλω να προσθέσω [λογαριασμούς ομάδας όπου πολλά άτομα μοιράζονται έναν χώρο εργασίας]. Εξήγησε τι πρέπει να αλλάξει στα δεδομένα, στις οθόνες και στα δικαιώματα, και τι θα μπορούσε να σπάσει. Μην αλλάξεις τίποτα ακόμα.

Prompts σχεδιασμού εμφάνισης

11. Όρισε καθαρό στυλ

Άλλαξε την εμφάνιση της εφαρμογής: ζεστό λευκό-μπεζ φόντο, σκούρο κείμενο, ένα χρώμα έμφασης [#1F6F50], στρογγυλεμένες γωνίες, γενναιόδωρα κενά και μοντέρνα γραμματοσειρά χωρίς serif. Κράτα τη διάταξη και κάθε λειτουργία ακριβώς όπως είναι.

12. Αντέγραψε την αίσθηση ενός προτύπου

Κάνε το dashboard να μοιάζει με ήρεμη εφαρμογή οικονομικών: πολύ λευκό χώρο, αριθμοί μεγάλοι και έντονοι, ετικέτες μικρές και γκρι, ένα απλό διάγραμμα στην κορυφή. Μην αντιγράψεις λογότυπο ή κείμενο καμίας μάρκας.

13. Διόρθωσε τη διάταξη για κινητό

Σε κινητό πλάτους 375px, ο πίνακας στη σελίδα [Παραγγελίες] μετακινείται οριζόντια και τα κουμπιά επικαλύπτονται. Μετάτρεψε κάθε γραμμή σε στοιβαγμένη κάρτα στις μικρές οθόνες. Μην αλλάξεις τη διάταξη του υπολογιστή.

14. Καταστάσεις κενού, φόρτωσης και σφάλματος

Πρόσθεσε κατάλληλες καταστάσεις στη [λίστα Έργων]: φιλικό μήνυμα κενής λίστας με κουμπί για προσθήκη του πρώτου έργου, σκελετό φόρτωσης όσο φορτώνουν τα δεδομένα, και καθαρό μήνυμα με κουμπί επανάληψης αν αποτύχει η φόρτωση.

15. Υποστήριξη δεξιά προς αριστερά

Πρόσθεσε αραβική έκδοση της διεπαφής με πλήρη διάταξη από δεξιά προς αριστερά. Τα εικονίδια που δείχνουν κατεύθυνση πρέπει να αντιστραφούν· οι αριθμοί και οι ημερομηνίες να χρησιμοποιούν τη μορφή της τοπικής γλώσσας. Τα αγγλικά να μένουν προεπιλογή.

Prompts δεδομένων και λειτουργιών

16. Κάνε τα δεδομένα μόνιμα

Τώρα τα δεδομένα μου χάνονται όταν ανανεώνω. Αποθήκευσέ τα σε πραγματική βάση δεδομένων, και κράτα τις τρέχουσες οθόνες να λειτουργούν το ίδιο.

17. Πρόσθεσε σύνδεση

Πρόσθεσε εγγραφή και σύνδεση με email και κωδικό. Κάθε χρήστης να βλέπει και να επεξεργάζεται μόνο τις δικές του [καταχωρίσεις]. Δείξε το email του χρήστη στη γραμμή κορυφής με κουμπί αποσύνδεσης.

18. Πρόσθεσε ρόλους

Πρόσθεσε δύο ρόλους: διαχειριστής και μέλος. Οι διαχειριστές μπορούν να προσθέτουν, να επεξεργάζονται και να διαγράφουν [προϊόντα]· τα μέλη μπορούν μόνο να τα βλέπουν. Επιβάλλεσε αυτό στον διακομιστή, όχι απλώς κρύβοντας κουμπιά.

19. Πρόσθεσε αναζήτηση και φίλτρα

Πρόσθεσε πεδίο αναζήτησης πάνω από τη [λίστα επαφών] που ταιριάζει όνομα, εταιρεία ή email καθώς πληκτρολογώ, και φίλτρο για [κατάσταση]. Κράτα την τρέχουσα σειρά ταξινόμησης.

20. Πρόσθεσε ανεβάσματα αρχείων

Επίτρεψε στους χρήστες να επισυνάπτουν έως [5] εικόνες σε κάθε [αγγελία], μέγιστο [5 MB] η καθεμία. Δείξε μικρογραφίες στην αγγελία και μεγαλύτερη προβολή με κλικ. Μόνο ο ιδιοκτήτης να μπορεί να διαγράφει τις εικόνες του.

21. Εισαγωγή από υπολογιστικό φύλλο

Πρόσθεσε κουμπί Εισαγωγή που δέχεται CSV με στήλες [όνομα, email, τηλέφωνο, σημειώσεις], δείχνει προεπισκόπηση των πρώτων 10 γραμμών και μου επιτρέπει να επιβεβαιώσω πριν αποθηκεύσει. Παράλειψε γραμμές χωρίς email και πες μου πόσες παραλείφθηκαν.

Prompts διόρθωσης

22. Ανάφερε σφάλμα καθαρά

Όταν [πατάω Αποθήκευση στη φόρμα επεξεργασίας], βλέπω «[ακριβές κείμενο σφάλματος]» και η αλλαγή δεν αποθηκεύεται. Αναμενόμενο: η αλλαγή αποθηκεύεται και επιστρέφω στη λίστα. Βρες την αιτία, εξήγησέ την σε μία ή δύο προτάσεις και μετά διόρθωσέ την.

23. Σταμάτησε τον κύκλο διορθώσεων

Το έχουμε προσπαθήσει τρεις φορές να το διορθώσουμε και ακόμα αποτυγχάνει. Σταμάτα να αλλάζεις κώδικα. Κατάγραψε τις τρεις πιο πιθανές αιτίες, πώς να ελέγξω καθεμία και ποια νομίζεις ότι είναι.

24. Αναίρεσε παρενέργειες

Η τελευταία σου αλλαγή διόρθωσε τον επιλογέα ημερομηνίας, αλλά η [πλαϊνή στήλη] εξαφανίστηκε. Επανέφερε την πλαϊνή στήλη ακριβώς όπως ήταν και κράτα τη διόρθωση του επιλογέα ημερομηνίας.

25. Εξήγησε πριν αλλάξεις

Εξήγησε πώς υπολογίζεται αυτή τη στιγμή [το σύνολο του ταμείου], βήμα προς βήμα, δείχνοντας τα αρχεία που εμπλέκονται. Μην αλλάξεις τίποτα.

Prompts δοκιμών και ελέγχου

26. Ακραίες περιπτώσεις

Κατάγραψε 10 τρόπους με τους οποίους ένας πραγματικός χρήστης μπορεί να χαλάσει [τη φόρμα κράτησης]: κενά πεδία, πολύ μεγάλο κείμενο, διπλά κλικ, δύο άτομα ταυτόχρονα, λάθος ζώνες ώρας. Δοκίμασε καθεμία και διόρθωσε ό,τι αποτυγχάνει. Αναφέρε τι άλλαξες.

27. Σύνοψη πρόσφατων αλλαγών

Σύνοψισε σε απλά λόγια κάθε αλλαγή που έκανες στα τελευταία [πέντε] βήματα, και επισήμανε οτιδήποτε μπορεί να επηρεάσει υπάρχοντα δεδομένα.

Prompts ασφάλειας

Συνδύασέ τα με τη σελίδα μας για το αν είναι ασφαλές το vibe coding.

28. Έλεγξε την πρόσβαση στα δεδομένα

Έλεγξε τον κώδικα του διακομιστή: μπορεί ένας συνδεδεμένος χρήστης να διαβάσει ή να αλλάξει τις [εγγραφές] άλλου χρήστη αλλάζοντας ένα ID σε αίτημα; Δείξε πού ελέγχεται η πρόσβαση και διόρθωσε τυχόν κενά.

29. Έλεγξε για εκτεθειμένα μυστικά

Κατάγραψε κάθε κλειδί API, κωδικό ή token που χρησιμοποιεί αυτή η εφαρμογή και πού είναι αποθηκευμένο καθένα. Βεβαιώσου ότι κανένα δεν βρίσκεται σε κώδικα που τρέχει στον browser ή σε αρχεία που έχουν γίνει commit. Μετέφερέ τα σε μυστικά αν είναι.

Prompts δημοσίευσης

30. Έλεγχος πριν την κυκλοφορία

Πρόκειται να το δημοσιεύσω για πραγματικούς χρήστες. Πέρασέ το σαν ελεγκτής: σπασμένους συνδέσμους, λείποντες τίτλους και περιγραφές σελίδων, φόρμες χωρίς επικύρωση, αργές σελίδες, σφάλματα κονσόλας και οτιδήποτε μοιάζει ημιτελές στο κινητό. Δώσε μου λίστα ταξινομημένη κατά σημασία και διόρθωσε τα πρώτα πέντε.

Prompts που καλό είναι να αποφεύγεις

Μερικά prompts δίνουν σταθερά χειρότερα αποτελέσματα:

• «Κάν' το καλύτερο.» Καλύτερο πώς; Ονόμασε την οθόνη και την αλλαγή.
• «Διόρθωσε τα πάντα.» Η AI θα αλλάξει πολλά και δεν θα ξέρεις τι μετακινήθηκε.
• «Χρησιμοποίησε [βιβλιοθήκη] και [πλαίσιο] και [μοτίβο].» Αν δεν έχεις λόγο, περίγραψε τη συμπεριφορά και άφησε το εργαλείο να διαλέξει τη στοίβα.
• «Εδώ είναι το κλειδί API μου: …» Ποτέ μη επικολλάς μυστικά σε chat. Χρησιμοποίησε τις ρυθμίσεις μυστικών του εργαλείου.
• Δέκα λειτουργίες σε ένα μήνυμα. Χώρισέ τες.

Να κάνεις τα prompts συνήθεια

Μετά από λίγα έργα θα έχεις τις δικές σου εκδοχές από αυτά. Κράτησέ τα σε σημείωση και ξαναχρησιμοποίησε όσα δουλεύουν. Το Mythex θυμάται επίσης ποιος είσαι και πώς δουλεύεις σε όλα τα έργα, οπότε οι προτιμήσεις που επαναλαμβάνεις, όπως το συνηθισμένο στυλ ή η στοίβα σου, μεταφέρονται χωρίς να τις ξαναγράφεις.

Αν έχεις κολλήσει στο πρώτο prompt, ο δωρεάν γεννήτρια prompts εφαρμογής μετατρέπει μια ιδέα μιας γραμμής σε πλήρες αρχικό prompt. Και για να δεις τι παράγουν αυτά τα prompts στην πράξη, διάβασε τα παραδείγματα vibe coding, ή επικόλλησε το prompt 1 στον κατασκευαστή εφαρμογών AI και άλλαξε τις αγκύλες με τη δική σου ιδέα.

Ερωτήσεις