Rdzeń programu czytasz bez konta. Quizy, zapis postępu i biblioteka — dla członków.
Potrzebujesz dwóch rzeczy: edytora kodu i AI, które w nim działa. VS Code jako baza, Claude Code jako warstwa AI. Żadnych skomplikowanych setupów — otwierasz terminal i budujesz.
- 1Fundament pod resztę ścieżki — wszystkie kolejne moduły zakładają, że masz działające środowisko z Claude Code. To Twoja baza.
- 2CLAUDE.md = kontrola — plik kontekstowy pozwala sterować zachowaniem AI. To jak brief dla partnera — im lepszy, tym lepsze rezultaty.
- 3Starter Kit = szybki start — zamiast się zastanawiać od czego zacząć, masz gotowy zestaw: folder, CLAUDE.md, komendy. Otwierasz i budujesz.
Jedno narzędzie, zero komplikacji
Nie potrzebujesz 10 aplikacji. Potrzebujesz edytora kodu i AI, które rozumie Twój projekt.
Kryteria, które przetrwają każdą zmianę narzędzi
Narzędzia AI zmieniają się co kwartał — kryteria wyboru nie. Twój warsztat powinien:
- •Widzieć cały projekt — nie fragmenty wklejane do czatu, tylko pliki, strukturę, historię.
- •Działać tam, gdzie żyją pliki — edycja i uruchamianie na miejscu, bez kopiowania kodu tam i z powrotem.
- •Dawać ci ster kontekstu — plik w rodzaju CLAUDE.md, którym mówisz agentowi, jak pracować w TWOIM projekcie.
- •Nie zamykać cię — projekt to zwykłe pliki + git; zmiana narzędzia nie może oznaczać utraty pracy.
Nasz wybór według tych kryteriów: VS Code + Claude Code. Gdy za rok pojawi się coś nowego, ocenisz to tą samą listą.
Claude Code w VS Code
Co to jest: Claude Code to agent od Anthropic, któremu zlecasz pracę w swoim projekcie. W VS Code działa w terminalu albo w panelu oficjalnego rozszerzenia. Piszesz, co chcesz osiągnąć — Claude czyta Twoje pliki, edytuje je, uruchamia komendy. Wszystko w jednym oknie.
VS Code to darmowy edytor Microsoftu. Większość narzędzi do kodowania z AI to jego forki (kopie z dodatkami). Idąc do źródła, masz najstabilniejszą bazę.
Dlaczego Claude Code:
- •Pracuje na całym projekcie — sam czyta pliki, których potrzebuje
- •Uruchamia komendy (build, deploy, testy) bezpośrednio
- •Pliki kontekstowe (CLAUDE.md) dają precyzyjną kontrolę nad zachowaniem AI
- •Wymaga płatnego planu Claude (Pro lub wyższy) albo konta Claude Console — darmowy plan nie obejmuje Claude Code
Jak to działa: Otwierasz VS Code, otwierasz terminal (Ctrl + ), wpisujesz claude` i rozmawiasz. Claude Code widzi Twój projekt, tworzy pliki, naprawia błędy — a Ty widzisz wszystko w edytorze obok.
Instalacja Claude Code
1. VS Code
Pobierz ze strony code.visualstudio.com. Zainstaluj. Otwórz.
2. Terminal w VS Code
Terminal to po prostu miejsce, gdzie wpisujesz komendy tekstem. W VS Code otworzysz go przez Ctrl + ` (backtick, klawisz pod Escape).
3. Claude Code
Zalecana jest instalacja natywnym instalatorem — nie potrzebujesz do niej Node.js, a Claude Code sam się aktualizuje. Wklej w terminal jedną z komend:
code# Mac, Linux curl -fsSL https://claude.ai/install.sh | bash
code# Windows (PowerShell) irm https://claude.ai/install.ps1 | iex
Zamknij terminal, otwórz nowy i sprawdź: claude --version. Widzisz numer wersji — działa.
Przejdź do folderu projektu i uruchom:
claude
Przy pierwszym uruchomieniu zalogujesz się w przeglądarce swoim kontem Claude (plan Pro lub wyższy). Klucz API nie jest potrzebny.
4. Git (jeśli go nie masz)
Git zapisuje kolejne wersje Twojego projektu — przyda się już w Starter Kicie. Sprawdź: git --version. Jeśli nie masz: na Macu terminal sam zaproponuje instalację, na Windowsie zainstaluj Git for Windows (git-scm.com) — wtedy Claude Code działa też wygodniej.
Komendy instalacji i wymagania zmieniają się z wersjami — jeśli coś nie działa jak wyżej, aktualna instrukcja jest zawsze w dokumentacji Claude Code (link w zasobach).
Starter Kit — Twój pierwszy projekt
Zamiast zaczynać od pustego folderu, użyj tego zestawu komend. Wklej je w terminal VS Code:
codemkdir moj-projekt cd moj-projekt git init
Teraz stwórz plik CLAUDE.md w tym folderze (w VS Code: File → New File → zapisz jako CLAUDE.md):
markdown# Mój Projekt ## Stos technologiczny - HTML, CSS, JavaScript (vanilla) ## Konwencje - Ciemny motyw - Minimalistyczny design - Polski interfejs ## Ważne zasady - Nie dodawaj bibliotek zewnętrznych - Jeden plik HTML jeśli możliwe - Responsive design (mobile-first)
Teraz uruchom Claude Code:
claude
I wpisz swój pierwszy opis. Claude Code wczyta CLAUDE.md na starcie sesji i będzie znał kontekst Twojego projektu od pierwszej sekundy.
Pierwszy kontakt
Po uruchomieniu Claude Code wpisz:
Stwórz mi prostą stronę HTML z nagłówkiem "Moja pierwsza strona" i jednym akapitem tekstu. Dark theme.
Obserwuj co się dzieje. Claude Code:
- •Weźmie pod uwagę Twój CLAUDE.md
- •Zaplanuje co zrobić
- •Stworzy plik — zależnie od trybu uprawnień najpierw zapyta o zgodę albo zrobi to od razu; w obu przypadkach zobaczysz, co powstało
- •Może zaproponować podgląd
To Twój pierwszy vibe coding moment.