Toolverse
All skills

form-gen

by openclaw

Generate form components with validation. Use when building forms.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
openclaw
Category
Mobile

About this skill

Generate form components with validation. Use when building forms.

How to use

  1. Upewnij się, że masz zainstalowany Node.js 18 lub nowszy oraz ustawioną zmienną środowiskową OPENAI_API_KEY z kluczem do API OpenAI.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

Related skills

swift-best-practices

by sammcj

This skill should be used when writing or reviewing Swift code for iOS or macOS projects. Apply modern Swift 6+ best practices, concurrency patterns, API design guidelines, and migration strategies. Covers async/await, actors, MainActor, Sendable, typed throws, and Swift 6

Mobile
36140

kotlin-multiplatform

by vitorpamplona

Platform abstraction decision-making for Amethyst KMP project. Guides when to abstract vs keep platform-specific,\nsource set placement (commonMain, jvmAndroid, platform-specific), expect/actual patterns. Covers primary targets\n(Android, JVM/Desktop, iOS) with web/wasm future

Mobile
15105

react-native-design

by wshobson

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.

Mobile
1964

garmin-connect

by openclaw

Syncs daily health and fitness data from Garmin Connect into markdown files. Provides sleep, activity, heart rate, stress, body battery, HRV, SpO2, and weight data.

Mobile
37119

build-iphone-apps

by glittercowboy

Build professional native iPhone apps in Swift with SwiftUI and UIKit. Full lifecycle - build, debug, test, optimize, ship. CLI-only, no Xcode. Targets iOS 26 with iOS 18 compatibility.

Mobile
1182

vercel-react-native-skills

by vercel-labs

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or

Mobile
1745