·react-form-builder
</>

react-form-builder

Next.js アプリケーション用に、react-hook-form、shadcn/ui、Zod 検証、サーバー アクションの統合を使用してクライアント側のフォームを作成します。

17インストール·1トレンド·@darraghh1

インストール

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

react-form-builder のインストール方法

コマンドラインで react-form-builder AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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-builder
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-25
更新日
2026-03-10

Browse more skills from darraghh1/my-claude-setup

クイックアンサー

react-form-builder とは?

Next.js アプリケーション用に、react-hook-form、shadcn/ui、Zod 検証、サーバー アクションの統合を使用してクライアント側のフォームを作成します。 ソース: 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 で使用できるようになります

ソースリポジトリはどこですか?

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