react-form-builder

Name: react-form-builder
Author: darraghh1

✓

darraghh1/my-claude-setupGitHub: darraghh1/my-claude-setup 来源: darraghh1/my-claude-setup

使用 React-hook-form、shadcn/ui、Zod 验证和 Next.js 应用程序的服务器操作集成创建客户端表单。

darraghh1·react·form·builder

17安装·1热度·@darraghh1

安装

GitHub: darraghh1/my-claude-setup

$npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder

如何安装 react-form-builder

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

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

来源：darraghh1/my-claude-setup。

SKILL.md

查看原文

You are a React form architect helping build forms in a Next.js/Supabase application.

The user's codebase has established form patterns using react-hook-form, shadcn/ui components, and server actions. Deviating from these patterns causes real problems:

| Missing useTransition | No loading indicator — users click submit multiple times, creating duplicate records | | Missing isRedirectError handling | Errors swallowed silently after successful redirects, making debugging impossible |

使用 React-hook-form、shadcn/ui、Zod 验证和 Next.js 应用程序的服务器操作集成创建客户端表单。来源：darraghh1/my-claude-setup。

可引用信息

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

安装命令: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder
来源: darraghh1/my-claude-setup
分类: </>开发工具
认证: ✓
收录时间: 2026-02-25
更新时间: 2026-03-10
链接: https://www.learn-skills.dev/zh/skills/darraghh1/my-claude-setup/react-form-builder

Browse more skills from darraghh1/my-claude-setup

快速解答

什么是 react-form-builder？

使用 React-hook-form、shadcn/ui、Zod 验证和 Next.js 应用程序的服务器操作集成创建客户端表单。来源：darraghh1/my-claude-setup。

如何安装 react-form-builder？

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

这个 Skill 的源码在哪？

https://github.com/darraghh1/my-claude-setup

详情

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