Communitygithub.com

fabrica-videos-formatos — 비디오 포맷 선택

비디오의 프레임(화면 분할, 얼굴+창, 얼굴+화면, 무음 튜토리얼, 얼굴+자막)을 선택합니다. 사용자가 다른 비디오 포맷을 원하거나, 같은 콘텐츠의 여러 버전을 테스트하거나, 음성 없는 튜토리얼을 만들 때 사용하세요.

fabrica-videos-formatos — 비디오 포맷 선택란 무엇인가요?

이 스킬은 **에이전트 비디오 공장**의 일부로, 비디오의 '프레임'(화면 분할, 얼굴+창, 얼굴+화면, 무음 튜토리얼, 얼굴+자막 등)을 선택하는 역할을 합니다. 각 포맷은 동일한 조각(pecas)을 사용하지만, 얼굴과 애니메이션이 배치되는 방식이 달라집니다. `src\formatos\` 디렉토리에 있는 코드를 기반으로 하며, `npm run mostruario -- formatos` 명령어로 모든 포맷의 미리보기 이미지를 생성할 수 있습니다. 이 스킬은 `fabrica-videos-reels`와 `fabrica-videos-rapido` 스킬의 시작 부분에서 스토리보드 전에 프레임을 결정할 때 사용됩니다. 각 포맷은 특정 사용 사례(예: 화면 분할은 설명 위주 영상, 무음 튜토리얼은 15초 내외의 반복형 가이드)에 최적화되어 있으며, 개발자는 `TelaDividida`, `RostoComJanela`, `TelaComRosto`, `TutorialMudo`, `VideoLegendado`, `JanelaAgente` 등의 React 컴포넌트를 활용하여 다양한 비디오 구성을 만들 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/eduardogalbiati/fabrica-de-video-skills/tree/HEAD/.claude/skills/fabrica-videos-formatos

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

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

문서

/fabrica-videos-formatos — 비디오 포맷 선택

에이전트 비디오 공장 스킬입니다. 포맷은 비디오의 '프레임'입니다: 얼굴이 어디에, 애니메이션과 화면이 어디에 위치하는지를 결정합니다. 조각(pecas.md는 fabrica-videos-peca 스킬 폴더에 있음)은 모든 포맷에서 동일합니다.

당신은 비디오 편집자입니다. 코드는 src\formatos\ (그리고 src\pecas\TelaDividida.tsx)에 있습니다. npm run mostruario -- formatos 명령어는 포맷과 커버를 보여주는 이미지를 생성하며, 영역 가이드가 켜져 있습니다.

사용 시기

  • "다른 포맷을 테스트해보고 싶어", "얼굴이 전체 화면인 버전으로 해줘", "음성 없는 튜토리얼"
  • fabrica-videos-reels 스킬과 fabrica-videos-rapido 스킬의 시작 부분에서 스토리보드 전에 프레임을 결정할 때.

포맷 목록

포맷컴포넌트설명사용 시기
화면 분할TelaDividida (src\pecas\)애니메이션은 위쪽(1080×960), 얼굴은 아래쪽에 항상 위치기본값: 매 문장마다 애니메이션이 있는 설명 영상
얼굴+창RostoComJanela얼굴이 전체 화면; 표시된 구간에서는 얼굴이 아래쪽 창으로 축소되고 애니메이션이 위에 나타남카메라를 바라보며 열고 닫는 영상, 애니메이션이 필요한 구간에만 사용
얼굴+화면TelaComRosto화면(스크린샷 또는 녹화)이 위쪽 전체를 차지; 얼굴은 모서리가 둥근 작은 프레임으로 아래쪽에 위치웹사이트나 도구를 보여주며 설명할 때
무음 튜토리얼TutorialMudo음성과 얼굴 없음: 위쪽에 단계 번호와 큰 텍스트, 아래쪽에 화면, 반복 재생용15초 내외의 단계별 가이드, 저장용
얼굴+자막VideoLegendado (src\videos\)얼굴이 전체 화면, 자막만 표시빠른 메시지, 애니메이션 없음 (fabrica-videos-legendas 스킬 참조)
얼굴+효과<Gravacao> + 효과 (src\efeitos\)얼굴이 항상 전체 화면; 주요 순간에 녹화 위에 효과(카메라 줌, 주변 패널, 머리 뒤 텍스트 등)가 적용되며, 사이사이에 깨끗한 구간 있음카메라를 바라보며 에너지 있게 말하기, 화면 분할 없음 (카탈로그: pecas.md (fabrica-videos-peca 스킬 폴더), "녹화 위 효과")
데모 (에이전트 세션)JanelaAgente + 트레이 (src\pecas\)전체 화면, 얼굴 없음: 에이전트 창이 위쪽에서 요청 실행(입력, 도구, 버튼 포함 질문); 자막 아래 트레이에는 각 단계의 산출물(OndaDeCorte, 스크린샷, 스크립트, 렌더) 표시제작 과정을 단계별로 보여주는 영상, 음성만 포함

복사해서 사용할 수 있는 예제: src\formatos\Demos.tsx (Studio에서 DemoRostoComJanela, DemoTelaComRosto, DemoTutorialMudo 컴포지션).

각 포맷 사용법

  • RostoComJanela: janelas={[{ de: 2, ate: 6 }]}로 초 단위로 얼굴이 창이 되는 구간을 지정합니다. 애니메이션은 자식 요소로 <Sequence> 안에 같은 시간에 배치되며, 화면 분할과 동일한 치수를 사용합니다. enquadramento는 전체 얼굴에 적용되고 enquadramentoJanela는 창(834×450, 가로로 긺)에 적용됩니다: 두 가지를 다양한 시점에서 테스트하세요. (fabrica-videos-reels 스킬 섹션 4 참조).
  • TelaComRosto: 콘텐츠는 y 180부터 y 960까지; 자막 영역(985–1125)은 비어 있음; 얼굴은 아래쪽(canto: inferior-esquerdo, inferior-direito 또는 superior-direito)에 위치합니다. 얼굴 옆에는 레이블이나 숫자를 넣을 공간이 남습니다.
  • TutorialMudo: passos에 de, ate(초), numero(예: "1."), texto(*단어* = 강조 색상)를 지정합니다. 콘텐츠는 y 620부터 y 1580까지, y 900 아래에서는 x 930을 넘지 않습니다(TelaSite에 largura={834} 사용). 마지막 단계는 첫 번째 단계와 동일한 화면을 보여줘서 반복 재생 시 이음새가 없도록 합니다. 음성이 없으므로 자막도 없습니다: 자막 영역을 다른 용도로 사용할 수 있습니다.
  • 데모 (에이전트 세션): 미리 만들어진 컴포넌트가 아니라 컴포지션을 구성하는 방법입니다. JanelaAgente는 y 236부터 y 960까지(경로나 대화별로 하나씩, 페이드 없이 전환하여 같은 창이 대화를 바꾸는 것처럼 보이게 함), y 180에 현재 비디오 부분을 설명하는 모노라인, y 1150부터 y 1540까지(x 930까지) 각 단계의 산출물을 보여주는 트레이로 구성됩니다. 자막 영역은 비어 있습니다. 창의 모든 텍스트는 실제여야 합니다: 존재하는 명령어, 출력된 결과, 스킬이 묻는 질문, 발생한 대화와 응답. 모든 스타일에서 잘 어울리며, palco에서는 창이 바닥 위에 떠 있는 것처럼 보입니다.
  • 모든 포맷 공통: mostrarGuia는 Instagram 영역을 표시하여 확인할 수 있게 하고, 진행 바는 기본 제공됩니다.

확인

npm run mostruario -- formatos 명령어는 trabalho\out\formatos.jpg 파일을 생성하며, 각 데모의 한 프레임과 가이드가 표시됩니다. 실제 비디오에서는 npm run folha를 사용하세요.

제한 사항

  • 화면 녹화(TelaComRosto 및 TutorialMudo용)는 사용자가 직접 수행해야 함; TelaSite는 정적인 스크린샷에 스크롤 및 줌 기능만 제공합니다.
  • 얼굴 뒤의 배경 변경을 위한 포맷은 아직 준비되지 않았습니다. 컷아웃 기능은 이미 존재합니다: npm run recortar 명령어로 투명 배경의 사람을 생성하고, <PessoaRecortada> (src\efeitos\Gravacao.tsx에 있음)를 사용하여 어떤 배경 위에도 배치할 수 있습니다.

Individual skills in this repo

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

관련 스킬