Build validated React forms with FNForm using formDefinition and formRef.
npx skills add https://github.com/Mavrick91/tanstack-start-app --skill forms-mavrick91
Please help me install this Agent Skill. Skill: forms Source: https://github.com/Mavrick91/tanstack-start-app/tree/main/.claude/skills/forms Command: npx skills add https://github.com/Mavrick91/tanstack-start-app --skill forms-mavrick91
FNForm centralizes complex form logic, enabling rapid creation of robust, validated forms with consistent UX and reduced boilerplate.
Create a simple form using FNForm by supplying a formDefinition and wiring an onSubmit handler.
High-intent search queries and answers about installing and using this skill.
You can build complex validated React forms by defining fields, validation, and layout in a centralized model. This approach reduces boilerplate and ensures consistent UX across admin dashboards and client applications.
A centralized form definition model is a single configuration object where you define form fields, validation logic, and layout rules. It enables rapid form creation with consistent behavior and reduced boilerplate across applications.
You can implement responsive grid-based layouts by configuring rows and columns within your form definition. This organizes multi-field forms into structured layouts that adapt to different screen sizes automatically.
Yes, external form control allows you to programmatically submit forms, access current values, and handle errors via a form reference API. This enables parent components to trigger actions and read form state externally.
You can add custom fields by using render props that integrate non-standard inputs into your form definition. This allows specialized UI components to participate in the standard validation and layout system.
wangzeping114Scaffold a full-stack ShareFlow project with .NET, Vue, and Docker.
ttmouseCollect and summarize feedback via sidebar web forms with Flask and JSON storage.
danghungtb26Decompose UI screens into reusable components with atomic design and API cores.
Sir-chawakornImplement type-safe form validation with React Hook Form and Zod.
