← All skill packs

Software Development Skills

Skill pack
4 skills0 selected
pradeepmouliSkills in this pack

@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....

English

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....

English

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.

English

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.

English

Includes Zod to Form CLI, Zod to Form Codegen, Zod to Form Config, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills4CategorygeneralStars0

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

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. 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:

Example request
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.
Software Development Skills | Agent Skills Atlas