react-hook-form-zod-shadcn

Name: react-hook-form-zod-shadcn
Author: sortweste

✓

sortweste/frontend-skillsGitHub: sortweste/frontend-skills 来源: sortweste/frontend-skills

在 React 中构建表单。当用户需要在 React 中构建或重构表单时使用。

sortweste·react·hook·form·zod·shadcn

5安装·0热度·@sortweste

安装

GitHub: sortweste/frontend-skills

$npx skills add https://github.com/sortweste/frontend-skills --skill react-hook-form-zod-shadcn

如何安装 react-hook-form-zod-shadcn

通过命令行快速安装 react-hook-form-zod-shadcn AI 技能到你的开发环境

打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
运行安装命令: 复制并运行以下命令：npx skills add https://github.com/sortweste/frontend-skills --skill react-hook-form-zod-shadcn
验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源：sortweste/frontend-skills。

SKILL.md

查看原文

Always add 'use client' at the top of form component files.

All forms must use the shadcn/ui Field component pattern with react-hook-form integration.

Define the schema outside the component for performance. Use Zod for schema definition.

在 React 中构建表单。当用户需要在 React 中构建或重构表单时使用。来源：sortweste/frontend-skills。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令: npx skills add https://github.com/sortweste/frontend-skills --skill react-hook-form-zod-shadcn
来源: sortweste/frontend-skills
分类: </>开发工具
认证: ✓
收录时间: 2026-02-25
更新时间: 2026-03-11
链接: https://www.learn-skills.dev/zh/skills/sortweste/frontend-skills/react-hook-form-zod-shadcn

Browse more skills from sortweste/frontend-skills

快速解答

什么是 react-hook-form-zod-shadcn？

在 React 中构建表单。当用户需要在 React 中构建或重构表单时使用。来源：sortweste/frontend-skills。

如何安装 react-hook-form-zod-shadcn？

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）复制并运行以下命令：npx skills add https://github.com/sortweste/frontend-skills --skill react-hook-form-zod-shadcn 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪？

https://github.com/sortweste/frontend-skills

详情

分类: </>开发工具
来源: skills.sh
收录时间: 2026-02-25