composable-svelte-forms

What problem does it solve?

Building forms in client apps often leads to duplicated boilerplate, inconsistent validation, and wiring between form state and the rest of the app. This Skill provides reusable form patterns and integrated validation for Composable Svelte to streamline form creation and maintenance.

Core Features & Use Cases

• Zod-based validation: Seamlessly validate form data with Zod schemas and provide field-level errors.
• FormConfig + createFormReducer: Centralize form setup and manage form state via reducers for predictable behavior.
• Reactive wrappers: Use lightweight reactive patterns to bind form state to parent components and share form logic.

Quick Start

Define a Zod schema, create a formConfig, and wire it into a Svelte component using a reactive wrapper pattern to connect the form state to the UI and handle submission.