formik-patterns
Formik form handling with validation patterns. Use when building forms, implementing validation, or handling form submission.
Profile →npx skills add sickn33/agentic-awesome-skills --skill formik-patterns --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Formik Patterns ## When to Use Use this skill when you need formik form handling with validation patterns. Use when building forms, implementing validation, or handling form submission. ## Basic Form Setup ```tsx import { useFormik } from 'formik'; import * as yup from 'yup'; const validationSchema = yup.object({ email: yup.string().email('Invalid email').required('Email is required'), password: yup.string().min(8, 'Min 8 characters').required('Password is required'), }); const LoginForm = () => { const formik = useFormik({ initialValues: { email: '', password: '', }, validationSchema, onSubmit: async (values) => { await loginMutation({ variables: { input: values } }); }, }); return ( <VStack gap="$4"> <Input label="Email" value={formik.values.email} onChangeText={formik.handleChange('email')} onBlur={formik.handleBlur('email')} error={formik.touched.email ? formik.errors.email : undefined} keyboardType="email-address" autoCapitalize="none" /> <Input label="Password" value={formik.values.password} onChangeText={formik.handleChange('password')} onBlur={formik.handleBlur('password')} error={formik.touched.password ? formik.errors.password : undefined} secureTextEntry /> <Button onP
- When to Use
- Basic Form Setup
- Validation Schemas
- Common Patterns
- Conditional Validation
- Form Field Helpers
- Input Helper
- Select/Picker Helper
- Form Submission with GraphQL
- Edit Form with Initial Values
- Form State Helpers
- Multi-Step Forms
- Anti-Patterns
- Integration with Other Skills
What does the formik-patterns skill do?
Formik form handling with validation patterns. Use when building forms, implementing validation, or handling form submission.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill formik-patterns --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.