Launch Video
X 게시물(URL 또는 텍스트)과 브랜드 웹사이트(또는 저장된 brand.json 프로필)를 25~40초 길이의 1920x1080 60fps H.264 런칭 영상(오디오 포함)으로 변환합니다. 모든 창의적 선택은 두 개의 작은 JSON 파일(brand.json과 launch.json)에 있으며, 컴파일, 레이아웃, 사운드트랙 합성 및 Remotion 렌더링은 결정론적입니다.
사전 요구 사항
- Bun (
bun >= 1.1) PATH에 있는ffmpeg및ffprobe(H.264/AAC 인코딩, loudnorm 마스터링, 접촉 시트 검사용)- ImageMagick (
PATH에 있는magick, WebP 변환, 알파 트리밍, 창 크롭에 권장)
아래 <SKILL_DIR>은 이 SKILL.md가 포함된 디렉토리를 나타냅니다(예: ~/.claude/skills/launch-video 또는 ~/.agents/skills/launch-video).
종단간 워크플로우
1. X 게시물 읽기 (URL이 제공된 경우)
bun <SKILL_DIR>/scripts/post.ts "https://x.com/<handle>/status/<id>"
공개 fxtwitter 엔드포인트를 통해 게시물 텍스트, 작성자, 통계 및 첨부 미디어를 가져옵니다 (로그인 또는 API 키 불필요).
2. 브랜드 프로필(brand.json) 부트스트랩 또는 로드
이미 관리된 brand.json이 있으면 재사용합니다. 라이브 웹사이트(예: https://fomo.family 또는 https://acme.dev)를 가리키는 경우 먼저 브랜드 폴더를 부트스트랩합니다:
bun <SKILL_DIR>/scripts/bootstrap.ts "https://fomo.family" --out ./work/brand
그런 다음 시각적으로 ./work/brand/brand.json을 큐레이트합니다(이 단계를 건너뛰지 마십시오):
- 마크(
mark):inline-*.svg,favicon.svg및mark.png를 검사합니다. 스테이지는 어둡습니다(#000000또는 사이트의 어두운 배경색(예:#060510)). 따라서mark는 투명 배경에 흰색/밝은 색이어야 합니다(PNG32또는SVG). 사이트 아이콘이 불투명한 어두운 사각형 위에 있으면 ImageMagick(magick raw.png -colorspace gray -level 6%,92% alpha.png && magick -size WxH xc:white alpha.png -compose CopyOpacity -composite -trim +repage PNG32:mark-white.png)을 사용하여 밝은 마크를 투명도 위에 추출하고 미리보기 견본을 검사합니다. - 스크린(
screens):screens/에 있는 다운로드된 모든 이미지를 보거나(또는 헤드리스 Playwright로2xDPI에서 라이브 제품 경로를 캡처) 실제 제품 UI 스크린샷(4~8개)만 유지하고 장식용 배경 텍스처를 삭제한 다음 각 스크린에 대한 정확한description을 작성합니다. 데스크톱 스크린샷에 외부 벽지 여백이 있는 경우crop: {x, y, w, h}를 추가합니다. 투명 PNG(떠 있는 휴대폰, 카드, 알림)는 자동으로 트리밍되고 프레임 없이 렌더링됩니다. - 파트너/에코시스템 로고(
logos): 비트에서 참조된 모든 플랫폼, 체인, 모델 또는 도구에 대한 선명한 SVG/PNG 아이콘을 추가합니다(logos/x.svg,logos/apple.svg,logos/slack.svg등). 어두운 단색 래스터 아이콘의 경우 `