writing-forms

What problem does it solve?

This Skill streamlines the creation of user interfaces by enforcing best practices for form development, ensuring data integrity, and improving user experience.

Core Features & Use Cases

• Declarative Form Structure: Define forms using react-hook-form and validate them with Zod.
• Comprehensive Validation: Handles field-level, form-level, and API-level error management.
• Specialized Inputs: Integrates with OTP and phone number components.
• Accessibility & Testing: Enforces ARIA attributes and provides data-test attributes for robust testing.
• Use Case: When building a user registration page, this skill ensures all fields are validated correctly, error messages are displayed clearly, and the form submission state is managed gracefully.

Quick Start

Use the writing-forms skill to create a login form with email and password fields, ensuring validation with Zod and displaying errors.