DimitriGilbertDimitriGilbertCommunityยท1 Agent Skills Included

Formedible

Type-safe React form building with validation and multi-step wizards

Builds complex React forms from declarative schemas with 22+ field types, Zod validation, and multi-page wizards. Eliminates manual JSX wiring, repetitive validation logic, and inconsistent field behavior across projects. Guides coding agents through conditional fields, dynamic options, analytics, and the package-first sync workflow.
npx skills add DimitriGilbert/Formedible --all -g -y
Available:

Instructs the agent to always edit the source packages first, then build, sync, and type-check all packages so changes propagate correctly to the web app without breaking the architecture.

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Formedible?โ–ผ

Run `npx skills add DimitriGilbert/Formedible --all -g -y` in your terminal to install the skill globally for your agent.

What is Formedible used for?โ–ผ

Formedible is a type-safe React form library built on TanStack Form that lets you create complex forms, multi-step wizards, and tabbed layouts from a simple declarative field configuration.

How do I create a multi-step form with Formedible?โ–ผ

Assign a page number to each field and define a pages array with titles; Formedible automatically renders navigation, progress indicators, and per-page validation.

Does Formedible support validation?โ–ผ

Yes. It integrates directly with Zod schemas for full type-safe validation, including cross-field rules and async checks, with field names matching schema keys exactly.

Can I add custom field types to Formedible?โ–ผ

Yes. Create a component using BaseFieldWrapper, register it in the field registry, and add it to registry.json; the skill includes ready-made templates for common field patterns.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’