클로드 코드로 디자인 가장 잘 뽑아내는 스킬을 찾았습니다. 무료로 배포합니다. (오픈소스 제공)
이 영상은 Claude Code를 활용하여 AI 디자인의 한계(AI Slop)를 극복하고 고품질 웹사이트를 제작하는 방법을 안내합니다. 한국 사용자에게 최적화된 '수파노바 디자인 스킬'과 Gemini의 동영상 생성 기능을 결합하여 동적 애니메이션을 포함한 랜딩 페이지를 만들고, Netlify Drop을 통해 무료로 웹사이트를 배포하는 과정을 시연합니다.
핵심 요약
- AI 디자인의 부자연스러움(AI Slop)을 극복하기 위해 한국형 폰트와 아이콘이 적용된 '수파노바 디자인 스킬'을 사용합니다.
- Gemini의 동영상 생성 기능을 활용하여 레퍼런스 이미지 기반의 시네마틱한 배경 영상을 제작하고 웹사이트에 적용합니다.
- 수파노바 템플릿 코드와 Claude Code를 결합하여 다크 모드 기반의 세련된 랜딩 페이지를 자동으로 생성하고, 스크롤 애니메이션을 구현합니다.
전체 요약과 종목별 의견·실시간 분석을 보려면 로그인하세요.
로그인 / 회원가입