Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Generate form components with validation. Use when building forms.
How to use
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.