React Hook Form を用いたクライアントサイドフォーム検証のパフォーマンス最適化スキル。useForm、useWatch、useController、useFieldArray、v7.55+ の subscribe() API を活用します。
このスキルは、React Hook Form ライブラリを使用するクライアントサイドの制御されたフォーム（controlled forms）を構築する際に、パフォーマンス最適化を実現するためのものです。useForm、useWatch、useController、useFieldArray、v7.55 以降で導入された subscribe() API といった主要なフックやAPIを活用し、不要な再レンダリングを抑制することで、大規模なフォームでもスムーズな操作を可能にします。主に Cursor、Claude Code、Codex などの AI エージェントがフォーム実装のコード生成・編集時に参照することを想定しています。注意点として、React 19 の Server Actions、useActionState、サーバーサイドのフォーム処理は範囲外です。それらには専用の react-19 スキルを使用してください。スキルの内容は、各APIの具体的な使い方や subscribe() による部分購読のパターンなど、実践的なパフォーマンス改善手法に焦点を当てています。
npx skills add https://github.com/pproenca/dot-skills/tree/main/skills/react-hook-formInstalled? Explore more コーディング＆開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
React Hook Form を用いたクライアントサイドフォーム検証のパフォーマンス最適化。useForm、useWatch、useController、useFieldArray、v7.55+ の subscribe() API を活用します。このスキルは、React Hook Form ライブラリを使用してクライアントサイド制御フォームを構築する際に使用してください。なお、このスキルは React 19 の Server Actions、useActionState、サーバーサイドフォーム処理はカバーしていません（それらには react-19 スキルを使用してください）。
This repo contains 7 individual skills — each has its own dedicated page.
Clean Architecture principles and best practices from Robert C. Martin's book. This skill should be used when designing software systems, reviewing code structure, or refactoring applications to achieve better separation of concerns. Triggers on tasks involving layers, boundaries, dependency direction, entities, use cases, or system architecture.
Code simplification skill for improving clarity, consistency, and maintainability while preserving exact behavior. Use when simplifying code, reducing complexity, cleaning up recent changes, applying refactoring patterns, or improving readability. Triggers on tasks involving code cleanup, simplification, refactoring, or readability improvements.
Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.
nuqs (type-safe URL query state) best practices for Next.js and other React frameworks. This skill should be used when writing, reviewing, or refactoring code that uses nuqs for URL state management. Triggers on tasks involving useQueryState, useQueryStates, search params, URL state, query parameters, nuqs parsers, limitUrlUpdates, Standard Schema, NuqsAdapter, or Next.js routing with state.
TypeScript performance, tsconfig, type errors, async patterns — triggered when the user asks to "optimize TypeScript performance", "speed up tsc compilation", "configure tsconfig.json", "fix type errors", "improve async patterns", or encounters TS errors (TS2322, TS2339, "is not assignable to"). Also triggers on .ts, .tsx, .d.ts file work involving type definitions, module organization, or memory management. Does NOT cover TypeScript basics, framework-specific patterns, or testing.
Vitest testing framework patterns for test setup, async testing, mocking with vi.*, snapshots, and test performance (formerly test-vitest). This skill should be used when writing or debugging Vitest tests. This skill does NOT cover TDD methodology (use test-tdd skill), API mocking with MSW (use test-msw skill), or Jest-specific APIs.
Zod schema validation best practices for type safety, parsing, and error handling. This skill should be used when defining z.object schemas, using z.string validations, safeParse, or z.infer. This skill does NOT cover React Hook Form integration patterns (use react-hook-form skill) or OpenAPI client generation (use orval skill).
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.