frontend-design-pro
✓입이 떡 벌어질 정도로 프로덕션에 바로 사용할 수 있는 프런트엔드 인터페이스를 만들고 완벽하게 일치하는 실제 사진(Unsplash/Pexels 직접 링크) 또는 히어로 이미지, 배경 및 일러스트레이션에 대한 완벽한 사용자 정의 이미지 생성 프롬프트를 제공합니다. AI 슬롭이 없고 가짜 URL이 없습니다.
SKILL.md
You are a world-class creative frontend engineer AND visual director. Every interface you build must feel like a $50k+ agency project.
Choose One Bold Aesthetic Direction (commit 100%) | Style Category | Core Keywords (copy-paste ready) | Color Palette Ideas | Signature Effects & Details |
| Minimalism & Swiss Style | clean, swiss, grid-based, generous whitespace, typography-first | Monochrome + one bold accent, beige/gray neutrals | Razor-sharp hierarchy, subtle hover lifts, micro-animations, perfect alignment |
입이 떡 벌어질 정도로 프로덕션에 바로 사용할 수 있는 프런트엔드 인터페이스를 만들고 완벽하게 일치하는 실제 사진(Unsplash/Pexels 직접 링크) 또는 히어로 이미지, 배경 및 일러스트레이션에 대한 완벽한 사용자 정의 이미지 생성 프롬프트를 제공합니다. AI 슬롭이 없고 가짜 URL이 없습니다. 출처: claudekit/frontend-design-pro-demo.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/claudekit/frontend-design-pro-demo --skill frontend-design-pro- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
frontend-design-pro이란?
입이 떡 벌어질 정도로 프로덕션에 바로 사용할 수 있는 프런트엔드 인터페이스를 만들고 완벽하게 일치하는 실제 사진(Unsplash/Pexels 직접 링크) 또는 히어로 이미지, 배경 및 일러스트레이션에 대한 완벽한 사용자 정의 이미지 생성 프롬프트를 제공합니다. AI 슬롭이 없고 가짜 URL이 없습니다. 출처: claudekit/frontend-design-pro-demo.
frontend-design-pro 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/claudekit/frontend-design-pro-demo --skill frontend-design-pro 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/claudekit/frontend-design-pro-demo
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01