mcpField
W
w-form

w-form

github.com/blockmaticDevelopment1647 installsUpdated 4w ago
Repository

About w-form

w-form is a skill for implementing forms in an existing Next app. It follows the app’s established submission path, shares Zod validation between client and server, and checks accessibility and form states.

Key features

  1. 01Inspect and reuse neighboring submission patterns
  2. 02Share a Zod schema for validation
  3. 03Add accessible labels and error states
  4. 04Handle pending, empty, and success states
  5. 05Run lint and test submission paths

Use cases

  1. 01Add a form to a Next app
  2. 02Validate input on client and server
  3. 03Check keyboard-based form submission

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/blockmatic/basilic-skills --skill w-form

After installing, type/w-formin Claude Code to confirm it loaded.

Details

From the project README

Implement 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.

  1. Inspect how neighboring forms submit. Reuse that path.
  2. Share one Zod schema for client UX and server validation.
  3. Wire accessible labels, errors, pending, and empty/error/success states with existing UI primitives.
  4. Run lint and exercise submit, validation failure, and keyboard path.
  5. Docs: /w-docs if behavior or commands changed.

Comments

Markdown supported