Menú
Generates a form component with validation, error messages, and submit handling
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Analyzes the current session's token usage, pinpoints where tokens were wasted, and produces concrete optimization actions
Generates API documentation from route definitions (Express, Fastify, Hono, etc.)
Adds caching to expensive operations - Redis, in-memory, HTTP cache headers
Staged değişiklikleri analiz edip Conventional Commits formatında commit mesajı oluşturur
Reports cyclomatic complexity hotspots and refactoring suggestions
Finds unused functions, variables, exports, and dependencies across the codebase
| name | form-gen |
| description | Generates a form component with validation, error messages, and submit handling |
| argument-hint | <form-description> |
| user-invocable | true |
| allowed-tools | Read Glob Edit |
| effort | medium |
Form description: $ARGUMENTS
cat package.json | grep -E '"react-hook-form"|"formik"|"react-final-form"|"@tanstack/form"'
cat package.json | grep -E '"zod"|"yup"|"joi"'
Read an existing form component to match patterns.
Generate the form with:
aria-describedby)name attributes for autofillautocomplete hints where applicableTypeScript types for form values and submit handler.
Example output for a login form:
const loginSchema = z.object({
email: z.string().email('Invalid email'),
password: z.string().min(8, 'At least 8 characters'),
})
export function LoginForm({ onSubmit }: LoginFormProps) {
const form = useForm({ resolver: zodResolver(loginSchema) })
// ...
}