iaquetrabaja/skill-animados

Animados: 촬영하지 않고 쓰는 비디오

이런 비디오 하나는 약 1,000~2,000개의 그림(초당 30개)으로 구성되며, 음성이 각 단어를 말하는 정확한 순간에 그림이 바뀝니다. 어떤 프로그램에서도 편집하지 않습니다. 코드로 Remotion에 작성하고 자동 렌더링됩니다.

항상 이 순서대로 작업하세요. 단계를 건너뛰지 마세요. 가장 많이 건너뛰는 단계는 검토 단계이며, 이 단계가 조회수 300에 머무는 영상과 잘 만든 영상을 가르는 기준입니다.

0. 시작하기 전에

• referencias/05-taller.md를 읽고 템플릿으로 비디오 폴더를 준비하세요.
• referencias/gusto.md를 읽으세요. 이것이 AI로 만든 것처럼 보이지 않게 하는 요소입니다.
• 사용자에게 voz.md나 음성 샘플이 있다면 사용하세요. 없다면 한 가지만 물어보세요: 이 비디오는 누구를 위한 것인가요?

1. 조사 (referencias/04-investigacion.md)

• 주제에 대한 실제 답변을 최소 3개 출처에서 찾고, 그중 하나는 1차 출처(제조사, 규격, 연구소, 저자명이 있는 기사)여야 합니다.
• 각 데이터를 출처와 함께 investigacion.md에 기록하세요. 출처가 없는 데이터는 대본에 넣지 않습니다.
• 아무도 말하지 않는 세부 정보를 찾으세요. 비디오는 "이건 몰랐네"라는 반응에서 힘을 얻습니다.

2. 대본 및 텍스트 (referencias/01-guion-y-texto.md)

• 첫 1초에 사용할 4개의 서로 다른 후크를 작성하고, 사용자와 함께 하나를 선택하거나 사용자가 없으면 평가 기준을 가장 잘 충족하는 것을 선택하세요.
• 대본 작성: 70110단어(2540초), 문장당 4~12단어, 문장당 하나의 정보, 후크로 돌아오는 마무리.
• 게시글 텍스트와 3가지 썸네일 옵션을 작성하세요.

3. 음성

• 기본값: 무료 로컬 음성: python herramientas/voz_local.py guion.txt voz.wav --muestra mi_voz.wav --texto-muestra "샘플에서 말하는 내용". 사용자의 10~20초 음성 샘플로 목소리를 복제합니다(빠른 처리를 위해 NVIDIA 그래픽 카드 필요).
• 숫자와 약어: guion.txt에 [ISO 11540|ISO 만 천 오백 사십]처럼 작성하세요. 음성은 오른쪽 부분을 읽고, 자막은 왼쪽을 표시합니다.
• 사용자가 ElevenLabs를 선호하면, 해당 API와 음성으로 voz.wav를 생성하세요. 비디오당 약간의 비용이 듭니다.
• 결과 전체를 듣거나(또는 palabras.py로 전사하여 읽으세요). 어떤 단어가 이상하게 들리면, 억지로 넣지 말고 문장을 다시 작성하세요.

4. 단어별로

• python herramientas/palabras.py voz.wav plantilla/public/cues.json --guion guion.txt는 각 단어와 정확한 시간(초)을 포함한 cues.json을 생성합니다. --guion을 사용하면 텍스트는 대본에서 가져오고 음성에서 시간만 추출하므로 전사 오류가 생기지 않습니다.
• 문장 → 그림 표 작성 (referencias/02-frase-a-dibujo.md): 각 문장에 대해 무엇이 보이는지, 어떤 단어가 트리거인지, 어떤 움직임이 있는지.

5. 애니메이션 (referencias/03-movimiento-y-sincro.md)

• plantilla/src/escenas.tsx에 장면을 작성하세요. 각 장면은 SVG 또는 React 컴포넌트이며, 수동으로 설정한 초가 아닌 cue("단어")로 시작합니다.
• 새로운 요소는 최대 0.5초 간격으로만 추가됩니다. 움직임 없이 나타나는 것은 없습니다. 이유 없이 움직이는 것도 없습니다.
• 2~4단어 자막, 키워드 강조 표시; 템플릿에 이미 포함되어 있습니다.

6. 프레임 단위 검토

• npx remotion render src/index.ts Video ../salida/video.mp4 실행 후 python herramientas/revisa.py salida/video.mp4를 실행하면 0.5초마다 한 프레임씩 출력된 시트가 생성됩니다.
• 시트를 보고 다음을 확인하세요:
  • 각 그림이 해당 단어에 맞게 표시되는지(3프레임 여유 허용, 그 이상 불가);
  • 가장자리에서 잘리는 부분이 없는지;
  • 어떤 텍스트도 자막과 충돌하지 않는지;
  • 깜빡임이 없는지.
• 수정하고 다시 렌더링하세요. 시트가 깨끗해질 때까지 반복하세요. 확인하지 않고 결과물을 제공하지 마세요.

7. 결과물 전달

• salida/video.mp4 (1080×1920, 30fps), 게시글 텍스트, 3개의 썸네일 (salida/portada-*.png), 출처 목록.
• 한 줄로 무엇을 검토했고 무엇을 확인할 수 없었는지 말하세요.

예제

ejemplos/ 폴더에 세 개의 완성된 비디오(볼펜, 지하철, 캔)와 각각의 대본, 출처가 포함된 조사 내용, 장면이 있습니다. 첫 번째 애니메이션을 만들기 전에 읽어보세요. 수준을 가장 빨리 파악하는 방법입니다.

절대 깨지 않는 규칙

• 지어낸 것 금지: 출처가 없으면 데이터를 넣지 않습니다.
• 브랜드와 다른 사람의 비디오는 인용할 뿐, 그림이나 음악을 복사하지 않습니다.
• 화면에 이모티콘 없음, 유명인 음성 사용 금지.