React에서 유형이 안전한 양식 관리, 유효성 검사, 필드 구성 및 제출 처리를 위한 TanStack 양식 모범 사례입니다. 복잡한 유효성 검사가 포함된 양식 작성, 스키마 라이브러리 통합(Zod/Valibot/ArkType), 재사용 가능한 양식 구성 요소 구성, 배열/동적 필드를 관리하거나 메타 프레임워크(TanStack Start, Next.js, Remix)와 통합합니다.
명령줄에서 tanstack-form AI 스킬을 개발 환경에 빠르게 설치
출처: fellipeutaka/leon.
Version: @tanstack/react-form@latest Requires: React 18.0+, TypeScript 5.0+
For production apps, use createFormHook to pre-bind reusable UI components and reduce boilerplate:
| Priority | Category | Rule File | Impact |
React에서 유형이 안전한 양식 관리, 유효성 검사, 필드 구성 및 제출 처리를 위한 TanStack 양식 모범 사례입니다. 복잡한 유효성 검사가 포함된 양식 작성, 스키마 라이브러리 통합(Zod/Valibot/ArkType), 재사용 가능한 양식 구성 요소 구성, 배열/동적 필드를 관리하거나 메타 프레임워크(TanStack Start, Next.js, Remix)와 통합합니다. 출처: fellipeutaka/leon.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/fellipeutaka/leon --skill tanstack-formReact에서 유형이 안전한 양식 관리, 유효성 검사, 필드 구성 및 제출 처리를 위한 TanStack 양식 모범 사례입니다. 복잡한 유효성 검사가 포함된 양식 작성, 스키마 라이브러리 통합(Zod/Valibot/ArkType), 재사용 가능한 양식 구성 요소 구성, 배열/동적 필드를 관리하거나 메타 프레임워크(TanStack Start, Next.js, Remix)와 통합합니다. 출처: fellipeutaka/leon.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/fellipeutaka/leon --skill tanstack-form 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/fellipeutaka/leon