generate-form

What problem does it solve?

This Skill automates the boilerplate creation of a React form component with validation, state management, and store integration, reducing repetitive coding tasks.

Core Features & Use Cases

• Generates a standalone component at src/components/forms/{FormName}.tsx with use client, useState for fields, and a submit handler wired to a store action.
• Includes validation scaffolding, error handling, and UI with shadcn/ui components.
• Use Case: Create a new data-entry form for WaterIntake, SleepLog, or similar, with optional list management (add/remove items) as demonstrated in the pattern.

Quick Start

Ask the user for: 1) Form name, 2) Fields and types, 3) Store action to call on submit, 4) Whether it includes a list. Then generate the file at the specified path following the MealLogForm.tsx pattern.