·form-react
</>

form-react

bbeierle12/skill-mcp-claude

React Hook Form (デフォルト) と Zod 統合を備えた TanStack Form を使用した、本番環境に対応した React フォーム パターン。 React アプリケーションでフォームを構築するときに使用します。報酬、早期、罰、遅延の検証タイミングを実装します。

22インストール·0トレンド·@bbeierle12

インストール

$npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-react

SKILL.md

Production React form patterns. Default stack: React Hook Form + Zod.

| Criteria | React Hook Form | TanStack Form |

| Performance | ✅ Best (uncontrolled) | Good (controlled) | | Bundle size | 12KB | 15KB | | TypeScript | Good | ✅ Excellent | | Cross-framework | ❌ React only | ✅ Multi-framework | | React Native | Requires workarounds | ✅ Native support | | Built-in async validation | Manual | ✅ Built-in debouncing | | Ecosystem | ✅ Mature (4+ years) | Growing |

React Hook Form (デフォルト) と Zod 統合を備えた TanStack Form を使用した、本番環境に対応した React フォーム パターン。 React アプリケーションでフォームを構築するときに使用します。報酬、早期、罰、遅延の検証タイミングを実装します。 ソース: bbeierle12/skill-mcp-claude。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-react
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

form-react とは?

React Hook Form (デフォルト) と Zod 統合を備えた TanStack Form を使用した、本番環境に対応した React フォーム パターン。 React アプリケーションでフォームを構築するときに使用します。報酬、早期、罰、遅延の検証タイミングを実装します。 ソース: bbeierle12/skill-mcp-claude。

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

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

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

https://github.com/bbeierle12/skill-mcp-claude