frontend-master이란?
Next.js + React + Tailwind 스택을 사용한 프런트엔드 개발을 위한 마스터 기술입니다. 구성 요소, 애니메이션, 자산 및 도구를 선택하기 위한 의사 결정 프레임워크입니다. 구현 세부 사항을 전문 기술로 안내합니다. 모든 프런트엔드 작업의 진입점으로 사용합니다. 출처: petbrains/mvp-builder.
Next.js + React + Tailwind 스택을 사용한 프런트엔드 개발을 위한 마스터 기술입니다. 구성 요소, 애니메이션, 자산 및 도구를 선택하기 위한 의사 결정 프레임워크입니다. 구현 세부 사항을 전문 기술로 안내합니다. 모든 프런트엔드 작업의 진입점으로 사용합니다.
명령줄에서 frontend-master AI 스킬을 개발 환경에 빠르게 설치
출처: petbrains/mvp-builder.
Stack: Next.js 14+ (App Router) · React 18+ · Tailwind CSS · TypeScript · Framer Motion
| Loader spinner | Lottie | | Success checkmark | Lottie | | Animated button | Rive | | Data-driven progress | Rive | | Hero spotlight | Aceternity | | Number ticker | Magic UI |
Font Pairing Presets: | Project Type | Heading | Body |
Next.js + React + Tailwind 스택을 사용한 프런트엔드 개발을 위한 마스터 기술입니다. 구성 요소, 애니메이션, 자산 및 도구를 선택하기 위한 의사 결정 프레임워크입니다. 구현 세부 사항을 전문 기술로 안내합니다. 모든 프런트엔드 작업의 진입점으로 사용합니다. 출처: petbrains/mvp-builder.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-masterNext.js + React + Tailwind 스택을 사용한 프런트엔드 개발을 위한 마스터 기술입니다. 구성 요소, 애니메이션, 자산 및 도구를 선택하기 위한 의사 결정 프레임워크입니다. 구현 세부 사항을 전문 기술로 안내합니다. 모든 프런트엔드 작업의 진입점으로 사용합니다. 출처: petbrains/mvp-builder.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-master 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/petbrains/mvp-builder