Automate publish ad form creation with Zod validation and server actions.
npx skills add https://github.com/RosenGray/sima --skill sima-form-creation
Please help me install this Agent Skill. Skill: sima-form-creation Source: https://github.com/RosenGray/sima/tree/main/.cursor/skills/sima-form-creation Command: npx skills add https://github.com/RosenGray/sima --skill sima-form-creation
This Skill provides a structured, best-practice guideline to simplify and standardize the creation of publish-form UIs, reducing boilerplate and ensuring consistency across ad campaigns.
Follow the Quick Start instructions to implement a CarPublishForm using the guidelines and wire it to a publishCarAd server action.
High-intent search queries and answers about installing and using this skill.
To create a publish ad form, structure your client components in a dedicated directory and integrate the conform-to/react library with a Zod schema. Manage form state using useActionState and interact with server actions to handle ad creation or updates.
Handling dependent dropdowns and file uploads requires specific UI components like DropFilesInput within a client-side form structure. You can standardize this behavior by following component guidelines that wire these inputs to your form state and validation schema.
Form state and error handling for client-facing forms are managed by combining the conform-to/react library for real-time validation with useActionState. This setup ensures errors are caught by the Zod schema and displayed within a responsive layout.
Yes, this form creation guideline supports responsive layouts and enforces a specific component structure. Forms must use PascalCase naming, include a top-level "use client" directive, and separate styling into dedicated files to ensure consistency.
Yes, you can use conform-to/react with a Zod schema for real-time form validation. This integration provides the validation logic needed for front-end components, ensuring data integrity before triggering server interactions.
januarfontiConvert client-side data fetching in Next.js to React Server Components.
alinaqiAutomate Reddit Ads API campaign, ad group, and ad management via OAuth2.
aymenhamoudiiDiagnose monotonous spacing and weak visual rhythm in UI compositions.
RemseyMailjardCreate React forms with structured Formik patterns and Yup validation schemas.
