skills/zod-to-form-config/SKILL.md
Configuration for zod-to-form code generation (defineConfig / z2f.config.ts): component library, generation defaults, file selection, and per-schema overrides. Also: zod, zod-v4, forms, form-generation, schema, schema-walker, processor-registry, react-hook-form, schema-driven, form-schema, zod-registry.
npx skillsauth add pradeepmouli/zod-to-form zod-to-form-configInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Configuration for zod-to-form code generation (defineConfig / z2f.config.ts): component library, generation defaults, file selection, and per-schema overrides.
import { defineConfig } from '@zod-to-form/core';
export default defineConfig({ components: { source: '@/components/ui', preset: 'shadcn' },
defaults: { out: 'src/forms', mode: 'submit', overwrite: true },
include: ['*Schema'], exclude: ['InternalSchema'],
fields: { 'address.street': { helpText: 'Include apartment or suite number if applicable' }, phone: { props: { type: 'tel' } } },
schemas: { UserSchema: { name: 'UserProfileForm', out: 'src/forms/user', ...
ZodFormsConfig (7 options — see references/config.md)
Load these on demand — do NOT read all at once:
references/config.md for all settings and defaultstools
Use when working with zod-to-form (core, react, cli, codegen, vite).
tools
Vite plugin for zod-to-form — transforms ?z2f imports into generated form components and optionally replaces <ZodForm> JSX call sites with generated components at build time Use when: You want `import SignupForm from './signup.schema?z2f'` to Just Work in a.... Also: vite, vite-plugin, zod, zod-v4, codegen, forms, form-generation, schema-driven, react-hook-form, build-plugin, jsx-transform.
development
Runtime <ZodForm> renderer for Zod v4 schemas Use when: You need form rendering in storybook, playgrounds, or low-traffic admin UIs —.... Also: zod, zod-v4, react, forms, form-generation, react-hook-form, schema-driven, dynamic-forms, form-renderer, hookform-resolver, zod-form-renderer.
development
Schema walker and processor registry for Zod v4 form generation Use when: You want per-field validation instead of whole-form validation. Also: zod, zod-v4, forms, form-generation, schema, schema-walker, processor-registry, react-hook-form, schema-driven, form-schema, zod-registry.