nextjs-web-client
✓App Router, Shadcn UI 및 React Hook Form을 사용하여 Next.js 15+ React 19+ 프런트엔드 구성 요소를 구축하기 위한 가이드입니다. Next.js 애플리케이션에서 UI 구성 요소, 페이지, 레이아웃, 양식, 데이터 테이블 또는 클라이언트 측 상호 작용을 생성할 때 사용합니다.
SKILL.md
| Components | PascalCase | AccountCard.tsx | | Hooks | use-kebab | use-account-form.ts | | Pages | kebab-case dirs | app/(dashboard)/accounts/page.tsx | | Route groups | (parentheses) | (auth), (dashboard) |
App Router, Shadcn UI 및 React Hook Form을 사용하여 Next.js 15+ React 19+ 프런트엔드 구성 요소를 구축하기 위한 가이드입니다. Next.js 애플리케이션에서 UI 구성 요소, 페이지, 레이아웃, 양식, 데이터 테이블 또는 클라이언트 측 상호 작용을 생성할 때 사용합니다. 출처: gilbertopsantosjr/fullstacknextjs.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/gilbertopsantosjr/fullstacknextjs --skill nextjs-web-client 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
보안 인증 완료, 신뢰할 수 있는 코드 원클릭 설치, 간편한 설정 Claude Code, Cursor 등 지원
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/gilbertopsantosjr/fullstacknextjs --skill nextjs-web-client- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
nextjs-web-client이란?
App Router, Shadcn UI 및 React Hook Form을 사용하여 Next.js 15+ React 19+ 프런트엔드 구성 요소를 구축하기 위한 가이드입니다. Next.js 애플리케이션에서 UI 구성 요소, 페이지, 레이아웃, 양식, 데이터 테이블 또는 클라이언트 측 상호 작용을 생성할 때 사용합니다. 출처: gilbertopsantosjr/fullstacknextjs.
nextjs-web-client 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/gilbertopsantosjr/fullstacknextjs --skill nextjs-web-client 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/gilbertopsantosjr/fullstacknextjs
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01