mcpField
W
w-form

w-form

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

关于 w-form

w-form 是用于在现有 Next 应用中实现表单的 Basilic 工作流 Agent 技能，强调共享 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-icebox/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