Wszystkie wpisy
Poradniki·6 min czytania

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.

77
Zespół builder77
builder77.com

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

text
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.

Gotowy, by to zbudować?

Opisz swój pomysł i mniej więcej w minutę otrzymaj pierwszą działającą wersję. Start za darmo, karta kredytowa niepotrzebna.