무료
Maison Vey · 16:9
이 Skill로 렌더링한 결과
Shotcraft 제품 프로모 v1.0.0
실제 웹사이트나 앱으로 만드는 시네마틱 프로모 영상. 실제 페이지 캡처, 124가지 샷 레시피, 박자에 맞춘 음악과 사운드로 MP4까지.
아직 평가 없음 0 다운로드
- 포맷
- 영상 · 16:9
- 길이
- 0:27
목업 대신 실제 제품 페이지를 촬영하는 오픈소스 Skill입니다. 에이전트가 페이지를 2배 해상도로 캡처하고, 기능마다 조율된 샷 레시피를 고르고, 스토리보드를 쓰고, Remotion으로 애니메이션을 만들고, 효과음과 음악을 박자에 맞춘 뒤 모든 프레임을 확인해 계속 편집할 수 있는 MP4를 건넵니다.
2026년 11월 2일 업데이트
받게 되는 것
- 완성된 프로모 영상, H.264 MP4, 1920×1080, 30 fps
- 모든 샷, 자막, 효과음을 편집할 수 있는 Remotion 프로젝트
- 샷별 스틸과 품질 검토
- 사용한 효과음의 출처 파일
잘 맞는 경우
- 온라인 쇼핑몰, 상품 페이지, 신제품 출시
- 웹 앱, SaaS 대시보드, 데스크톱 도구
- 고급스럽게 보여야 하는 기능 업데이트
맞지 않는 경우
- 촬영할 웹사이트나 화면이 없는 제품
- 사람이 말하는 영상이나 실사 촬영
이 Skill에 대하여
이렇게 말하세요
/video-shotcraft localhost:3000에 있는 내 쇼핑몰로 25초 프로모 영상을 만들어 줘. 제품으로 시작해서 사이즈 선택과 쇼핑백 담기를 보여 주고 로고로 끝내 줘. 스토리보드를 먼저 확인하고 싶으니 공동 제작으로.
웹사이트, 웹 앱, 온라인 쇼핑몰을 에이전트에게 맡기세요. Shotcraft는 실제 페이지를 캡처한 뒤 모션 디자이너처럼 연출합니다. 제품 클로즈업에서 카메라가 올라가 페이지 전체를 보여 주고, 행이 하나씩 자리에 들어가고, 커서가 옵션을 고르면 가격이 바뀌고, 장바구니가 밀려 들어와 항목별로 채워지고, 마지막에 인터페이스가 걷히며 브랜드 이름이 남습니다. 모든 프레임이 여러분의 화면과 문구로 만들어지니 선명하고 브랜드에 맞으며 계속 편집할 수 있습니다.
작동 방식
- 제품 점검: 에이전트가 프로젝트나 사이트를 읽고 무엇을 보여 줄지 판단해 세 가지 방식 중 하나를 추천합니다. 완성된 Ink Press 템플릿 사용, 에이전트에게 연출 전체 맡기기, 또는 브리프·룩·샷 리스트·스토리보드를 직접 확인하는 공동 제작입니다.
- 캡처: 로컬 사이트를 실행(또는 라이브 사이트를 열고)해 각 페이지를 2배 해상도로 캡처하고 요소 컷아웃과 레이아웃 맵을 만듭니다. 카메라가 움직여도 글자가 흐려지지 않습니다.
- 샷: 오프닝, 카메라 무빙, 전환, 인터랙션, 타이포그래피, 엔딩까지 124가지 샷 레시피 중에서 고르고, 조율된 데모 코드를 바탕으로 Remotion에서 영상을 만듭니다.
- 사운드: Freesound에서 효과음을 찾아(기본 CC0) 정확한 프레임에 맞추고, 음악을 가져오면 모든 컷이 박자에 맞습니다.
- 검사와 렌더링: 샷별 스틸, 전체 렌더링, Skill의 품질 규칙에 따른 검토를 거쳐 MP4로 출력합니다.
팁
- 가장 중요한 페이지를 주세요: 상품 페이지, 핵심 동작, 그 결과.
- 샷 갤러리에서 마음에 드는 샷을 이름으로 지정하면 그대로 만듭니다.
- 실제 문구와 가격을 쓰거나, 캡처 전에 샘플 데이터로 바꿔 달라고 하세요.
- 렌더링 전에 스토리보드를 확인하고 싶다면 공동 제작을 고르세요.
오픈소스
Shotcraft는 Yihao가 만들었고(Vincentwei1021/video-shotcraft) Apache-2.0 라이선스로 공개되어 있습니다. 다운로드 파일은 GitHub에 공개된 Skill이며, 템플릿에 포함된 효과음 파일은 빠져 있습니다. 효과음은 Skill이 Freesound에서 직접 가져옵니다.
시작 전에 필요한 것
- 준비물
- 웹사이트나 앱(로컬 프로젝트 또는 라이브 URL), 보여 줄 페이지와 기능, 선택 사항으로 음악, 로고, 갤러리에서 고른 샷.
- 의존성
- Node.js 20 이상 — 필수 · FFmpeg — 필수 · Python 3.9 이상 — 필수 · Remotion — npm으로 설치. 개인과 3인 이하 팀은 무료, 그 이상의 회사는 Remotion 기업 라이선스가 필요
- 외부 비용
- 없음. 캡처, 애니메이션, 렌더링은 모두 내 컴퓨터에서 진행되고 Freesound 효과음은 무료이며, API 키나 유료 서비스를 쓰지 않습니다.
- 마지막 테스트
- v1.0.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
앱뿐 아니라 온라인 쇼핑몰에도 쓸 수 있나요?
네. 페이지에 보이는 것이라면 무엇이든 촬영합니다. 상품 페이지, 사이즈 선택, 장바구니도 대시보드나 설정 화면처럼 다룹니다. 이 페이지의 샘플이 두 온라인 쇼핑몰입니다.
모든 단계를 제가 확인해야 하나요?
원하는 대로 하세요. 공동 제작을 고르면 브리프, 룩, 샷 리스트, 스토리보드를 확인할 수 있고, 에이전트에게 전부 맡길 수도 있습니다.
효과를 고를 수 있나요?
네. 갤러리에서 124가지 샷 레시피를 보고 원하는 것을 지정하면, 조율된 데모 코드를 바탕으로 만듭니다.
왜 무료인가요?
Shotcraft는 Yihao가 만든 오픈소스 Skill입니다. 그대로 소개하고, 저희 자체 상품으로 직접 실행해 만든 샘플을 함께 보여 드립니다.
