Vibe coding z Claude: czat Claude, Claude Code i budowanie z Claude

Vibe coding z Claude działa na trzy sposoby. Czat Claude buduje małe aplikacje na jednej stronie prosto w rozmowie. Claude Code to agent, który edytuje prawdziwy projekt na twoim komputerze lub w chmurze, dla osób obeznanych z bazą kodu. A Claude plus kreator aplikacji przez MCP pozwala budować, podglądać i publikować pełną aplikację z bazą danych bez wychodzenia z rozmowy z Claude. Który sposób pasuje, zależy od tego, co budujesz i ile konfiguracji chcesz mieć pod kontrolą.

Ten przewodnik omawia wszystkie trzy, z promptami i ograniczeniami każdego z nich. Ideę, na której to wszystko stoi, opisuje czym jest vibe coding.

Opcja 1: czat Claude dla małych narzędzi

W zwykłej aplikacji Claude możesz poprosić o coś interaktywnego, a Claude napisze to jako kod, który działa obok rozmowy: kalkulator, zestaw fiszek, małą grę, wykres z danych, które wkleisz. Zmieniasz to, odpowiadając.

Dobry prompt tutaj jest samodzielny:

Zrób interaktywne narzędzie, w którym wklejam listę wydatków (jeden w wierszu, „kwota, kategoria”), a ono pokazuje wykres kołowy według kategorii i sumę. Dołącz przykładową listę, żeby działało od razu.

Co jest w tym świetne: szybkie narzędzia na jednej stronie, z których korzystasz sam albo udostępniasz jako link, oraz nauka, bo możesz poprosić Claude, żeby wyjaśnił każdą część.

Gdzie się kończy: działa to w środowisku Claude. Nie ma tu trwałej bazy danych, kont użytkowników, własnej domeny ani miejsca na serwer. Gdy pomysł przerośnie jedną stronę, potrzebujesz jednej z dwóch następnych opcji.

Opcja 2: Claude Code dla prawdziwej bazy kodu

Claude Code to agent kodujący Anthropic. Działa w terminalu, w edytorach takich jak VS Code i JetBrains, w aplikacji desktopowej i w przeglądarce. Dajesz mu zadanie zwykłym językiem, a on czyta projekt, edytuje pliki, uruchamia polecenia i testy oraz pokazuje, co się zmieniło. W chwili pisania jest dołączony do płatnych planów Claude i dostępny przez API; aktualne plany sprawdź na stronie Anthropic.

Typowa sesja vibe coding wygląda tak:

Dodaj stronę /bookings, która pokazuje rezerwacje bieżącego użytkownika, najnowsze na górze, z przyciskiem anulowania, który jest wyłączony na mniej niż dwie godziny przed zajęciami. Użyj istniejącego pomocnika uwierzytelniania. Gdy skończysz, uruchom testy.

Co jest w tym świetne: dla programistów i technicznych założycieli, którzy już mają projekt, chcą pełnej kontroli nad stosem i sami są gotowi go uruchomić i wdrożyć. Claude Code dobrze radzi sobie ze zmianami w wielu plikach i z przestrzeganiem konwencji już obecnych w bazie kodu.

Co wymaga więcej pracy: potrzebujesz środowiska programistycznego, a Claude Code niczego nie hostuje. Bazy danych, sekrety, wdrożenie i domeny musisz ustawić sam. Porównanie z innymi narzędziami dla programistów znajdziesz w Cursor vs Windsurf vs Claude Code.

Nawyki, które dobrze działają z Claude Code

• Proś o plan przed dużymi zmianami. „Wypisz kroki i pliki, których dotkniesz, a potem poczekaj.”
• Prowadź plik notatek projektu. Claude Code czyta plik z pamięcią projektu (CLAUDE.md) z konwencjami, więc nie powtarzasz ich za każdym razem.
• Przeglądaj różnice. Nawet przy vibe coding przejrzyj, co się zmieniło w wrażliwych miejscach: uwierzytelnianie, płatności, wszystko, co dotyczy danych użytkowników.
• Commituj często. Małe commity ułatwiają cofnięcie złego kroku.

Opcja 3: buduj i publikuj z Claude przez Mythex

Jeśli lubisz pracować w Claude, ale na końcu chcesz prawdziwą aplikację, z bazą danych, logowaniem, pamięcią plików i publicznym adresem URL, możesz podłączyć Claude do kreatora aplikacji AI przez MCP, protokół pozwalający Claude korzystać z narzędzi hostowanych gdzie indziej. (Czym jest MCP wyjaśnia to prostymi słowami).

