mcpField
W
w-form

w-form

github.com/blockmatic开发1647 次安装4 周前更新
代码仓库

关于 w-form

w-form 是用于在现有 Next 应用中实现表单的技能。它沿用项目已有的提交方式，在客户端与服务端共用 Zod 校验，并检查无障碍支持和表单状态。

主要功能

  1. 01检查并沿用附近表单的提交模式
  2. 02使用同一 Zod 模式进行校验
  3. 03添加无障碍标签与错误状态
  4. 04处理等待、空白和成功状态
  5. 05运行 lint 并测试提交路径

适用场景

  1. 01在 Next 应用中添加表单
  2. 02在客户端和服务端校验输入
  3. 03检查键盘操作的表单提交

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/w-form确认已加载。

详细介绍

在当前 Next 应用中实现一个表单。遵循 next-v16 和 shadcn-v3。如果应用已通过 API 客户端（Fastify + TanStack Query）执行变更，则不要为这些流程引入 Server Actions、useFormStatus 或 useOptimistic。

  1. 检查相邻表单的提交方式。复用该路径。
  2. 使用同一个 Zod schema 进行客户端交互体验和服务端验证。
  3. 使用现有 UI 原语配置无障碍标签、错误、待处理状态，以及空状态、错误状态和成功状态。
  4. 运行 lint，并测试提交、验证失败和键盘操作流程。
  5. 文档：如果行为或命令有变更，则使用 /w-docs。

评论

支持 Markdown