Skip to main content

Implementing Forms

Folder: .github/skills/tsh-implementing-forms/
Used by: Software Engineer

Provides form architecture patterns including schema-based validation, field composition, error handling, multi-step form flows, and accessible form patterns.

Key Areas

AreaCoverage
Schema ValidationZod/Yup schema-driven validation integrated with form libraries
Field CompositionReusable field components wrapping form library primitives
Error HandlingField-level and form-level error display, server error mapping
Multi-Step FormsWizard flows with step validation, progress tracking, data persistence
AccessibilityLabel association, error announcements, required field indicators

When to Use

  • Building forms with complex validation logic.
  • Implementing multi-step wizards.
  • Creating reusable form field components.
  • Integrating form fields with a component library.

Connected Skills

  • tsh-implementing-frontend — Component composition patterns.
  • tsh-ensuring-accessibility — WCAG-compliant form patterns.
  • tsh-writing-hooks — Custom hooks for form state management.