Jak pisać prompty, z których powstają świetne aplikacje
Różnica między generycznym pierwszym szkicem a aplikacją, która wygląda na zaprojektowaną, zwykle tkwi w prompcie. Oto prosta struktura, która działa za każdym razem.
builder77 potrafi zbudować działającą aplikację z jednego zdania. Ale jedno zdanie zostawia AI mnóstwo decyzji: dla kogo jest aplikacja, które ekrany są ważne, jakie dane przechowuje i jak ma się z niej korzystać. Im więcej tych decyzji podejmiesz na starcie, tym bliżej Twojej wizji wyląduje pierwsza wersja — i tym mniej kredytów wydasz na poprawki.
Ten poradnik pokazuje strukturę promptu, z której sami korzystamy. To nie magia, tylko lista kontrolna, która pilnuje, żeby to, co ważne, zostało powiedziane.
1. Zacznij od tego, dla kogo jest aplikacja i co ma robić
„Aplikacja do rezerwacji” może oznaczać sto różnych rzeczy. „Aplikacja do rezerwacji dla dwuosobowego salonu fryzjerskiego, w której klienci wybierają usługę, fryzjera i termin” może oznaczać tylko kilka. Zacznij od użytkownika i zadania, w jednym lub dwóch zdaniach.
Zbuduj aplikację webową do rezerwacji dla małego salonu fryzjerskiego. Klienci wybierają usługę, fryzjera i wolny termin, a potem zostawiają swoje imię i numer telefonu.
2. Wypisz ekrany lub sekcje
Nazwanie ekranów daje AI szkielet do wypełnienia. W przypadku strony internetowej wypisz sekcje po kolei. W przypadku aplikacji wypisz główne widoki i to, jak użytkownicy się między nimi poruszają.
- Strona internetowa: sekcja hero, usługi z cenami, zespół, sekcja opinii (uzupełnisz ją później), godziny otwarcia, formularz rezerwacji, stopka z linkiem do mapy.
- Aplikacja webowa: panel główny, lista z filtrami, strona szczegółów, okno tworzenia/edycji, ustawienia.
- Aplikacja mobilna: dolne zakładki Dziś, Plany, Postępy i Profil, a do tego wysuwany panel do dodawania wpisów.
3. Opisz dane
Każda aplikacja builder77 ma wbudowaną bazę danych, więc AI zapisze dane w kolekcjach. Aplikacja wyjdzie czystsza, jeśli powiesz, jakie to kolekcje i które pola są ważne. Nie potrzebujesz technicznego języka — zwykłe rzeczowniki w zupełności wystarczą.
Przechowuj rezerwacje (usługa, fryzjer, data, godzina, imię klienta, telefon, status) i usługi (nazwa, czas trwania, cena). Dodaj kilka przykładowych usług.
Jeśli każdy użytkownik ma widzieć tylko własne rekordy — dziennik, tracker nawyków, osobisty budżet — powiedz to wprost: „użytkownicy zakładają konto i widzą tylko swoje wpisy”. builder77 doda logowanie i ograniczy zapytania do bieżącego użytkownika.
4. Nadaj kierunek wizualny
Właśnie w kwestii stylu ogólnikowe prompty dają ogólnikowe efekty. Dwa lub trzy konkretne słowa są lepsze niż akapit przymiotników. Podaj nastrój, kolor i — jeśli masz — punkt odniesienia.
- „Ciepło i minimalistycznie, kremowe tło, terakotowe akcenty, nagłówki szeryfowe.”
- „Ciemny panel, wysoki kontrast, elektryczna zieleń jako wyróżnienie, gęste tabele jak w Linear.”
- „Zabawnie i obło, pastelowe kolory, duże przyjazne przyciski dla dzieci.”
Możesz też dołączyć zrzut ekranu jako punkt odniesienia. AI wyłapie z obrazu układ i kolory, więc to świetny skrót, gdy masz w głowie coś konkretnego.
5. Użyj „Ulepsz prompt”, gdy utkniesz
Jeśli masz tylko luźny pomysł, wpisz go i kliknij Ulepsz prompt. builder77 przepisze go na szczegółowy prompt obejmujący użytkowników, ekrany, dane i styl. Przeczytaj go przed wysłaniem — popraw wszystko, co nie pasuje. To szybki sposób, by z „aplikacji fitness” zrobić specyfikację, której naprawdę chcesz.
6. Wprowadzaj zmiany małymi, konkretnymi krokami
Gdy pierwsza wersja już istnieje, nie wysyłaj od razu listy dwunastu zmian. Małe prośby są bardziej niezawodne i łatwiej je cofnąć. Dobry rytm to jedna funkcja lub jedna zmiana wizualna na wiadomość.
- Użyj Zaznacz, by kliknąć element w podglądzie i dokładnie powiedzieć, co w nim zmienić.
- Użyj trybu Rozmawiaj, by zaplanować z AI większą funkcję, zanim ją zbudujesz.
- Jeśli coś przestanie działać, kliknij Napraw z AI — wyśle przechwycony błąd, żeby AI mogła go naprawić.
- Każda zmiana to wersja. Jeśli wynik Ci się nie podoba, przywróć poprzednią i sformułuj prośbę inaczej.
Kompletny przykład
Zbuduj mobilny tracker nawyków o nazwie Streaky dla osób budujących małe codzienne nawyki.
Ekrany: Dziś (lista nawyków z dużym przyciskiem odhaczenia i aktualną serią),
Nawyki (dodawanie/edycja nawyków z nazwą, emoji, kolorem i docelową liczbą dni w tygodniu),
Statystyki (tygodniowy wykres realizacji i najdłuższa seria), Profil (wylogowanie).
Dane: użytkownicy zakładają konto; nawyki i odhaczenia są prywatne dla każdego użytkownika.
Styl: spokojny i przyjazny, złamana biel w tle, delikatny zielony akcent,
zaokrąglone karty, duże pola dotyku, dolny pasek zakładek.To około 80 słów, a odpowiadają na każde pytanie, przy którym AI musiałaby inaczej zgadywać. Wypróbuj tę strukturę przy swoim następnym pomyśle — i trzymaj najlepsze prompty pod ręką, bo będziesz wykorzystywać te wzorce częściej, niż myślisz.