react-form-builder とは?
Next.js アプリケーション用に、react-hook-form、shadcn/ui、Zod 検証、サーバー アクションの統合を使用してクライアント側のフォームを作成します。 ソース: darraghh1/my-claude-setup。
Next.js アプリケーション用に、react-hook-form、shadcn/ui、Zod 検証、サーバー アクションの統合を使用してクライアント側のフォームを作成します。
コマンドラインで react-form-builder AI スキルを開発環境にすばやくインストール
ソース: darraghh1/my-claude-setup。
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 |
Next.js アプリケーション用に、react-hook-form、shadcn/ui、Zod 検証、サーバー アクションの統合を使用してクライアント側のフォームを作成します。 ソース: darraghh1/my-claude-setup。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builderNext.js アプリケーション用に、react-hook-form、shadcn/ui、Zod 検証、サーバー アクションの統合を使用してクライアント側のフォームを作成します。 ソース: darraghh1/my-claude-setup。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/darraghh1/my-claude-setup