Communitygithub.com

kou135/adcraft

Claude Code 스킬로, 제품 UI를 Remotion을 사용해 자체 검증되는 광고 동영상으로 변환합니다.

adcraft란 무엇인가요?

이 스킬은 **kou135/adcraft**로, Claude Code 환경에서 제품의 UI를 입력받아 Remotion 기반의 광고 동영상 스크립트와 렌더링을 자동 생성합니다. 개발자는 제품의 UI 스크린샷이나 설명을 제공하면, AI가 적절한 광고 컨셉, 장면 전환, 애니메이션을 포함한 Remotion 컴포지션을 생성하며, 생성된 동영상은 UI 요소의 실제 동작을 검증할 수 있는 'self-validating' 특성을 가집니다. 이는 마케팅 팀과 개발 팀 간의 협업을 간소화하고, 제품 변경 시 광고를 자동으로 업데이트할 수 있게 합니다. 주로 Claude Code 환경에서 사용되며, Remotion 및 React에 대한 기본 지식이 필요합니다. 사용자는 `adcraft` 명령어를 통해 스킬을 호출하고, 원하는 광고 스타일이나 길이를 지정할 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add kou135/adcraft

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

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

문서

adcraft은(는) 무엇을 하나요?

Claude Code 스킬로, 제품의 UI를 Remotion을 사용해 자체 검증되는 광고 동영상으로 변환합니다.

개요

이 스킬은 제품의 UI 스크린샷이나 설명을 입력으로 받아, Remotion을 이용한 광고 동영상 스크립트와 렌더링 파일을 생성합니다. 생성된 동영상은 제품의 실제 UI 동작을 검증할 수 있어, 마케팅 자료의 정확성을 높이고 개발 주기를 단축시킵니다.

사용 방법

  1. Claude Code에서 adcraft 명령어를 입력합니다.
  2. 프롬프트에 따라 제품 UI의 스크린샷 또는 설명을 제공합니다.
  3. 원하는 광고 스타일, 길이, 강조할 기능 등을 선택적으로 지정할 수 있습니다.
  4. 스킬이 자동으로 Remotion 프로젝트를 생성하고, 광고 동영상을 렌더링합니다.

요구 사항

  • Claude Code 환경
  • Node.js 18 이상
  • Remotion 및 React 기본 지식 (선택 사항)

예시

$ adcraft --ui ./screenshot.png --style modern --duration 30s

자세한 내용은 Remotion 문서를 참조하세요.

관련 스킬