Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność do tworzenia i refaktoryzacji formularzy React z użyciem react-hook-form i walidacji Zod. Zastosuj ją podczas budowania nowych komponentów formularzy, konwersji istniejących formularzy lub implementacji wzorców walidacji. Skill wspiera złożone scenariusze: formularze zagnieżdżone, tablice pól i wieloetapowe procesy. Zawsze definiuje schematy walidacji za pomocą Zod i integruje je przez zodResolver, preferując hook useController dla lepszej composability w niestandardowych komponentach pól.
Jak używać
Zainstaluj skill react-hook-form-writer w swoim projekcie Claude/Codex/Copilot, wskazując repozytorium dust-tt.
Przygotuj specyfikację formularza: określ pola, ich typy danych i reguły walidacji (np. wymagane pola, format email, zakresy liczb).
Poproś skill o napisanie nowego komponentu formularza lub refaktoryzację istniejącego. Skill automatycznie utworzy schemat Zod z odpowiednimi walidatorami i zinteguje go przez zodResolver.
Dla pól niestandardowych użyj hook useController zamiast komponentu Controller — zapewnia to lepszą composability i elastyczność w budowaniu własnych komponentów pól.
Jeśli formularze zawierają złożone wzorce (pola zagnieżdżone, dynamiczne tablice pól, wieloetapowe kroki), opisz strukturę, a skill wygeneruje kod następujący najlepsze praktyki projektu.
Zweryfikuj wygenerowany kod: sprawdź, czy walidacja Zod pokrywa wszystkie wymagania, a komponenty pól prawidłowo obsługują błędy i wartości domyślne.