القائمة
Generates a form component with validation, error messages, and submit handling
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف 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) })
// ...
}