メニュー
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) })
// ...
}