Trzy filary
- PRD (dokument wymagań produktu): co trzeba zbudować
- Plan: jak to zbudować (podejście techniczne)
- Todo: konkretne zadania implementacyjne
Metodologia PRD→Plan→Todo to systematyczne podejście do rozwoju wspomaganego przez AI, które przekształca wysokopoziomowe wymagania w działający kod przez trzy odrębne fazy. Ten przepływ pracy stał się złotym standardem dla zespołów używających Claude Code i Cursor.
Trzy filary
Tradycyjny rozwój często przeskakuje bezpośrednio z wymagań do kodu, prowadząc do:
Podejście PRD→Plan→Todo zapewnia:
PRD definiuje co należy zbudować z perspektywy biznesowej.
# Funkcja: system uwierzytelnienia użytkownika
## PrzeglądKrótki opis funkcji i jej wartości biznesowej
## Historie użytkownikówJako [typ użytkownika], chcę [akcja], aby [korzyść]
## Wymagania funkcjonalne1. Użytkownicy mogą się rejestrować email/hasło2. Wymagana weryfikacja emaila3. Funkcjonalność resetowania hasła4. Opcja "zapamiętaj mnie"
## Wymagania niefunkcjonalne- Czas odpowiedzi < 200ms- Obsługa 10k równoczesnych użytkowników- Zgodność z GDPR- Dostępność WCAG 2.1 AA
## Kryteria akceptacji- ☐ Użytkownik może się pomyślnie zarejestrować- ☐ Nieprawidłowe emaile są odrzucane- ☐ Hasła spełniają wymagania bezpieczeństwa- ☐ Sesja utrzymuje się z "zapamiętaj mnie"
## Poza zakresem- Logowanie społecznościowe (Faza 2)- Uwierzytelnienie dwuskładnikowe (Faza 2)Podmień opis funkcji na własny, ale trzymaj go konkretnym. Mgliste “generate a PRD for auth” daje mglisty PRD.
Funkcja kasy e-commerce
# PRD: funkcja szybkiej kasy
## PrzeglądZaimplementuj kasę jednym kliknięciem dla powracających klientów, aby zmniejszyć porzucanie koszyka o 25%
## Historie użytkowników1. Jako powracający klient, chcę dokończyć zakup jednym kliknięciem2. Jako nowy klient, chcę mieć opcję zapisania moich danych na przyszłość3. Jako admin, chcę śledzić użycie szybkiej kasy
## Wymagania funkcjonalne1. Przechowuj zaszyfrowane metody płatności (zgodnie z PCI)2. Wypełnij adres wysyłki z ostatniego zamówienia3. Pokaż podsumowanie zamówienia przed potwierdzeniem4. Wyślij paragon email natychmiast5. Aktualizuj zapasy w czasie rzeczywistym
## Wymagania wydajności- Dokończenie kasy < 3 sekundy- Obsługa 1000 równoczesnych kas- 99.9% dostępności w godzinach biznesowychPlan przekłada wymagania biznesowe na architekturę techniczną i podejście.
Zacznij od przekształcenia PRD w plan, a następnie zejdź do komponentów i ryzyk.
Następnie naciśnij AI, aby rozłożyło architekturę na części i ujawniło ryzyka:
Break down the architecture into:- Frontend components/pages needed- Backend services/modules- Database schema changes- External service integrations- Infrastructure requirements
Then list the technical risks and how we mitigate each one(performance bottlenecks, security vulnerabilities, scalabilitylimits, third-party dependencies).# Plan techniczny: uwierzytelnienie użytkownika
## Przegląd architektury- Uwierzytelnienie bezstanowe oparte na JWT- PostgreSQL dla danych użytkownika- Redis do zarządzania sesjami- Usługa email do powiadomień
## Projekt APIPOST /api/auth/registerPOST /api/auth/loginPOST /api/auth/logoutPOST /api/auth/refreshPOST /api/auth/reset-password
## Schemat bazy danychusers:- id (uuid, klucz główny)- email (unikalny, indeksowany)- password_hash- email_verified (boolean)- created_at, updated_at
sessions:- token (klucz główny)- user_id (klucz obcy)- expires_at- ip_address
## Środki bezpieczeństwa- Bcrypt do hashowania haseł (12 rund)- Ograniczanie częstotliwości na endpointach auth- Prawidłowo skonfigurowany CORS- Walidacja wejść na wszystkich polach# Plan techniczny frontend
## Architektura komponentów- AuthProvider (kontekst dla stanu auth)- Komponent LoginForm- Komponent RegisterForm- PasswordResetFlow- AuthGuard HOC dla chronionego routingu
## Zarządzanie stanem- Hook useAuth do operacji auth- Local storage do trwałości tokenów- Session storage do tymczasowych danych
## Przepływ UI/UX1. Formularze auth oparte na modalu2. Walidacja w czasie rzeczywistym3. Stany ładowania podczas wywołań API4. Powiadomienia sukcesu/błędu5. Przekierowanie po logowaniu
## Wydajność- Lazy load komponentów auth- Prefetch sprawdzenia auth przy ładowaniu aplikacji- Optymistyczne aktualizacje UILista todo dzieli plan na konkretne, wykonalne zadania, które można zaimplementować.
# Todo implementacji: uwierzytelnienie użytkownika
## Konfiguracja bazy danych (P0)- ☐ Stwórz migracje bazy danych dla tabeli users- ☐ Stwórz migracje bazy danych dla tabeli sessions- ☐ Dodaj indeksy dla wyszukiwania email i token- ☐ Zasiej bazę danych testowymi użytkownikami
## API backend (P0)- ☐ Zaimplementuj narzędzie hashowania haseł- ☐ Stwórz endpoint POST /api/auth/register - Walidacja wejść - Sprawdzenie unikalności email - Wyślij email weryfikacyjny- ☐ Stwórz endpoint POST /api/auth/login - Waliduj dane uwierzytelnienia - Wygeneruj token JWT - Stwórz rekord sesji- ☐ Dodaj middleware ograniczania częstotliwości- ☐ Napisz testy integracji API
## Komponenty frontend (P1)- ☐ Stwórz AuthContext i Provider- ☐ Zaimplementuj hook useAuth- ☐ Zbuduj komponent LoginForm - Walidacja formularza - Obsługa błędów - Stany ładowania- ☐ Zbuduj komponent RegisterForm- ☐ Dodaj AuthGuard HOC- ☐ Napisz testy komponentów
## Integracja (P1)- ☐ Połącz frontend z API backend- ☐ Zaimplementuj logikę odświeżania tokenów- ☐ Dodaj interceptory błędów- ☐ Przetestuj pełny przepływ auth
## Dokumentacja (P2)- ☐ Udokumentuj endpointy API- ☐ Stwórz diagram przepływu auth- ☐ Napisz przewodnik wdrożenia## Todo: zaimplementuj rejestrację użytkownika
**Zadanie**: Stwórz endpoint rejestracji użytkownika**Kryteria akceptacji**:- Waliduje format email- Sprawdza unikalność email- Hashuje hasło z bcrypt- Wysyła email weryfikacyjny- Zwraca odpowiednie błędy
**Zależności**: migracje bazy danych ukończone**Priorytet**: P0**Szacowany czas**: 2 godziny
**Notatki implementacyjne**:- Użyj Joi do walidacji- Zwróć 409 dla duplikatu email- Loguj próby rejestracjiPrzepływ od PRD do planu do todo jest w duchu identyczny we wszystkich trzech narzędziach: podajesz PRD, planujesz w trybie tylko do odczytu, a potem implementujesz po jednym todo na raz. Różni się to, jak każde narzędzie wchłania kontekst i bramkuje swoje edycje.
Odwołaj się do PRD przez @docs/auth-prd.md, przełącz agenta w tryb Plan, aby przejrzeć podejście, a następnie zaakceptuj, by zaimplementować. Twoje konwencje żyją w .cursor/rules (nowoczesny następca .cursorrules).
Read @docs/auth-prd.md. In Plan mode, propose the technicalplan and the file changes for the database schema and theregister/login endpoints. Follow the conventions in.cursor/rules. I'll review the plan before you apply edits.Następnie przepracuj listę todo skoncentrowanymi działaniami uzupełniającymi, akceptując każdy diff przed przejściem dalej.
Uruchom claude w katalogu projektu i podaj mu PRD. Użyj /plan, aby planował w trybie tylko do odczytu, zanim dotknie plików; Claude śledzi powstałe todo w ramach sesji i przerabia je po jednym na raz.
Read the requirements in @docs/auth-prd.md, then enter planmode and produce a technical plan. Once I approve it, convertit into a todo list, track those todos, and implement them oneat a time, pausing after each for review.Aby uzyskać głębsze rozumowanie podczas planowania, podnieś poziom wysiłku w /model, zamiast pisać “think harder” (słowa kluczowe rozumowania nie przydzielają już budżetu).
Umieść trwały kontekst projektu w AGENTS.md w katalogu głównym repozytorium, aby każda sesja ładowała Twoje konwencje. Uruchom codex, przełącz /plan-mode (lub zacznij od codex --sandbox read-only), aby planować bez edycji, i uruchom /review na diffie, zanim cokolwiek umieścisz w staging.
Read @docs/auth-prd.md and the conventions in AGENTS.md. Inplan mode, produce the technical plan and a dependency-orderedtodo list. After I approve, implement the first task only, thenstop so I can /review the diff.Strumieniowany plan pokazuje każdy krok jako oczekujący, w trakcie lub ukończony, więc możesz obserwować, jak Codex maszeruje w dół listy.
Pętla sprzężenia zwrotnego
Po implementacji, zaktualizuj swoje dokumenty:
Współdzielone dokumenty
/docs/requirements//docs/architecture//docs/tasks/ lub narzędziu zarządzania projektamiDzielenie kontekstu AI
@docs/requirements/auth-prd.mdMetodologia zawodzi w przewidywalny sposób, gdy uruchamiasz ją na prawdziwych funkcjach. Oto tryby awarii i prompty ratunkowe, które sprowadzają Cię z powrotem na właściwy tor.
Śledź te metryki, aby ulepszyć swój proces:
Zespoły, które przyjmują przepływ pracy zaczynający od planu, zazwyczaj raportują szybsze dostarczanie i mniej regresji przy dużych migracjach, w dużej mierze dlatego, że faza planowania ujawnia przypadki brzegowe przed napisaniem jakiegokolwiek kodu, a nie podczas bolesnego przeglądu.
Użyj ich, aby wzmocnić plan i ułożyć kolejność pracy, gdy todo już istnieją.