菜单
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) })
// ...
}