form-react
✓React Hook Form (デフォルト) と Zod 統合を備えた TanStack Form を使用した、本番環境に対応した React フォーム パターン。 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
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01