Mythex uruchamia serwer MCP. Po połączeniu Claude może utworzyć projekt Mythex, napisać kod w prywatnej chmurowej piaskownicy, uruchomić podgląd na żywo, podpiąć bazę danych i pamięć plików oraz opublikować aplikację. Każdy wynik zawiera link, dzięki któremu obejrzysz projekt na żywo w Mythex.

Jak się połączyć

1. W Mythex otwórz Account settings i skopiuj adres MCP: https://mcp.mythex.ai/mcp.
2. W Claude przejdź do Settings → Connectors → Add custom connector, wklej adres i kliknij Connect.
3. Otworzy się strona Mythex. Zaloguj się, jeśli trzeba, i wybierz Allow access. Nie ma żadnego klucza API do skopiowania.
4. Wróć do Claude i poproś o to, czego potrzebujesz.

Każdy może się połączyć na dowolnym planie; narzędzia piaskownicy wymagają planu Mythex Pro ($25 miesięcznie). Użycie Claude pozostaje w ramach twojego planu Claude, a czas piaskownicy, podglądy i hosting pochodzą z twoich kredytów Mythex. Pełny opis znajdziesz w budowanie aplikacji Mythex z Claude, Cursor lub Codex.

Pierwszy prompt do wypróbowania

Użyj Mythex, żeby utworzyć nowy projekt: prosty CRM dla mojego małego studia projektowego. Kontakty z imieniem, firmą, e-mailem, telefonem, etapem (lead, aktywny, dawny) i notatkami. Widok tablicy według etapu, w którym mogę przeciągać kontakty między kolumnami, oraz pole wyszukiwania. Dodaj bazę danych, żeby dane były trwałe, i logowanie, żeby tylko ja mogłem je widzieć. Uruchom podgląd i wyślij mi link, gdy będzie działać.

Potem wprowadzaj zmiany w tej samej rozmowie, jedną naraz:

W projekcie Mythex dodaj do kontaktów pole „następny kontakt” i listę na ekranie głównym z kontaktami do odbycia w tym tygodniu. Sprawdź to w podglądzie.

Opublikuj CRM i podaj mi aktywny adres URL.

Co jest w tym świetne: dla osób, które najlepiej myślą w Claude i chcą mieć wynik hostowany, z bazą danych, bez konfigurowania serwerów. Możesz też przełączać się między nimi: zacząć w Claude i kontynuować w czacie Mythex albo odwrotnie, bo to ten sam projekt.

Którego użyć?

Wskazówki o promptach, które z Claude mają większe znaczenie

Claude ściśle trzyma się szczegółowych instrukcji, co działa w obie strony.

• Mów, czego nie zmieniać. „Zachowaj układ i kolory; zmień tylko walidację formularza.”
• Podaj definicję ukończenia. „Gotowe oznacza, że nowy kontakt się zapisuje, pojawia się na tablicy i przetrwa odświeżenie.”
• Poproś, by sprawdził swoją pracę. W Claude Code oznacza to uruchomienie testów; w Mythex oznacza to sprawdzenie podglądu na żywo lub uruchomienie testu w przeglądarce.
• Proś o wyjaśnienia prostymi słowami, gdy nie rozumiesz zmiany. To najszybszy sposób, by dowiedzieć się, co robi twoja aplikacja.

Nasza ściąga promptów do vibe coding ma 30 promptów, które działają w każdej z trzech konfiguracji.

Uwagi o bezpieczeństwie dla wszystkich trzech

• Nie wklejaj prawdziwych kluczy API ani haseł do rozmowy z Claude. W Mythex sekrety trafiają do ustawień sekretów projektu, a Claude widzi ich nazwy, ale nie wartości.
• Przed publikacją sprawdź, kto może co zobaczyć. „Czy zalogowany użytkownik może otworzyć rekordy innego użytkownika?” to pierwsze pytanie, które trzeba zadać.
• Przeglądaj wrażliwy kod. Claude to zdolny programista, ale przy vibe coding nie czytasz każdej linijki, więc wybierz te, które mają znaczenie. Zobacz czy vibe coding jest bezpieczne?.

Jeśli używasz też ChatGPT, przewodnik towarzyszący omawia vibe coding z ChatGPT i Codex. A jeśli wolisz pominąć konfigurację w ogóle, otwórz kreator aplikacji AI i opisz tam swoją aplikację.

Pytania