본문으로 건너뛰기
7일 무료 체험Discord무료 (새 탭)
키트
작은 촬영 세트에서 iPhone을 찍고 있어요: 슬레이트, 조명, 카메라

Mehdi 제작, 버전 1.0.1

Motion Studio Kit

제가 앱 영상을 코드로 만들 때 쓰는 스튜디오예요. TikTok용 쇼츠, App Store 페이지 상단 영상, 짧은 영상까지 만들 수 있어요. Claude가 방법론과 효과 라이브러리를 바탕으로 영상을 작성하고, 도구가 결과물을 프레임 단위로 측정해요.

₩75,000 1회

Stripe로 안전하게 결제

  • 신용카드
  • Apple Pay
  • 즉시 다운로드
  • 한국어 및 영어로 제공
  • 평생 업데이트
  • 효과 80가지를 담았어요. 하나하나 별도의 Claude 인스턴스가 키트의 평가 기준으로 채점해 9/10을 받았고, 설정값과 주의할 점도 함께 정리했어요.
  • 바로 가져다 쓸 수 있는 12초짜리 9:16 쇼츠와 iOS 27용 App Store 상단 영상이 들어 있어요.
  • 결정론적 렌더링이라 같은 코드로 픽셀 하나까지 똑같은 영상이 나와요.
  • MP4를 검사하는 도구로 음향-영상 싱크, 라우드니스, 플래시, 잘린 텍스트, 루프를 확인해요.

받게 되는 것

키트에서 그대로 가져온 발췌 세 가지예요.

효과 라이브러리

모든 효과는 시간의 함수이고, 용도와 기본 설정, 주의할 점이 함께 정리되어 있어요. 기본, 쇼츠, iOS 네이티브, 데이터, 타이포그래피, 질감, 전환, 카메라의 8개 묶음으로 나뉘어요.

3-la-banque-d-effets.md
  • FX.decode가격, 신호, 드러나는 결과
  • FX.revelationLignes두세 줄짜리 제목
  • FX.surligneur핵심 단어
  • FX.fouet에너지가 한창일 때 장소나 아이디어 전환
  • FX.encre챕터 시작, 브랜드 컬러
  • FX.glitch오류, 경고

초 단위로 짠 쇼츠

12초짜리 9:16 템플릿은 훅 하나, 아이디어 셋, CTA 하나, 루프로 구성돼요. 타이밍은 cues.js 파일에만 정의되고, 영상과 사운드가 모두 이 파일을 읽어요.

gabarits/short-9x16/cues.js
hook: 0.05
idee1: 2.6
idee2: 5.0
chiffre: 5.3
idee3: 7.4
coche: 8.4
appel: 9.3
fin: 12.0

렌더링 검사

게시 전에 controle.py가 감사, MP4 측정, 광과민성 검사를 차례로 실행하고 리포트를 작성해요. 아래는 템플릿의 리포트 원문이에요.

out/qualite/RAPPORT.md
  • 600프레임, 50fps (12.00초), 1080 × 1920
  • 음향-영상 싱크: 타격 11회, 오차 중앙값 +5ms
  • 라우드니스: −14.1 LUFS, 트루 피크 −5.2 dBTP
  • 초당 3회 초과 플래시: 없음
  • 판정: 차단 결함 없음 (결함 0건, 경고 0건)

구성품

  • 80가지 효과 라이브러리

    8개 묶음이 들어 있고, 각각 두 번째 Claude 인스턴스가 키트의 평가 기준으로 9/10점을 매겼어요. 타이포그래피, 네이티브 iOS, 데이터, 질감, 전환, 카메라까지 다뤄요. 묶음마다 설정값과 주의할 함정도 함께 담았어요.

  • 템플릿

    12초 9:16 쇼츠, App Store 페이지 상단 영상(iOS 27), 그리고 제 앱 TradaZen의 실제 쇼츠를 해설과 함께 담았어요.

  • 렌더링과 검사 도구

    Playwright와 ffmpeg로 결정적 렌더링, 렌더링 전 점검, MP4 검사: 싱크, 음량, 깜빡임, 잘린 텍스트, 루프.

  • 라이브러리와 skill

    훅 10개, 비주얼 세계관 40개, 무료 폰트 16개, 아이콘 3,600개, CC0 효과음 144개, 그리고 방법을 그대로 적용하는 Claude Code skill.

