메뉴
Form orchestration patterns for building reusable, type-safe forms with validation. Use when implementing any data entry UI. Includes patterns for form state, field components, validation composition, and creating custom fields.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | form-orchestrator |
| description | Form orchestration patterns for building reusable, type-safe forms with validation. Use when implementing any data entry UI. Includes patterns for form state, field components, validation composition, and creating custom fields. |
Patterns for building scalable forms with validation using the useForm hook, field components, and validators. Agnostic to where forms are used (dialogs, pages, filters).
Reference these guidelines when:
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Hook Configuration | HIGH | hook- |
| 2 | Validation | HIGH | validation- |
| 3 | Field Components | HIGH | field- |
| 4 | Custom Fields | MEDIUM | custom- |
hook-use-form-init - Initialize useForm with proper typingvalidation-compose - Combine multiple validatorsvalidation-custom - Create custom validatorsfield-types - Available field componentsfield-imperative-api - Expose focus/validate methodscustom-field-create - Create new field componentsData table orchestration patterns for building reusable, type-safe data tables with pagination and filtering. Use when implementing list pages with server-side data fetching, filter management, or table components.
React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving Vite configuration, build optimization, code splitting, lazy loading, HMR, bundle size, or React performance.
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.