W Form

blockmatic/basilic-skills/skills/workflow/w-form

作者 blockmatic7e05e2abd052dc6b526e8a28e36d102d42bfd635无许可证1 个星标收录于 2026年10月9日更新于 2026年10月9日仓库6天前更新

Build a Next.js form using the app's existing mutation path, not a second stack.

仅含说明Software Development
AI 生成的概览

使用应用现有的变更路径和共享 Zod 校验，在 Next.js 中实现表单。

功能
该技能指导智能体在现有 Next.js 应用中添加表单。它要求智能体先查看相邻表单的提交方式并复用同一变更路径，在客户端与服务端校验之间共享一个 Zod schema，并使用现有 UI 基础组件接入无障碍标签、错误、待处理以及空/错误/成功状态。它还涵盖运行 lint、验证提交、校验失败和键盘操作路径，并在行为或命令变化时更新文档。
适用场景
适用于需要向已有既定变更模式的 Next.js 应用添加表单的场景。它面向与现有提交流程保持一致比引入新表单 API 更重要的情形。
运行要求
需要一个具备现有 UI 基础组件和 Zod schema 设置的 Next.js 应用；涉及 next-v16 与 shadcn-v3 约定以及可选的 /w-docs 步骤。不附带脚本，仅为说明性内容。

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.

来源与署名

来源：blockmatic/basilic-skills位于skills/workflow/w-form提交7e05e2a

许可证： 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 blockmatic/basilic-skills 的技能

W V0

blockmatic

根据当前文件起草 Next.js 与 shadcn 的 v0.dev 提示词，并在用户确认后再打开。

AI & Agents16天前更新

W Unit

blockmatic

指导为当前改动添加单元测试，测试文件与实现放在一起，并遵循仓库测试约定。

Software Development16天前更新

W Ui

blockmatic

使用现有设计令牌、无障碍交互和有边界的渲染验证来构建或改造面向用户的界面。

Design & Creative16天前更新

W Test

blockmatic

运行仓库中记录的测试脚本，修复导致失败的根本原因，并反复运行直到测试套件通过。

Software Development16天前更新

W Tdd

blockmatic

以红-绿-重构的 TDD 循环指导实现所要求的代码增量，并运行聚焦测试与相关测试套件。

Software Development16天前更新

W Shadcn

blockmatic

在 monorepo 的共享 UI 包中安装或扩展 shadcn/w-ui 基础组件，并使用正确的导入路径。

Software Development16天前更新

更多Software Development技能

Playground

anthropics

精选

构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。

Software Development37K今天更新

M5 Onboard

anthropics

精选

通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。

Software Development37K今天更新

Cardputer Buddy

anthropics

精选

指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精选

依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。

Software Development32K5周前更新

Vercel React Native Skills

vercel-labs

精选

React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。

Software Development32K5周前更新

Vercel React Best Practices

vercel-labs

精选

Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。

Software Development32K5周前更新