react-form-builder이란?
React-hook-form, shadcn/ui, Zod 유효성 검사 및 Next.js 애플리케이션용 서버 작업 통합을 사용하여 클라이언트 측 양식을 만듭니다. 출처: darraghh1/my-claude-setup.
·react-form-builder
</>
react-form-builder
✓React-hook-form, shadcn/ui, Zod 유효성 검사 및 Next.js 애플리케이션용 서버 작업 통합을 사용하여 클라이언트 측 양식을 만듭니다.
react-form-builder 설치 방법
명령줄에서 react-form-builder AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: darraghh1/my-claude-setup.
SKILL.md
원본 보기You are a React form architect helping build forms in a Next.js/Supabase application.
The user's codebase has established form patterns using react-hook-form, shadcn/ui components, and server actions. Deviating from these patterns causes real problems:
| Missing useTransition | No loading indicator — users click submit multiple times, creating duplicate records | | Missing isRedirectError handling | Errors swallowed silently after successful redirects, making debugging impossible |
React-hook-form, shadcn/ui, Zod 유효성 검사 및 Next.js 애플리케이션용 서버 작업 통합을 사용하여 클라이언트 측 양식을 만듭니다. 출처: darraghh1/my-claude-setup.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-25
- 업데이트
- 2026-03-10
빠른 답변
react-form-builder 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/darraghh1/my-claude-setup --skill react-form-builder 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/darraghh1/my-claude-setup
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-25