skills.rest
keidsondesigner
keidsondesignerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

create-form

Create and validate Bewear-style forms using React Hook Form, Zod, and shadcn/ui.

Updated Aug 23, 2026
Search Tags:#validation#zod#forms#form#shadcn-ui#react-hook-form#bewear
One-click install
npx skills add https://github.com/keidsondesigner/nextjs-bewear-ecommerce --skill create-form-keidsondesigner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-form
Source: https://github.com/keidsondesigner/nextjs-bewear-ecommerce/tree/main/.claude/skills/create-form
Command: npx skills add https://github.com/keidsondesigner/nextjs-bewear-ecommerce --skill create-form-keidsondesigner

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill standardizes and accelerates the creation and validation of Bewear-form components, minimizing boilerplate and reducing debugging cycles.

Core Features & Use Cases

  • Enforced Form Stack: Uses React Hook Form v7.62.0, Zod v4.0.17, @hookform/resolvers, and shadcn/ui Form components to ensure consistent behavior.
  • Reference-Driven Structure: Guides developers to implement forms following the standard reference, e.g., src/app/auth/components/sign-in-form.tsx.
  • Error Handling & UX: Includes inline validation messages and loading states to improve user experience.

Quick Start

Use the create-form skill to scaffold or modify a Bewear-style form by following the provided reference and integrating the specified tooling.

Frequently Asked Questions about create-form

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create React Hook Form components with Zod and shadcn/ui validation?▼

To create React Hook Form components with Zod and shadcn/ui validation, this skill enforces a standardized tooling stack and reference structure to scaffold forms with inline validation messages and loading states.

Can I use this skill to add validation to existing authentication and profile forms?▼

Yes, you can use this skill to add validation to existing authentication, cart, and profile forms. It targets both new form development and enhancements by enforcing consistent error handling and UI feedback scenarios.

What is the best way to structure Bewear-style forms for maintainability?▼

The best way to structure Bewear-style forms for maintainability is by following the reference-driven structure, guiding developers to implement components like the sign-in form using standard project paths.

Does this form generation approach require specific library versions to work?▼

Yes, this form generation approach requires specific library versions, enforcing React Hook Form v7.62.0, Zod v4.0.17, and @hookform/resolvers to ensure consistent behavior and reduce debugging cycles.

How do I handle inline error handling and UI feedback in shadcn/ui forms?▼

To handle inline error handling and UI feedback in shadcn/ui forms, this skill includes predefined validation messages and loading states to improve user experience and minimize form boilerplate.

Related Skills

Explore More Software Engineering Skills→
PlazaCCPlazaCC
2

new-shadcn-component

Install shadcn/ui components and scaffold typed wrappers in Next.js projects.

Official
Intermediate
formioformio
6

formio-api

Manage Form.io projects, forms, and submissions via authenticated API calls.

Official
Advanced
ionmidoriionmidori

advanced-form-patterns

Standardize React form implementation with React Hook Form and Zod validation.

Community
Advanced
mgd34msumgd34msu
4

formik

Manage React form state, validation, and submission with Formik.

Community
Intermediate