formisch

Automates schema-based form state and validation across React, Vue, Solid, Preact, Svelte, and Qwik.

1|Updated Mar 16, 2026
One-click install
npx skills add https://github.com/otography/otography-app --skill formisch
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: formisch
Source: https://github.com/otography/otography-app/tree/main/.agents/skills/formisch
Command: npx skills add https://github.com/otography/otography-app --skill formisch

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Formisch provides a single schema-based form model that works across React, Vue, Solid, Preact, Svelte, and Qwik, enabling type-safe form state, validation, and field management without framework-specific boilerplate.

Core Features & Use Cases

  • Schema-first form design using Valibot for automatic type inference.
  • Cross-framework form stores and field primitives for consistent UX.
  • Framework-native hooks like useForm across React, Vue, Solid, Preact, Svelte, and Qwik.
  • Real-world use cases include login forms, multi-step forms, and dynamic arrays with strong typing.

Quick Start

Install Valibot and Formisch for your framework, then create a form with useForm({ schema: MySchema }).

Frequently Asked Questions about formisch

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

FAQPage Schema
How do I handle type-safe form validation across React and Vue?

Type-safe form validation across React and Vue is handled by defining a schema with Valibot and using framework-native hooks like useForm to manage form state, validation, and field interactions without framework-specific boilerplate.

What is the best way to manage multi-step forms with TypeScript?

Managing multi-step forms with TypeScript is best done using a schema-first form model with Valibot, which enables automatic type inference and consistent field management across supported frameworks.

Do I need Valibot to build forms with this approach?

Yes, Valibot is required to build forms with this approach. It provides the schema-based form model that drives automatic type inference and validation logic across React, Vue, Solid, Preact, Svelte, and Qwik.

Can I use the same form state management across Solid, Preact, Svelte, and Qwik?

Yes, you can use the same form state management across Solid, Preact, Svelte, and Qwik. A single schema-based form model exposes cross-framework form stores and field primitives for consistent typed workflows.

How do I set up a form with schema-based validation?

To set up a form with schema-based validation, install Valibot and Formisch for your framework, then initialize your form by calling useForm with your defined schema object to enable automatic type inference and state management.

Does schema-first form design support dynamic arrays and complex field interactions?

Schema-first form design supports dynamic arrays and complex field interactions. Using Valibot schemas ensures strong typing for dynamic form fields while maintaining consistent state management across all supported frameworks.