아니면 코드와 학습 과정까지 포함된 키트 4종 전체

제 앱들은 App Store에 있어요

Starter Code는 TradaZen, Solys, Nolera에서 왔어요. App Store Screenshots Kit는 이 앱들과 Vigie의 스크린샷 시리즈를 담았어요. 직접 열어보세요, 모두 판매 중이에요.

Devoria 창업자 Mehdi

Mehdi는 누구인가요?

2026년 1월, 저는 이커머스를 하고 있었어요. 앱을 출시해 본 적은 한 번도 없었죠. Claude를 열고, 일단 뛰어들었어요.

Claude에게는 프롬프트만으로 부족해요. 돌아가는 코드, 명확한 규칙, 그리고 검증이 필요해요. 이 키트에는 제가 앱을 출시하며 배운 걸 모두 담았어요. 궁금한 게 있나요? WhatsApp으로 메시지 주세요. 제가 직접 답해요.

제 이력과 출시 기록WhatsApp

이용 방법

순서대로 세 단계, 그리고 단계마다 키트가 주는 것.

  1. 1단계

    브리프를 써요

    한 문장, 형식, 길이, 행동 유도.

    키트 구성
    • 2-les-formats.md
  2. 2단계

    Claude가 영상을 써요

    방법, 템플릿, 효과 라이브러리를 활용해요.

    키트 구성
    • gabarits/
    • 3-la-banque-d-effets.md
    • /motion-design
  3. 3단계

    렌더링하고 검사해요

    점검, 렌더링, MP4 검사, 그다음 8.5/10점이 나올 때까지 독립 리뷰.

    키트 구성
    • studio/controle.py
네 가지 키트가 튀어나오는 선물 상자

자주 묻는 질문

After Effects나 편집자가 필요한가요?

아니요. 영상은 HTML, CSS, JavaScript 파일이고, 자동 제어 브라우저가 프레임 단위로 렌더링해요. 수정은 타임라인이 아니라 코드 한 줄이에요.

영상을 만들어 본 적이 없어요.

키트가 Claude에게 방법, 템플릿, 효과를 줘요. 여러분은 브리프를 쓰고, 결과를 보고, 결정하면 돼요. 눈으로 놓치는 부분은 도구가 측정해요: 깜빡임, 싱크, 음량, 잘린 텍스트.

목소리와 음악은요?

저작권 걱정 없는 효과음 144개와 믹싱 방법을 제공해요. 목소리는 무료 로컬 음성과 ElevenLabs를 안내해요. 음악은 포함되지 않지만, 고르는 법과 맞추는 법을 알려 드려요.

App Store 상단 영상이 뭔가요?

iOS 27부터 App Store 페이지가 영상으로 시작할 수 있어요. 키트는 Apple 규격에 맞춘 템플릿을 안전 영역과 금지 사항까지 담아 제공하고, App Store Connect에 올리는 방법도 설명해요.

이 키트로 할 수 없는 건 뭔가요?

AI로 영상을 생성하지 않고, 음악이나 3D도 제공하지 않아요. 모든 건 여러분의 화면과 텍스트를 바탕으로 코드로 작성돼요. iOS용으로 설계돼서 휴대폰은 iPhone 모양으로 그려지고, App Store 상단 영상에 맞춰져 있어요. Google Play에서는 16:9 템플릿을 프로모션 동영상으로 쓰면 돼요.

Motion Studio Kit

앱 영상을 코드로 만들어요

₩75,000 1회

Stripe로 안전하게 결제

  • 신용카드
  • Apple Pay
  • 즉시 다운로드
  • 한국어 및 영어로 제공
  • 평생 업데이트

Motion Studio Kit₩75,000 · 평생

구매하기안전한 결제, 즉시 다운로드