Agent skill · software engineering · open-circle

formisch

Form handling with Formisch, the schema-first and type-safe form library for Angular, Preact, Qwik, React, React Native, Solid, Svelte, and Vue. Use when creating forms, handling form state, validating inputs, working with field arrays, or using @formisch/* packages.

Why this skill is useful

Provides specific commands and patterns for integrating Formisch with various frameworks, which the AI wouldn't reliably generate on its own.

What it needs

Requires @formisch/preact, @formisch/qwik, @formisch/react, @formisch/solid, @formisch/svelte, @formisch/vue, valibot installed locally. About 10k tokens when loaded. Last updated 2026-07-24. 15 stars on the source repository.

What this skill does

Formisch This skill helps AI agents work effectively with Formisch, the schema-based, headless form library for modern frameworks. When to Use This Skill When the user asks about form handling with Formisch When managing form state and validation When working with Angular, Preact, Qwik, React, React Native, Solid, Svelte, or Vue forms When integrating Valibot schemas with forms Introduction Formisch is a schema-based, headless form library that works across multiple frameworks. Key highlights: Small bundle size — Starting at ~2.5 kB Schema-based validation — Uses Valibot for type-safe validation Headless design — You control the UI completely Type safety — Full TypeScript support with autocompletion Framework-native — Native performance for each supported framework Supported Frameworks Framework Package Hook/Primitive ------------ ------------------------ -------------- Angular @formisch/angular injectForm Preact @formisch/preact useForm Qwik @formisch/qwik useForm$ React @formisch/react useForm React Native @formisch/react-native useForm SolidJS @formisch/solid createForm Svelte @formisch/svelte createForm Vue @formisch/vue useForm Installation 1. Install Valibot (peer dependency) 2. Install Formisch for your framework Core Concepts Schema-First Design Every form starts with a Valibot schema. Types are automatically inferred from the schema. Form Store The form store manages all form state. Access it via the framework-specific hook/primitive. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills open-circle/formisch

View the source on GitHub

Browse the @skills marketplace