About w-form
w-form is a Basilic workflow agent skill for implementing forms in an existing Next app. It emphasizes shared Zod validation, accessible states, and following the app's established submission path.
Key features
- 01Follow the app's existing form submission path
- 02Share a Zod schema for client and server validation
- 03Add accessible labels and error states
- 04Handle pending, empty, error, and success states
- 05Run lint and exercise form interactions
Use cases
- 01Implement a form in an existing Next app
- 02Validate form input on client and server
- 03Check submission, validation errors, and keyboard access
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ blockmatic-icebox/ basilic-skills --skill w-formAfter installing, type/w-formin Claude Code to confirm it loaded.
Details
From the project READMEImplement a form in the current Next app. Follow next-v16 and shadcn-v3. If the app already mutates through an API client (Fastify + TanStack Query), do not introduce Server Actions, useFormStatus, or useOptimistic for those flows.
- Inspect how neighboring forms submit. Reuse that path.
- Share one Zod schema for client UX and server validation.
- Wire accessible labels, errors, pending, and empty/error/success states with existing UI primitives.
- Run lint and exercise submit, validation failure, and keyboard path.
- Docs:
/w-docsif behavior or commands changed.
Comments
Markdown supported