Plugin ⬇ 455.6k
Frontend Design
#UI#React#디자인#Tailwind
💡
프론트엔드 UI를 전문 디자이너 수준으로 생성하도록 가이드하는 플러그인.
🎯
프로덕션급 UI 생성 품질 향상
설치 방법 · plugin marketplace (claude-plugins-official)
$
/plugin install frontend-design Anthropic 공식 마켓플레이스 플러그인
왜 필요한가?
AI가 만드는 UI는 보라색 그라데이션, Inter 폰트의 천편일률적인 디자인이 되기 쉽습니다. 이 플러그인은 맥락에 맞는 독창적이고 세련된 프로덕션급 UI를 생성하도록 Claude를 가이드합니다.
Before / After
Before: AI가 만든 뻔한 보라색 그라데이션, Inter 폰트의 천편일률적 UI
After: 맥락에 맞는 독창적이고 세련된 프로덕션급 UI. 타이포그래피, 색상, 모션까지 세밀하게 조정
실제 사용 시나리오
- 랜딩 페이지를 요청하면 브루탈리즘, 레트로 퓨처리즘 등 다양한 스타일로 생성
- React 컴포넌트에 애니메이션과 마이크로 인터랙션을 자동 적용
- 기존 UI를 세련되게 리디자인하면서 Tailwind CSS만으로 구현