@zod-to-form/cli — Build-time CLI for generating React form components from Zod v4 schemas.\n\nDrives the full code generation pipeline: loads a schema file, walks the Zod internal\ntype tree via @zod-to-form/core, applies per-field overrides from z2f.config.ts,\nand emits static .tsx form components — optionally alongside a Next.js server action\nand a schema-lite file for optimized client-side validation. Use when: You need programmatic codegen from a Node.js script or build tool (not just....
EnglishBrowser-safe code generation utilities for Zod v4 form components.\n\nProvides the building blocks for generating React form TSX files from a\nFormField[] tree and a ZodFormsConfig. No Node.js dependencies — safe\nto import in browser and server environments alike.\n\nKey exports:\n- generateFormComponent — produce a complete TSX form component string\n- getFileHeader — emit import declarations for generated files\n- renderField — render a single field to its JSX string\n- buildConfigSource — generate a z2f.config.ts starter file\n- getFieldTemplateSource — emit the preset FieldTemplate component source\n- generateSchemaLiteFile — emit the lite schema file for optimized validation Use when: Building a custom codegen pipeline that assembles FormField[] and needs the....
EnglishConfiguration 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.
EnglishSchema-driven form generation for Zod v4.\n\nTwo paths to forms:\n- CLI codegen (recommended): Write a z2f.config.ts, run npx zod-to-form generate,\n get static .tsx components. Zero runtime overhead, hand-readable output.\n- Runtime: Import walkSchema() and render dynamically with useZodForm() in React.\n\nBoth paths share the same core: a recursive schema walker that produces FormField[]\nfrom Zod v4's native introspection API. Use when: You want per-field validation instead of whole-form validation.
EnglishIncludes Zod to Form CLI, Zod to Form Codegen, Zod to Form Config, and other workflows.
Supported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Zod to Form CLI
@zod-to-form/cli — Build-time CLI for generating React form components from Zod v4 schemas.\n\nDrives the full code generation pipeline: loads a schema file, walks the Zod internal\ntype tree via @zod-to-form/core, applies per-field overrides from z2f.config.ts,\nand emits static .tsx form components — optionally alongside a Next.js server action\nand a schema-lite file for optimized client-side validation. Use when: You need programmatic codegen from a Node.js script or build tool (not just....
Zod to Form Codegen
Browser-safe code generation utilities for Zod v4 form components.\n\nProvides the building blocks for generating React form TSX files from a\nFormField[] tree and a ZodFormsConfig. No Node.js dependencies — safe\nto import in browser and server environments alike.\n\nKey exports:\n- generateFormComponent — produce a complete TSX form component string\n- getFileHeader — emit import declarations for generated files\n- renderField — render a single field to its JSX string\n- buildConfigSource — generate a z2f.config.ts starter file\n- getFieldTemplateSource — emit the preset FieldTemplate component source\n- generateSchemaLiteFile — emit the lite schema file for optimized validation Use when: Building a custom codegen pipeline that assembles FormField[] and needs the....
Zod to Form Config
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.
Zod to Form Core
Schema-driven form generation for Zod v4.\n\nTwo paths to forms:\n- CLI codegen (recommended): Write a z2f.config.ts, run npx zod-to-form generate,\n get static .tsx components. Zero runtime overhead, hand-readable output.\n- Runtime: Import walkSchema() and render dynamically with useZodForm() in React.\n\nBoth paths share the same core: a recursive schema walker that produces FormField[]\nfrom Zod v4's native introspection API. Use when: You want per-field validation instead of whole-form validation.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Zod to Form CLI skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.