react-hook-form-writer
Write and refactor React forms using react-hook-form with Zod validation. Use when creating new form components, converting existing forms to react-hook-form, or implementing form validation patterns.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Write and refactor React forms using react-hook-form with Zod validation. Use when creating new form components, converting existing forms to react-hook-form, or implementing form validation patterns.
How to use
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.