Vibe coding krok po kroku: od pomysłu do działającej aplikacji

👁 114 przeczytań

Vibe coding to budowanie aplikacji z opisu w zwykłym języku: mówisz narzędziu, co program ma robić, ono pisze kod, a Ty oceniasz wynik i prosisz o poprawki, nie czytając kodu. Nazwę wymyślił w lutym 2025 roku Andrej Karpathy, a w 2026 roku da się tak zrobić działającą aplikację z logowaniem i bazą danych bez umiejętności programowania. Poniżej droga od pomysłu do opublikowanej aplikacji, z narzędziami na każdy etap, cenami i miejscami, w których to się psuje.

Czym vibe coding różni się od pracy z agentem

W obu przypadkach kod pisze model językowy. Różnica jest w tym, kto go czyta. Programista z agentem w terminalu zatwierdza zmiany plik po pliku i wie, co się dzieje. W vibe codingu, jak opisał to Karpathy, „akceptujesz wszystko, a jeśli nie działa, mówisz AI, żeby naprawiło”. To działa do momentu, w którym poprawka psuje trzy inne rzeczy, co opisałem w tekście o Cursorze, Copilocie i Windsurfie. Dlatego poniższe kroki są ułożone tak, żeby jak najwięcej decyzji zapadło, zanim powstanie pierwsza linijka.

Krok 1: opisz aplikację, zanim otworzysz narzędzie

Spisz w pięciu punktach: kto z niej korzysta, jakie dane przechowuje, jakie ma ekrany, co robi po kliknięciu każdego przycisku i czego na pewno nie ma mieć. Ten opis stanie się pierwszym poleceniem. Poradniki z 2026 roku sprowadzają dobre polecenie do czterech reguł: opisz użytkownika, opisz strukturę danych, wypisz ograniczenia i nie proś o dziesięć rzeczy naraz. Polecenie może być po polsku; kod i komunikaty w konsoli i tak będą po angielsku.

Krok 2: wybierz narzędzie do etapu

Narzędzia do vibe codingu dzielą się na trzy grupy według tego, ile musisz rozumieć. Ceny producentów w USD bez VAT, kurs NBP 3,857 zł za dolara.

Plany darmowe wystarczą na sprawdzenie, jak to działa: Lovable daje 5 kredytów dziennie (do 30 w miesiącu), Bolt milion tokenów miesięcznie, v0 limit siedmiu wiadomości dziennie, Replit Starter jedną opublikowaną aplikację. Pozostałe narzędzia zestawiłem w hubie agenci AI do kodu.

Krok 3: prototyp w przeglądarce

Wklej opis, ale zanim narzędzie zacznie budować, włącz tryb planowania: Replit ma tryb Plan, Lovable liczy go jako jeden kredyt za wiadomość. Dostaniesz listę tego, co agent zamierza zrobić, i tu poprawiasz nieporozumienia, bo poprawka w planie jest tańsza niż w gotowym kodzie. Potem buduj po jednej rzeczy: jeden ekran, jedna funkcja, test w podglądzie, dopiero następna. Po każdym działającym etapie zapisz punkt kontrolny, żeby móc wrócić, gdy kolejna poprawka coś zepsuje. Cały przebieg na jednym narzędziu opisałem w tekście Replit Agent krok po kroku.

Krok 4: dane, logowanie i płatności - tu się psuje

Dopóki aplikacja trzyma tylko Twoje dane, błędy są tanie. Z chwilą, gdy loguje się do niej ktoś inny, zaczyna się część, której narzędzia do vibe codingu nie załatwiają same. Dwa fakty:

• Według raportu Veracode, cytowanego przez Cloud Security Alliance, 45% próbek kodu z AI zawierało luki z listy OWASP Top 10, a odsetek nie zmienił się między 2025 a marcem 2026 mimo nowszych modeli.
• Najczęstszy błąd w aplikacjach na gotowym zapleczu to publiczna baza bez reguł dostępu do wierszy; opisałem go w tekście o Supabase. Historie twórców, którzy stracili dane albo musieli zdjąć aplikację, zebrał The Verge; streściłem je w tekście o lukach w aplikacjach z AI.

Co z tym zrobić bez czytania kodu: użyj gotowego logowania platformy zamiast własnego, poproś agenta wprost o reguły dostępu („użytkownik widzi tylko swoje wiersze”), nigdy nie wklejaj kluczy API do polecenia ani do kodu, tylko do ustawień „secrets”, i włącz limit wydatków. Płatności zostaw dostawcy (Stripe, Przelewy24) i nie przechowuj numerów kart.

Krok 5: wynieś kod poza platformę

Aplikacja, która działa tylko w jednej platformie, jest jej zakładnikiem: zmiana cennika albo limitów uderza w Ciebie. Replit, Lovable i Bolt pozwalają wysłać kod do repozytorium na GitHubie (w Lovable od planu płatnego). Od tego momentu możesz rozwijać projekt w Cursorze albo Claude Code i postawić go na własnym hostingu, np. Railway, z wysyłką maili przez Resend. To także moment, w którym opłaca się zapłacić programiście za jednorazowy przegląd: bezpieczeństwo, kopie zapasowe, koszty.

Gdzie się psuje: cztery typowe blokady

• Pętla poprawek. Agent naprawia błąd, psuje inny, wraca pierwszy. Ratunek: cofnij do punktu kontrolnego i opisz błąd inaczej, z treścią komunikatu, a nie „nie działa”.
• Rachunek rośnie. Każda nieudana próba jest płatna: w Replicie za wysiłek, w Lovable za kredyty, w Bolcie za tokeny. Limit wydatków ustaw pierwszego dnia.
• Błąd, którego nie umiesz nazwać. Aplikacja działa w podglądzie, po publikacji nie. Zwykle chodzi o zmienne środowiskowe albo bazę, której nie ma na produkcji.
• Cudze dane. Formularz zbiera adresy klientów, a baza jest publiczna. To już nie jest projekt hobbystyczny, tylko odpowiedzialność za dane osobowe.

Zobacz też: Agent do kodu w firmie: dane, bezpieczeństwo i licencje

Najczęstsze pytania

Czy da się zrobić aplikację bez umiejętności programowania?

Tak, prostą: listę, formularz z bazą, kalkulator, panel do własnych danych. Narzędzia w przeglądarce (Replit Agent, Lovable, Bolt) budują ją z opisu i publikują pod adresem. Aplikacja z cudzymi danymi albo płatnościami wymaga przeglądu przez kogoś, kto czyta kod.

Ile kosztuje vibe coding?

Plany darmowe wystarczą na próbę. Realna praca to 20-25 USD miesięcznie (ok. 77-96 zł bez VAT) plus hosting i ewentualne dokupione kredyty. Zbiorczy cennik jest w tekście ile kosztuje AI do programowania.

Które narzędzie do vibe codingu wybrać na start?

Replit Agent, jeśli chcesz mieć bazę, logowanie i publikację w jednym miejscu. Lovable albo v0, jeśli zależy Ci głównie na wyglądzie interfejsu. Bolt, jeśli chcesz szybko wynieść kod do własnego repozytorium. To opinia redakcji.