Generate Zod validation schemas, typed form components, and protected CRUD API routes.
npx skills add https://github.com/alisonbessa/bluemoon --skill form-creator
Please help me install this Agent Skill. Skill: form-creator Source: https://github.com/alisonbessa/bluemoon/tree/main/.claude/skills/form-creator Command: npx skills add https://github.com/alisonbessa/bluemoon --skill form-creator
Building forms, validation schemas, and CRUD API scaffolds without boilerplate is time-consuming and error-prone.
src/lib/validations/{feature}.schema.ts and the inferred type for strong typing.src/components/forms/{feature}-form.tsx, using useForm with zodResolver and Shadcn components.src/app/api/{feature}/route.ts with protected access and standard CRUD operations (GET, POST, PATCH).Create a new feature form by following the outlined file structure to generate the validation schema, form component, and API routes.
High-intent search queries and answers about installing and using this skill.
Scaffolding forms and CRUD APIs reduces boilerplate by generating typed validation schemas, interactive form components, and protected RESTful API routes. This approach speeds up development for data-entry features like admin dashboards and onboarding flows.
To set up validation schemas, define and export a TypeScript Zod schema within your validation file structure and infer the type for strong typing. This schema connects to your form component using a zodResolver to enforce client-side data validation.
Yes, you can build interactive client-side forms using Shadcn components integrated with useForm and zodResolver. This combination allows you to manage form state and validation schemas seamlessly for admin dashboards, surveys, and onboarding flows.
Form scaffolding supports protected API routes by implementing RESTful endpoints with standard CRUD operations like GET, POST, and PATCH. This ensures your backend data-entry APIs have proper validation and protected access.
Using a typed form component schema prevents errors by exporting an inferred TypeScript type directly from your Zod validation schema. This ensures your frontend forms and backend API routes share consistent data structures without manual boilerplate.
pingqLINGuide TanStack Start, Shadcn/ui, and Tailwind CSS application development.
jnlanahanBuild multi-layer product features with tests at each layer.
kdinevImport Ignite UI for Angular standalone components into Angular 20+ projects.
finsilabsEmbed shoppable product cards with UTM revenue tracking in CMS platforms.