Communitygithub.com

mosesmawela/drop-kit

뮤직 릴리즈, 뉴스, 투어, 가사 티저를 위한 하이브리드 Canva+Remotion 콘텐츠 엔진입니다. Claude Code 에이전트 스킬과 Remotion 컴포지션을 결합하며, 6개의 LVRN 아티스트 브랜드 프리셋이 내장되어 있습니다.

drop-kit란 무엇인가요?

이 스킬은 음악 업계 전문가와 크리에이터를 위해 설계된 하이브리드 콘텐츠 생성 엔진입니다. Canva의 직관적인 디자인 편집 기능과 Remotion의 프로그래매틱 비디오 렌더링 능력을 결합하여, 뮤직 비디오 티저, 투어 공지, 앨범 커버, 가사 비디오 등 프로모션 콘텐츠를 빠르게 제작할 수 있습니다. 특히 Claude Code 에이전트와의 통합을 통해 AI가 자동으로 콘텐츠 레이아웃을 생성하고, 6개의 LVRN 아티스트 브랜드 프리셋(예: 6LACK, Summer Walker 등)을 활용해 일관된 브랜드 아이덴티티를 유지합니다. Claude Code 환경에서 직접 실행되며, Remotion 컴포지션을 통해 동적 비디오 출력을 생성합니다. 음악 릴리즈, 투어 일정, 가사 티저 등 다양한 프로모션 유형을 지원하며, 개발자와 마케터 모두가 쉽게 사용할 수 있는 CLI 기반 도구입니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add mosesmawela/drop-kit

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

drop-kit은(는) 무엇을 하나요?

뮤직 릴리즈, 뉴스, 투어, 가사 티저를 위한 하이브리드 Canva+Remotion 콘텐츠 엔진입니다. Claude Code 에이전트 스킬 + Remotion 컴포지션을 결합하며, 6개의 LVRN 아티스트 브랜드 프리셋이 내장되어 있습니다.

개요

drop-kit은 음악 프로모션 콘텐츠 생성을 단순화하는 도구입니다. Canva와 Remotion의 강점을 결합하여:

  • Canva: 템플릿 기반 디자인 편집 제공
  • Remotion: 코드 기반 동적 비디오 렌더링 지원
  • Claude Code 에이전트: AI 기반 자동화 및 레이아웃 생성

주요 기능

  • 뮤직 릴리즈 티저: 새 앨범/싱글 프로모션 비디오 생성
  • 투어 공지: 투어 일정 및 장소 정보를 담은 비디오 제작
  • 뉴스 업데이트: 아티스트 뉴스 콘텐츠 빠른 생성
  • 가사 티저: 가사 기반 비디오 티저 제작
  • 브랜드 프리셋: 6개의 LVRN 아티스트 브랜드 프리셋 내장

사용 방법

필수 조건

  • Node.js 18 이상
  • Remotion 설치 (npx remotion)
  • Claude Code 환경

설치

npx create-remotion@latest my-video --template blank
cd my-video
npm install @mosesmawela/drop-kit

Claude Code에서 실행

Claude Code 프롬프트에서 다음 명령어를 사용하세요:

drop-kit create --type release --artist "아티스트명" --title "릴리즈 제목"

사용 가능한 명령어

명령어설명
create새 콘텐츠 생성
list사용 가능한 프리셋 목록 보기
preview콘텐츠 미리보기
render최종 비디오 렌더링

브랜드 프리셋

프리셋 이름아티스트설명
6lack6LACK어두운 톤의 미니멀 스타일
summerSummer Walker부드러운 파스텔 톤
dvsndvsn네온 & 그런지 스타일
sr3mmSir클래식 & 소울풀
brysonBryson Tiller모던 R&B 스타일
jheneJhené Aiko보헤미안 & 자연풍

예시

뮤직 릴리즈 티저 생성

drop-kit create --type release \
  --artist "6LACK" \
  --title "Since I Have A Lover" \
  --preset 6lack \
  --release-date "2023-03-24"

투어 공지 생성

drop-kit create --type tour \
  --artist "Summer Walker" \
  --tour-name "Clear Waters Tour" \
  --dates "2024-05-01" "2024-06-15" \
  --preset summer

Remotion 컴포지션 사용자 정의

src/remotion/index.ts 파일에서 Remotion 컴포지션을 직접 수정할 수 있습니다:

import { Composition } from 'remotion';
import { DropKitVideo } from '@mosesmawela/drop-kit';

export const RemotionVideo: React.FC = () => {
  return (
    <Composition
      id="DropKit"
      component={DropKitVideo}
      durationInFrames={300}
      fps={30}
      width={1080}
      height={1920}
    />
  );
};

라이선스

MIT

관련 스킬