nextjs-boilerplate
✓Tailwind CSS, shadcn/ui 구성 요소 및 AI 채팅 인터페이스용 Assistant-UI를 사용하여 새로운 Next.js 개발 환경을 부트스트랩합니다. 사용자가 "새 Next.js 프로젝트 만들기", "shadcn을 사용하여 Next.js 부트스트랩", "Next.js 앱 설정", "AI 채팅 앱 만들기", "Tailwind를 사용하여 새 React 프로젝트 시작"을 요청하거나 최신 도구를 사용하여 새로운 프런트엔드 프로젝트 만들기를 언급할 때 사용하세요.
SKILL.md
| Framework | Next.js 14+ (App Router) | React framework with SSR/SSG | | Styling | Tailwind CSS | Utility-first CSS | | Components | shadcn/ui | Accessible, customizable components | | AI Chat | assistant-ui | Pre-built AI chat interface components | | TypeScript | Strict mode | Type safety |
Tailwind CSS, shadcn/ui 구성 요소 및 AI 채팅 인터페이스용 Assistant-UI를 사용하여 새로운 Next.js 개발 환경을 부트스트랩합니다. 사용자가 "새 Next.js 프로젝트 만들기", "shadcn을 사용하여 Next.js 부트스트랩", "Next.js 앱 설정", "AI 채팅 앱 만들기", "Tailwind를 사용하여 새 React 프로젝트 시작"을 요청하거나 최신 도구를 사용하여 새로운 프런트엔드 프로젝트 만들기를 언급할 때 사용하세요. 출처: petekp/claude-code-setup.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/petekp/claude-code-setup --skill nextjs-boilerplate 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/petekp/claude-code-setup --skill nextjs-boilerplate- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
nextjs-boilerplate이란?
Tailwind CSS, shadcn/ui 구성 요소 및 AI 채팅 인터페이스용 Assistant-UI를 사용하여 새로운 Next.js 개발 환경을 부트스트랩합니다. 사용자가 "새 Next.js 프로젝트 만들기", "shadcn을 사용하여 Next.js 부트스트랩", "Next.js 앱 설정", "AI 채팅 앱 만들기", "Tailwind를 사용하여 새 React 프로젝트 시작"을 요청하거나 최신 도구를 사용하여 새로운 프런트엔드 프로젝트 만들기를 언급할 때 사용하세요. 출처: petekp/claude-code-setup.
nextjs-boilerplate 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/petekp/claude-code-setup --skill nextjs-boilerplate 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/petekp/claude-code-setup
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01