메뉴
Przeprowadza code review dla React 19, TailwindCSS v4, shadcn/ui, Supabase, Sentry. Używaj przy przeglądaniu PR, ocenie implementacji fazy/etapu, weryfikacji zgodności z planem. Generuje raport z klasyfikacją problemów (krytyczne/poważne/drobne/sugestie).
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | code-review |
| description | Przeprowadza code review dla React 19, TailwindCSS v4, shadcn/ui, Supabase, Sentry. Używaj przy przeglądaniu PR, ocenie implementacji fazy/etapu, weryfikacji zgodności z planem. Generuje raport z klasyfikacją problemów (krytyczne/poważne/drobne/sugestie). |
Skill do przeprowadzania code review w projekcie React 19 + TailwindCSS v4 + shadcn/ui.
Przed analizą kodu ustal:
git diff --name-only lub git statusNa podstawie zmienionych plików, załaduj odpowiednie sekcje z references/tech-stack-checklist.md:
| Pliki | Sekcje do sprawdzenia |
|---|---|
*.tsx, *.ts w src/ | React 19, TypeScript |
*.tsx z hooks | React 19 (zbędne useMemo/useCallback jeśli React Compiler, stary forwardRef) |
src/lib/supabase.ts, supabase/** | Supabase (RLS, auth, client) |
*.css z @theme | Tailwind CSS 4 (konfiguracja, zmienne CSS) |
| Komponenty UI | Tailwind CSS 4, shadcn/ui, Dostępność |
src/lib/sentry.ts, error handling | Sentry (captureException, Error Boundary) |
Dla każdego zmienionego pliku:
Techniki i przykłady feedbacku → references/review-patterns.md
Częste błędy w tym stacku → references/common-issues.md
🔴 [blocking] KRYTYCZNE — blokuje merge
- Błędy bezpieczeństwa
- Crash/utrata danych
- Wycieki danych (np. select("*") bez filtrowania kolumn)
- Brak Error Boundary opakowującego krytyczne sekcje
- Supabase: brak RLS policies na tabelach z danymi użytkowników
- Sentry: brak captureException w blokach catch
🟠 [important] POWAŻNE — wymaga poprawy
- Supabase: zapytania bez filtrów (brak .eq(), .match())
- Problemy wydajnościowe
- Brak WCAG compliance
- Niespełnione wymagania
- React 19: `useEffect` do fetchowania zamiast React Query
- Tailwind 4: nadużywanie arbitrary values (`w-[123px]`) zamiast tokenów
🟡 [nit] DROBNE — zalecane
- Niespójność stylu
- Lepsze nazewnictwo
- Brakujące typy
- Przestarzałe wzorce (forwardRef, Context.Provider)
- Zbędne useMemo/useCallback (jeśli React Compiler włączony)
🔵 [suggestion] SUGESTIE — opcjonalne
- Alternatywne podejścia
- Propozycje refaktoryzacji
Użyj formatu z sekcji "Format raportu" poniżej.
## Code Review: [nazwa fazy/zadania]
### Podsumowanie
[Krótka ocena: ✅ gotowe / ⚠️ wymaga poprawek / ❌ wymaga znaczących zmian]
### Statystyki
- Plików sprawdzonych: X
- 🔴 [blocking]: X
- 🟠 [important]: X
- 🟡 [nit]: X
- 🔵 [suggestion]: X
### Problemy
#### 🔴 [blocking] Krytyczne
1. **[plik:linia]** — [opis]
- Problem: [co jest źle]
- Rozwiązanie: [jak naprawić]
#### 🟠 [important] Poważne
[jak wyżej]
#### 🟡 [nit] Drobne
1. **[plik:linia]** — [opis]
#### 🔵 [suggestion] Sugestie
1. [propozycja]
### Co zrobiono dobrze
- [pozytywne aspekty]
### Rekomendacja
- [ ] Gotowe do merge
- [ ] Wymaga drobnych poprawek
- [ ] Wymaga znaczących zmian
- [ ] Wymaga przeprojektowania
Ten skill jest wywoływany przez slash komendę /dev-docs-review [ścieżka] [numer-fazy].
Input od subagenta:
Output:
review-faza-X.md z pełnym raportemreferences/tech-stack-checklist.mdreferences/review-patterns.mdreferences/common-issues.mdAktualizuje maszynerię workflow (.claude/: skille, agenci, reguły, hooki, workflows, templates + settings.json) w bieżącym projekcie, zaciągając najnowszą wersję z repo szablonu claude-code-starter. Jednym uruchomieniem sprawdza czy w szablonie pojawiły się jakiekolwiek zmiany i automatycznie je aplikuje. Używaj gdy: „zaktualizuj szablon", „zsynchronizuj .claude", „zaciągnij zmiany z szablonu", „sync template", „czy są nowe skille/agenci", „update workflow", „odśwież folder Claude" — a także po wrzuceniu tego szablonu do nowego projektu, żeby dociągnąć maszynerię. Wywołuj TEN skill zawsze gdy user chce zsynchronizować konfigurację Claude Code z centralnym szablonem, nawet jeśli nie nazwie tego wprost „synchronizacją".
"Cykliczny audyt aktualności skilli technicznych względem żywej dokumentacji (oficjalne docs, changelogi GitHub, npm registry). Weryfikuje wersje, pinowane paczki i wzorce API z żywych źródeł, nie z pamięci modelu. Używaj przy: „audyt aktualności", „freshness", „czy skille są aktualne", „sprawdź wersje w skillach", „czy Stripe/React/Zod w skillach jest aktualny", przeglądzie przeterminowań w guidelines technicznych."
Automatyzacja przeglądarki przez CLI agent-browser. Nawigacja, formularze, screenshoty, scraping, testowanie UI — wszystko przez komendy Bash z ref-based element selection (@e1, @e2). Używaj przy "otwórz stronę", "wypełnij formularz", "zrób screenshot", "scrape page", "testuj UI", "agent-browser".
Walidacja i doprecyzowanie pomysłu przed planowaniem. Interaktywny dialog, pressure test, eksploracja podejść, requirements doc. Używaj przy "mam pomysł", "zróbmy brainstorm", "co myślisz o", "pomóż mi przemyśleć", "chcę zbudować", niejasny scope, wiele możliwych rozwiązań.
Archiwizacja ukończonego zadania i wyciągnięcie kluczowych wniosków.
Kontynuacja pracy nad zadaniem - wykonanie kolejnej fazy/etapu.