react-form-builder

Name: react-form-builder
Author: darraghh1

✓

darraghh1/my-claude-setupGitHub: darraghh1/my-claude-setup Source: darraghh1/my-claude-setup

Create client-side forms with react-hook-form, shadcn/ui, Zod validation, and server action integration for Next.js applications.

darraghh1·react·form·builder

17Installs·1Trend·@darraghh1

Installation

GitHub: darraghh1/my-claude-setup

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

How to Install react-form-builder

Quickly install react-form-builder AI skill to your development environment via command line

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder
Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: darraghh1/my-claude-setup.

SKILL.md

View raw

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 |

Create client-side forms with react-hook-form, shadcn/ui, Zod validation, and server action integration for Next.js applications. Source: darraghh1/my-claude-setup.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder
Source: darraghh1/my-claude-setup
Category: </>Dev Tools
Verified: ✓
First Seen: 2026-02-25
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/darraghh1/my-claude-setup/react-form-builder

Browse more skills from darraghh1/my-claude-setup

Quick answers

What is react-form-builder?

Create client-side forms with react-hook-form, shadcn/ui, Zod validation, and server action integration for Next.js applications. Source: darraghh1/my-claude-setup.

How do I install react-form-builder?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw