Communitygithub.com

video-shotcraft

실제 웹 앱의 페이지를 캡처하여 Remotion으로 시네마틱 제품 프로모션 비디오를 제작합니다. 약 124~150개의 샷 레시피 카드, Ink Press 템플릿, 비트 싱크 및 Freesound 사운드 디자인을 제공합니다.

video-shotcraft란 무엇인가요?

video-shotcraft는 개발자가 실제 웹 애플리케이션의 페이지를 캡처하여 Remotion 기반의 시네마틱 제품 프로모션 비디오를 제작할 수 있게 해주는 AI 에이전트 스킬입니다. 약 124~150개의 샷 레시피 카드 중에서 선택하여 촬영 구도를 결정하고, Ink Press 템플릿을 통해 일관된 브랜딩을 적용할 수 있으며, 비트 싱크 및 Freesound 사운드 디자인 기능을 통해 오디오와 영상의 완벽한 조화를 이룹니다. 이 스킬은 '내 사이트/앱의 프로모션/런칭 비디오를 만들어 줘'와 같은 요청, 단일 샷 카드 효과 적용, 또는 기존 제품 비디오에 맞는 SFX 찾기 및 정렬 작업에 사용됩니다. Claude Code, Cursor, Codex 등 다양한 AI 코딩 에이전트에서 사용 가능하며, Playwright/Chromium을 통해 실제 페이지를 캡처하고 ffmpeg로 최종 렌더링합니다. 항상 최신 버전을 가져오도록 설계되어 있으며, 사용자가 모드를 선택하지 않은 경우 제품 검사 후 추천 모드를 제시하고 사용자의 결정을 기다립니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/suryxnshsingh/design-engineering-skills/tree/main/video-shotcraft

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

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

문서

video-shotcraft (실시간 업스트림 포인터)

업스트림: https://github.com/Vincentwei1021/video-shotcraft · 갤러리: https://vincentwei1021.github.io/video-shotcraft/ 문서는 중국어로 작성되어 있습니다. 문서를 따르고 사용자에게는 그들의 언어로 답변하세요.

1. 최신 버전 가져오기

bash ~/.claude/skills/design-engineer/scripts/upstream.sh video-shotcraft     # PATH=<checkout> 출력

<PATH>/SKILL.md 전체를 읽으세요. 이 문서는 다른 모든 작업보다 먼저 결정해야 할 범위를 정의합니다.

  • SFX 전용 작업 → references/sound-design.md + references/sfx-sourcing.md, sfx-source.py search 사용
  • 전체 프로모션 → 절대 병합되지 않는 세 가지 모드 중 하나: 템플릿 (template/TEMPLATE.md), 자율 (references/pipeline.md), 공동 창작 (references/guided-free-creation.md)
  • 사용자가 모드를 선택하지 않은 경우: 읽기 전용 제품 검사를 수행하고, 이유와 함께 모드를 추천한 후 사용자의 선택을 기다립니다. Ink Press를 기본값으로 사용하지 마세요.
  • 명명된 샷 카드(예: deck-deal-flyin)는 제약 조건입니다: 각 카드와 해당 데모 소스를 읽으세요.

2. 대신 프로젝트에 설치하기

npx skills add Vincentwei1021/video-shotcraft -y

3. 의존성

Remotion 프로젝트 (Node 18+), 페이지 캡처용 Playwright/Chromium, ffmpeg. Remotion 스킬 (remotion)은 렌더링 문제를 다룹니다.

4. 사용하지 말아야 할 경우

실제 페이지와 연결되지 않은 브랜드/설명 영상 → lemo-opuscar 또는 hyperframes. 일반적인 Remotion 코딩 → remotion.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

관련 스킬