Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Tworzenie formularzy bez boilerplate'u. Opisz pola, które potrzebujesz, a narzędzie wygeneruje kompletny komponent React z wbudowaną walidacją, obsługą błędów i dostępnością. Używa react-hook-form i zod do zarządzania stanem i schematami walidacji. Idealne do szybkiego prototypowania, nauki frameworków lub budowania formularzy bez ręcznego pisania kodu.
Jak używać
Upewnij się, że masz zainstalowany Node.js 18 lub nowszy oraz ustawioną zmienną środowiskową OPENAI_API_KEY z kluczem do API OpenAI.
Uruchom narzędzie z opisem formularza, który chcesz wygenerować. Przykład: npx @lxgicstudios/ai-form "formularz rejestracji z polem email, hasło i imię". Narzędzie automatycznie określi pola i reguły walidacji.
Aby wygenerować komponent w TypeScript, dodaj flagę -t na końcu komendy: npx @lxgicstudios/ai-form "formularz rejestracji z email, hasło, imię" -t. TypeScript pomoże wyłapać błędy na etapie kompilacji.
Jeśli chcesz zapisać wygenerowany komponent do konkretnego pliku, użyj flagi -o: npx @lxgicstudios/ai-form "formularz kontaktowy" -o MojFormularz.tsx -t. Plik zostanie utworzony w bieżącym katalogu.
Wygenerowany komponent będzie zawierać walidację, obsługę stanów błędów i atrybuty dostępności. Rozważ dodanie stanów ładowania, aby pokazać postęp podczas wysyłania formularza, oraz wyświetlanie błędów inline zamiast czekania na submit.