이 스킬 내의 readme.md 파일을 읽고, 사용 가능한 다른 파일들을 탐색하세요. 시각적 아티팩트(릴, 그래픽 오버레이, 모션 조각, 목업)를 제작하는 경우 에셋을 복사하고 사용자가 볼 수 있는 정적 HTML 파일을 만드세요. 프로덕션 코드 작업 시 에셋을 복사하고 여기의 규칙을 따르세요. 사용자가 별다른 안내 없이 이 스킬을 호출하면, 어떤 비디오를 만들고 있는지(주제, 길이, 플랫폼, 보유한 푸티지) 물어본 후 그래픽을 디자인하세요.
제작자: Emkarok (@emkarok) — Instagram Reels, TikTok, YouTube Shorts. 안전 영역 기본값 platform="all".
출력: A = 전체 릴 MP4 (푸티지가 여기에 합성됨); B = CapCut/Premiere/Final Cut용 마젠타 #FF00FF 키로 그래픽만 (타임라인 페이지에서 내보내기 조정).
빠른 규칙:
- 캔버스 1080 × 1920. 캔버스 px 단위로 그래픽을 배치하며, 안전 영역(상단 160, 하단 440, 오른쪽 160) 밖으로 텍스트가 나가지 않게 합니다.
- 모든 그래픽은
progress(0–1 진입)와exit(0–1)을 받습니다. 하나의 타임라인 시계로 구동합니다(ui_kits/reel/참조). - 브랜드 = 하늘 그라디언트
--accent-gradient(#61D4FE → #FFFFFF) 위에 다크 잉크 텍스트; 푸티지 위에는--shadow-text-footage가 있는 흰색 타입; 복잡한 샷에는 잉크 플레이트 사용. - 훅/캡션에는 Plus Jakarta Sans 800; 키커/핸들에는 Martian Mono.
- 텍스트는 ASCII 디코드(
AsciiText progress)로 진입하며, 유일한 전환은GlyphTransition입니다. - 한 번에 하나의 그래픽 아이디어만 화면에 표시합니다. 그래픽에 이모지는 사용하지 않습니다.
- 설명형 레이아웃: 라이트 스튜디오 그리드 위에
SplitPresenter(+ 상단에CardWall); 헤드 팝아웃을 위해 배경이 제거된 클립 사본이 필요합니다. - 기술 룩:
ScanSweep→TrackBox(얼굴/객체) +HudReadout모서리 데이터; 트래커를 푸티지의 트랜스폼 레이어 안에 배치합니다. - 비전 HUD:
DepthScan,ObjectTags,Viewfinder,ContourMap(+CompassStrip),TerminalLog,ThermalView. 캔버스용은 동일 출처의 샷 스틸(src+fit)이 필요하며,zoom을 전달하여 펀치인을 따릅니다. 상자/레이블 좌표는 샷마다 측정 — 새 푸티지에 대해 다시 측정하세요. - 설명형:
FileDrop(커서가 클립을 폴더로 드래그) — 파일당 약 1.5초. - 푸티지는 그래픽을 위한 공간을 남겨야 함: readme.md의 FOOTAGE 및
ShotGuide사전 설정(말하는 사람, 와이드, 제품, 브롤, 엔드카드) 참조. 텍스트 아래에는 중간~어두운 푸티지, SDR, 고정 노출, 텍스트 뒤에 하늘색이나 흰색이 없어야 합니다.