epic-forms

Implement type-safe Epic Stack forms with Conform and Zod.

Updated Jan 31, 2026
One-click install
npx skills add https://github.com/M-Kolacz/michalkolacz.com --skill epic-forms-m-kolacz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: epic-forms
Source: https://github.com/M-Kolacz/michalkolacz.com/tree/main/docs/skills/epic-forms
Command: npx skills add https://github.com/M-Kolacz/michalkolacz.com --skill epic-forms-m-kolacz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers implement reliable form validation in Epic Stack applications.

Core Features & Use Cases

  • Conform-based progressive enhancement: Build accessible forms that work with or without JavaScript.
  • Zod-based validation: Centralized, explicit schemas for client and server validation.
  • Complex form support: Handles file uploads, honeypot fields, fieldsets and arrays.
  • Use Case: Create a contact form with validation, or a multi-step form with dynamic fields.

Quick Start

Install and configure Conform and Zod in your Epic Stack project, then define a simple SignupSchema and wire it into a route using useForm and getFormProps.

Frequently Asked Questions about epic-forms

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

FAQPage Schema
How do I implement type-safe form validation in an Epic Stack application?

You can build type-safe forms in Epic Stack by combining Conform for progressive enhancement and Zod for explicit schema validation. This Skill guides you through wiring schemas into routes using useForm and getFormProps.

What is progressive enhancement for forms and how does Conform handle it?

Progressive enhancement ensures forms remain functional without JavaScript. Conform implements this by managing form state and validation on the server, progressively enhancing the client-side experience with accessible, robust interactions when JavaScript loads.

How do I validate complex form structures like file uploads in Epic Stack?

Complex form structures like file uploads, honeypot fields, and fieldsets are validated by defining explicit Zod schemas. Conform integrates these schemas to manage state and validate nested data across both simple and advanced workflows.

Can I use Conform and Zod to handle multi-step forms with dynamic fields?

Yes, Conform and Zod support complex form scenarios including multi-step forms with dynamic fields. By defining explicit Zod schemas and using Conform's hooks, you can manage progressive enhancement and validation across dynamic form structures.

Do I need JavaScript enabled for Conform forms to work in Epic Stack?

No, Conform forms are built with progressive enhancement, meaning they function reliably without JavaScript. When JavaScript is available, Conform progressively enhances the form UX with client-side validation and state management.

How do I add honeypot protection to an Epic Stack form?

Honeypot protection is handled as a complex form support feature alongside file uploads and fieldsets. By integrating Conform with your Zod schemas, you can configure honeypot fields to prevent automated bot submissions.