frontend-magic-ui
✓세련된 SaaS 랜딩 페이지 구성 요소. 숫자 티커/통계 애니메이션, 로고 윤곽, 도시락 그리드, 장치 모형(iPhone, Safari), 반짝임/무지개 버튼, 타이핑 효과에 사용합니다. Framer Motion + Tailwind를 기반으로 전문적인 마케팅 개선이 이루어졌습니다. 극적인 영웅 효과를 위해서는 Aceternity를 사용하고, 기본 UI에는 shadcn을 사용하세요.
SKILL.md
150+ animated components for SaaS landing pages. Professional polish, production-ready.
| Number animation | ✓ NumberTicker | ✗ | | Logo carousel | ✓ Marquee | ✓ InfiniteMovingCards | | Hero spotlight | ✗ | ✓ Spotlight | | Device mockup | ✓ Safari/iPhone | ✗ | | 3D card tilt | ✗ | ✓ 3D Card |
Rule: Magic UI = polished SaaS, Aceternity = dramatic effects
세련된 SaaS 랜딩 페이지 구성 요소. 숫자 티커/통계 애니메이션, 로고 윤곽, 도시락 그리드, 장치 모형(iPhone, Safari), 반짝임/무지개 버튼, 타이핑 효과에 사용합니다. Framer Motion + Tailwind를 기반으로 전문적인 마케팅 개선이 이루어졌습니다. 극적인 영웅 효과를 위해서는 Aceternity를 사용하고, 기본 UI에는 shadcn을 사용하세요. 출처: petbrains/mvp-builder.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-09
- 업데이트
- 2026-02-18
빠른 답변
frontend-magic-ui이란?
세련된 SaaS 랜딩 페이지 구성 요소. 숫자 티커/통계 애니메이션, 로고 윤곽, 도시락 그리드, 장치 모형(iPhone, Safari), 반짝임/무지개 버튼, 타이핑 효과에 사용합니다. Framer Motion + Tailwind를 기반으로 전문적인 마케팅 개선이 이루어졌습니다. 극적인 영웅 효과를 위해서는 Aceternity를 사용하고, 기본 UI에는 shadcn을 사용하세요. 출처: petbrains/mvp-builder.
frontend-magic-ui 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/petbrains/mvp-builder