safe-action-forms

| useAction + native form | Simple forms, no complex validation UI | | useHookFormAction (RHF adapter) | Complex forms with field-level errors, validation on change/blur | | useHookFormOptimisticAction | RHF forms with optimistic UI updates |

| @next-safe-action/adapter-react-hook-form | Default | mapToHookFormErrors, types | | @next-safe-action/adapter-react-hook-form/hooks | Hooks | useHookFormAction, useHookFormOptimisticAction, useHookFormActionErrorMapper |

next-safe-action をフォームと統合する場合に使用します。react-hook-form アダプター (useHookFormAction、useHookFormOptimisticAction、mapToHookFormErrors)、ネイティブ HTML フォーム、バインド引数、またはファイルのアップロード ソース: next-safe-action/skills。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/next-safe-action/skills --skill safe-action-forms インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります