사용 가이드로 건너뛰기
Video Shotcraft작성자 Vincentwei1021

Video Shotcraft 스킬.

실제 제품 인터페이스를 구성된 검토 가능한 영상 타임라인으로 바꿉니다.

  • 제품 영상
  • Remotion
  • 모션 디자인
소스 검토 · Video ShotcraftSKILL.md
작업 제품 영상 결과물 • Remotion 영상 프로젝트와 렌더링된 제품 영상 • 제품에서 도출한 디자인 사양, 샷 매핑, 스토리보드 • 캡처 에셋이 포함된 검토 가능한 타임라인과 선택적 편집 가능 프로젝트 내보내기 시작하기 전에 Remotion/Node 환경, 브라우저 캡처, ffmpeg가 필요합니다. 일부 구성요소에는 Three.js 관련 패키지가 필요하며, 선택 사항인 음악 분석과 젠잉(Jianying) 내보내기에는 별도의 의존성이 추가됩니다. Remotion에 적용되는 라이선스는 직접 검토하세요.
편집자 요약 · 소스 검토일 2026-10-07 · 생성된 예시 아님

01 기능 소개

Video Shotcraft

샷 레시피, 제품 비주얼 토큰, 결정론적 Remotion 구현, 사운드, 최종 프레임 단위 검토를 결합한 실제 캡처 기반 제품 영상 파이프라인입니다.

소스 기반 워크플로실행 벤치마크 아님

작업 방식

Video Shotcraft는 제품 영상을 위한 제작 라이브러리이자 워크플로입니다. 핵심 대상은 실제 웹 또는 데스크톱 인터페이스로, 페이지 스크린샷, 요소 컷아웃, 좌표가 카메라 움직임과 기능 시연의 소재가 됩니다. 이 스킬은 짧은 설명만으로 에이전트가 모든 모션을 새로 만들게 하는 대신 샷 레시피 카드, 참조 구현, 재사용 가능한 컴포넌트, 오디오 에셋, Ink Press 템플릿을 제공합니다.

전체 영상 제작 방식은 기존 템플릿 적용, 자율 제작, 안내형 공동 제작의 세 가지로 구분됩니다. 모드를 선택하면 승인 절차는 달라지지만 제품을 이해해야 한다는 의무는 달라지지 않습니다. 비주얼 토큰은 제품 자체에서 가져오고, 샷 카드는 모션 구조를 제공해야 합니다. 최종 렌더링, 프레임 검토, 사운드 처리는 의도된 제작 경로에 포함되며, 스토리보드를 생성하는 것만으로는 이 중 어느 것도 완료되었다고 볼 수 없습니다.

예상 결과물

  • Remotion 영상 프로젝트와 렌더링된 제품 영상
  • 제품에서 도출한 디자인 사양, 샷 매핑, 스토리보드
  • 캡처 에셋이 포함된 검토 가능한 타임라인과 선택적 편집 가능 프로젝트 내보내기
예시 브리프 보기

브리프에서 검토까지

  1. 01
    점검 후 모드 선택

    비즈니스 코드를 변경하지 않고 제품을 읽습니다. 기존 템플릿이 적합한지, 창작 결정을 위임할지, 주요 결정에 안내형 승인이 필요한지 판단합니다.

  2. 02
    제품 및 사운드 방향 설정

    제품에서 타이포그래피, 간격, 소재를 추출하고 안전하게 시연할 수 있는 상태를 파악하며, 비트에 맞춘 영상을 스토리보드로 만들기 전에 사용자가 선택한 음악을 분석합니다. 기존 UI는 기억에 의존해 다시 만들지 말고 실제 캡처를 계획합니다.

  3. 03
    기능을 샷에 매핑

    샷 레시피를 선택하고 정확한 참조 구현을 읽습니다. 타이밍, 쉬는 구간, 캡션, 사운드를 계획합니다. 안내형 모드에서는 최종 페이지 및 요소 캡처 전에 전체 스토리보드 승인을 받고, 모든 모드에서 캡처 전에 민감한 데이터를 제거하거나 교체합니다.

  4. 04
    렌더링 및 검토

    스틸 프레임과 전체 렌더링을 검토하고 타이밍과 데이터 안전성을 확인하며, 문서화된 독립적 최종 검토를 받습니다. 음악을 사용하는 경우 배경 음악 없는 대체 렌더링도 보관합니다.

02 활용 상황

사용 시점

Remotion/Node 환경, 브라우저 캡처, ffmpeg가 필요합니다. 일부 구성요소에는 Three.js 관련 패키지가 필요하며, 선택 사항인 음악 분석과 젠잉(Jianying) 내보내기에는 별도의 의존성이 추가됩니다. Remotion에 적용되는 라이선스는 직접 검토하세요.

적합한 경우

  • 소프트웨어 제품 영상시네마틱 스타일로 꾸민 가상의 인터페이스가 아니라 알아볼 수 있는 실제 화면을 보여 주어야 신뢰가 생기는 기능 스토리에 적합합니다.
  • 특정 모션 처리전체 홍보 영상이 필요하지 않다면 샷 카드 하나로 개별 모션 작업을 지원할 수 있습니다.

확인할 제한 사항

  • 런타임 및 에셋 권리Remotion과 제공된 음악, 영상, 글꼴에는 각각의 약관이 적용됩니다. 스킬을 이용할 수 있다고 해서 모든 의존성의 상업적 사용 요건이 해결되는 것은 아닙니다.
  • 캡처로 데이터가 노출될 수 있음고객, 내부, 개인 정보와 자격 증명은 캡처 전에 제거해야 합니다. 민감한 내용이 드러나는 프레임은 시각적으로 성공적이어도 허용되지 않습니다.

준비할 입력

  • 제품 및 기능 순서로컬 프로젝트, 접근 가능한 페이지 또는 승인된 캡처와 영상에서 설명할 실제 기능을 제공하세요.
  • 모드 및 제약 조건템플릿 적용, 자율 제작, 안내형 공동 제작 중 하나를 선택하세요. 길이, 화면 비율, 필수 샷, 타협할 수 없는 브랜드 제약을 명시하세요.
  • 사운드 및 안전한 데이터원하면 사용 권한이 확인된 음악을 제공하고, 등장해도 되는 시연 데이터를 지정하세요. 화면 수집을 시작하기 전에 교체 내용을 확인하세요.

03 핵심 결정

중요한 결정

  1. 코드가 있는 모션 레시피

    레시피의 실제 구현은 샷 이름만 보고 에이전트가 즉흥적으로 만들 때 쉽게 사라지는 이징과 마스킹 같은 세부 사항을 보존합니다.

  2. 제품 정체성 유지

    모션 구조를 타이포그래피 및 소재와 분리하면, 관련 없는 홍보 스타일을 제품에 덧씌우지 않고 검증된 효과를 적용할 수 있습니다.

04 예시 브리프

구체적인 브리프로 시도하기

아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.

설정 검토

샷 카드, 데모, 컴포넌트, 템플릿 파일이 포함된 전체 저장소를 사용하세요. 소스의 렌더링 명령은 일반적인 설치 명령이 아닙니다.

업스트림 소스 파일
https://github.com/Vincentwei1021/video-shotcraft/blob/5ddbf521038b0a7accfb6dc1e0a9eb29c67277ab/SKILL.md

Remotion/Node 환경, 브라우저 캡처, ffmpeg가 필요합니다. 일부 구성요소에는 Three.js 관련 패키지가 필요하며, 선택 사항인 음악 분석과 젠잉(Jianying) 내보내기에는 별도의 의존성이 추가됩니다. Remotion에 적용되는 라이선스는 직접 검토하세요.

하나의 결과물로 시작

스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.

예시 브리프
제공된 프로젝트에 대해 안내형 공동 제작 모드로 Video Shotcraft를 사용하세요. 시연용 데이터만 사용해 실제 UI 캡처로 검색, 저장된 컬렉션, 내보내기를 설명하는 짧은 영상을 만드세요. 제품의 기존 서체와 색상을 유지하세요. 제작 전에 기능-샷 매핑과 전체 스토리보드를 제안한 다음 렌더링하고 결과를 검토하세요. 영상을 게시하거나 원본 캡처를 업로드하지 마세요.

결과 점검

실제 출력물을 다음의 관찰 가능한 기준에 따라 확인하세요.

  • 렌더링된 UI 프레임이 승인된 제품 상태와 일치하며 민감한 데이터가 없습니다.
  • 선택한 각 샷이 구체적인 기능이나 서사적 목적에 대응합니다.
  • 납품된 렌더링은 개별 스틸 프레임만이 아니라 전체 시퀀스로 검토되었습니다.

OpenDesign은 코딩 에이전트를 위한 로컬 디자인 작업 공간을 제공합니다. 이 목록은 스킬이 번들로 제공된다거나 외부 도구, 자격 증명, 소프트웨어 의존성이 포함된다는 의미가 아닙니다.

05 출처 및 라이선스

소스 및 라이선스

이 페이지는 아래에 링크된 고정 소스 리비전을 설명합니다. 업스트림의 동작과 요구 사항은 변경될 수 있습니다.

소스 소유자
Vincentwei1021
스킬 파일
SKILL.md
라이선스
Apache-2.0
검토한 스냅샷
2026-10-07 · 5ddbf521038b
편집자 소스 요약
샷 레시피, 제품 비주얼 토큰, 결정론적 Remotion 구현, 사운드, 최종 프레임 단위 검토를 결합한 실제 캡처 기반 제품 영상 파이프라인입니다.

링크된 소스를 바탕으로 OpenDesign이 작성한 원본 요약입니다. 저장소 스타 수는 특정 시점의 인기 지표이며 스킬 사용량이나 품질 점수가 아닙니다.

06 시작 전 질문

시작 전 질문

Ink Press 스타일을 꼭 사용해야 하나요?

아니요. 템플릿은 모드 중 하나입니다. 자율 제작과 안내형 제작에서는 새로운 방향을 만들 수 있으며, 템플릿 적용 시에도 대상 제품의 비주얼 아이덴티티를 사용해야 합니다.

애니메이션 하나만 요청할 수 있나요?

네. 소스는 특정 모션 작업에 샷 카드 하나와 그 참조 구현만 사용하는 것을 지원합니다.

편집 가능한 영상 프로젝트 내보내기는 자동인가요?

소스에는 선택 사항인 젠잉(Jianying) 내보내기 경로가 설명되어 있습니다. 별도의 의존성과 플랫폼 확인이 필요하므로 메인 렌더링과 따로 요청하고 검증해야 합니다.

OpenDesign

다음 디자인 반복을 위한 여유를 만드세요.

브리프, 소스 자료, 디자인 작업을 로컬 작업 공간에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.

업스트림 소스 파일
https://github.com/Vincentwei1021/video-shotcraft/blob/5ddbf521038b0a7accfb6dc1e0a9eb29c67277ab/SKILL.md