epic-forms

Validate Epic Stack forms with Conform and Zod schemas.

Updated Jan 29, 2026
One-click install
npx skills add https://github.com/walbuc/iac-sorteios --skill epic-forms-walbuc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: epic-forms
Source: https://github.com/walbuc/iac-sorteios/tree/main/docs/skills/epic-forms
Command: npx skills add https://github.com/walbuc/iac-sorteios --skill epic-forms-walbuc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps teams implement robust, schema-driven forms in Epic Stack apps using Conform for progressive enhancement and Zod for explicit validation, reducing frontend/backend discrepancies and form errors.

Core Features & Use Cases

  • Explicit, reusable Zod schemas for client and server validation.
  • Progressive enhancement with Conform to provide native HTML validation and enhanced UX.
  • Support for complex forms including field arrays, file uploads, honeypot protections, and async validation.

Quick Start

Define a Zod-based schema and wire it into a Conform-enabled form to validate input on both client and server.

Frequently Asked Questions about epic-forms

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add schema-driven form validation to an Epic Stack app?

You can implement schema-driven form validation in an Epic Stack app by defining a Zod schema and wiring it into a Conform-enabled form. This provides explicit, reusable validation rules on both client and server.

Can I handle file uploads and field arrays using Conform and Zod?

Yes, Conform and Zod support complex form workflows including file uploads, field arrays, and honeypot protections. This allows you to manage advanced inputs while maintaining progressive enhancement and typed validation.

What is the best way to prevent frontend and backend validation discrepancies in React forms?

Using explicit, reusable Zod schemas for both client and server validation prevents frontend and backend discrepancies. Integrating Zod with Conform ensures progressive enhancement and native HTML validation across your React forms.

Does progressive enhancement with Conform support async validation checks?

Yes, progressive enhancement with Conform supports asynchronous validation checks alongside standard form inputs. This enables you to perform server-side and asynchronous data validation without breaking the native HTML form experience.

How do I start building a form with Zod schemas and Conform integration?

To start building a form, define a Zod-based schema for your inputs and wire it into a Conform-enabled form component. This setup validates input across both client and server while providing enhanced error handling.

When do I need honeypot protection for React forms?

You need honeypot protection when you want to prevent automated bot submissions in your React forms. The Conform integration supports honeypot fields alongside standard inputs, field arrays, and file uploads to secure your data.