Vibe coding dla początkujących – zbuduj aplikację w 30 minut

Czym jest vibe coding i dlaczego wszyscy o nim mówią?

Przewijasz Instagrama, a tam zamiast filmików z kotami – kolejny post: „Zbudowałem aplikację w cztery godziny z Claude Code!”. Czujesz, że wszyscy wokół, od dzieci po babcie, nagle programują za pomocą sztucznej inteligencji. To zjawisko ma swoją nazwę – vibe coding. Termin ukuty przez Andreja Karpathy’ego, współzałożyciela OpenAI, oznacza po prostu pisanie kodu za pomocą zwykłego języka angielskiego (lub polskiego). Mówisz AI, co ma zrobić, a ono tworzy aplikację.

W branży technologicznej to temat numer jeden. CEO chwalą się, że 90% kodu ich firm pisze AI, ludzie tworzą narzędzia do opieki nad starzejącymi się rodzicami. My również nie pozostajemy w tyle. Redaktorzy Business Insider, w tym autorka tego poradnika, przetestowali narzędzia takie jak Claude Code, Manus, Lovable, Base44 i Cursor. Powstały osobiste aplikacje fitness, asystenci redakcyjni, a nawet własna wersja Pinteresta. Ale pierwsze podejście autorki do vibe codingu wcale nie było usłane różami. Okazuje się, że wydawanie poleceń AI w potocznym języku też wymaga wprawy.

Jeśli jeszcze nie próbowałeś swoich sił – nie martw się. Przygotowaliśmy prosty przewodnik, który przeprowadzi cię przez cały proces krok po kroku.

Krok 1: Którą platformę wybrać?

Zacznijmy od podstaw – od czego w ogóle wystartować? Na rynku jest kilka produktów oferujących darmowe kredyty dziennie, które pozwalają poeksperymentować bez wydawania pieniędzy.

Jeśli nie jesteś programistą i chcesz tworzyć proste narzędzia, a nie skomplikowane oprogramowanie, postaw na Lovable, Base44 lub Replit. To najbardziej przyjazne dla początkujących środowiska. Dla bardziej zaawansowanych technicznie – Claude Code, Emergent czy Cursor. Autorka na potrzeby tego poradnika wybrała Lovable. Dlaczego? Bo działa podobnie do konkurencji, a jednocześnie ma intuicyjny interfejs.

Użytkownicy często wybierają też platformę w zależności od tego, co chcą zbudować. Autorka postanowiła stworzyć tracker subskrypcji – prosty, ale bardzo popularny przykład użycia vibe codingu. Jej cel na ten rok: lepiej kontrolować wydatki na abonamenty.

Krok 2: Jak sformułować prompt dla AI?

Masz już narzędzie i wiesz, co chcesz zbudować. Teraz najważniejszy krok – napisanie promptu. AI jest tak dobre, jak instrukcje, które dostaje.

Autorka odkryła, że najłatwiej poprosić innego asystenta AI (np. ChatGPT lub Claude) o wygenerowanie szczegółowego promptu. W jej przypadku zabrzmiało to tak:

Daj mi prompt do zbudowania trackera subskrypcji. Chcę śledzić, ile wydaję na abonamenty za serwisy streamingowe, portale informacyjne, aplikacje muzyczne, fitness i inne. Chcę mieć podgląd, kiedy każda subskrypcja zaczyna się i kończy.

Vibe coding to nie tylko „wyczucie” – ważne jest precyzyjne opisywanie oczekiwań. Im więcej szczegółów podasz, tym lepszy będzie pierwszy szkic aplikacji. Oszczędzasz w ten sposób darmowe kredyty, bo nie musisz wielokrotnie poprawiać. Gotowy prompt wklejasz w pasek wyszukiwania platformy, ustawiasz tryb na „build” (buduj) i klikasz Enter. Teraz trzeba odczekać kilka minut – proces generowania może potrwać.

Krok 3: Jak poprawiać błędy?

Po chwili pojawia się pierwsza wersja aplikacji. Możesz ją pokochać lub znienawidzić. Autorka szczerze przyznaje: jej pierwszy tracker subskrypcji wyglądał nudno. Białe tło, wykresy kołowe rodem z Power Pointa – zniechęcał do oszczędzania. Ale nie poddała się.

Klucz do sukcesu to prompt modyfikujący. Pomyśl o nim jak o instrukcjach dla stażysty: „Zmień kolory. Zrób to bardziej fun”. Oto pełny prompt, którego użyła autorka:

Zmień wygląd strony. Użyj ciemnego tła z neonowymi przyciskami. Dodaj odznaki osiągnięć, np. „Budżetowy Strażnik” i „Oszczędny Mądrala”. Spraw, by interfejs był bardziej dynamiczny i zachęcający.

Efekt? Nowa wersja – tacky neonowe przyciski na ciemnym tle, odznaki motywacyjne i o wiele więcej charakteru. Tracker pozwala dodawać subskrypcje, kategoryzować je, wybierać cykl rozliczeniowy i wykonywać wiele innych operacji. Gdy jesteś zadowolony, klikasz „publish” (opublikuj) i gotowe. Całość zajęła autorce mniej niż 30 minut.

Krok 4: Jak maksymalnie wykorzystać darmowe kredyty?

Niestety, nic za darmo nie działa wiecznie. Każdy prompt zużywa kredyty. Autorka po zbudowaniu trackera miała już tylko 0,5 z pięciu darmowych kredytów dziennych. Jak nimi gospodarować?

Większość platform oferuje dwa tryby: „plan” (planowanie) i „build” (budowanie). W trybie planowania każdy prompt kosztuje tylko jeden kredyt, co pozwala przetestować pomysły i zrozumieć zmiany, zanim faktycznie przebudujesz aplikację. Gdy kredyty się skończą, najtańszym rozwiązaniem jest poczekać 24 godziny na odnowienie.

Możesz też wykupić abonament. Na przykład Lovable oferuje najtańszy plan za 25 dolarów miesięcznie, dający 100 dodatkowych kredytów. Podobne opcje mają Replit i Base44 – okolice 20 dolarów. Inna sztuczka: gdy poznasz już dobrze proces, weź swój dopracowany prompt i wklej go do innej darmowej platformy, np. Base44. Autorka i jej koledzy z redakcji wypróbowali wszystkie te sposoby i potwierdzają – da się oszczędzać.

Podsumowanie

Vibe coding 101 – czyli jak zacząć bez kodu. Wybierz platformę, napisz precyzyjny prompt, poprawiaj, oszczędzaj kredyty. To wszystko. Autorka zachęca: napisz do niej na adres [email protected] i opowiedz, co udało ci się zbudować (lub co poszło nie tak). Czas zacząć vibe codingować.