epic-forms

Build validated forms in Epic Stack with Zod and Conform.

5.5k|464|Updated May 4, 2023
One-click install
npx skills add https://github.com/epicweb-dev/epic-stack --skill epic-forms
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: epic-forms
Source: https://github.com/epicweb-dev/epic-stack/tree/main/docs/skills/epic-forms
Command: npx skills add https://github.com/epicweb-dev/epic-stack --skill epic-forms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers build robust, validated forms in Epic Stack by combining Conform and Zod to reduce boilerplate and prevent runtime form errors.

Core Features & Use Cases

  • Explicit schema-driven validation with Zod for both client and server.
  • Progressive enhancement using Conform for accessible forms that work without JS.
  • Reusable form patterns: field components, fieldsets, async and file validation, honeypots.

Quick Start

Use the epic-forms skill to scaffold and validate a login form with email and password fields, using Zod schemas and Conform to manage form state.

Frequently Asked Questions about epic-forms

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

FAQPage Schema
How do I build validated forms in an Epic Stack application?

To build robust forms in an Epic Stack application, use Zod for explicit schema-driven validation and Conform for progressive enhancement, reducing boilerplate and preventing runtime form errors while ensuring accessibility without JavaScript.

What is the best way to handle server-side validation and async checks in Epic Stack?

The best way to handle server-side validation and async checks in Epic Stack is by applying reusable Zod schemas across routes, enforcing explicit validation rules consistently shared between both client and server environments.

Can I use Conform and Zod for file uploads and honeypot protection?

Yes, you can use Conform and Zod for file uploads and honeypot protection by applying recommended Epic Stack patterns for field components, async validation, and fieldsets within your schema definitions.

How do I scaffold a login form with progressive enhancement in Epic Stack?

To scaffold a login form with progressive enhancement in Epic Stack, define email and password fields using Zod schemas and use Conform to manage form state, ensuring the form functions without JavaScript.

Does Epic Stack form validation work without JavaScript enabled?

Yes, Epic Stack form validation works without JavaScript enabled by leveraging Conform for progressive enhancement, which maintains accessibility and server-side validation through Zod schemas.

Related Skills