Communitygithub.com

assafkip/claude-video-editor

편집할 영상이 없을 때 이미지로 영상을 제작합니다 — 내레이션(ElevenLabs v3 오디오 태그 사용)을 먼저 생성한 후, 모든 소스(AI 이미지 도구, 스크린샷, 사진, HyperFrames 렌더링 HTML)에서 정지 키프레임을 가져와 결정론적으로 애니메이션화합니다(animate-stills 레시피: HyperFrames 카메라 움직임 + GSAP 분위기). 사용자가 설명 영상, 다큐멘터리 스타일 영상, 또는 녹화된 푸티지 대신 생성되거나 수집된 비주얼로 구성된 영상을 원할 때 사용하세요.

claude-video-editor란 무엇인가요?

이 스킬은 실제 푸티지 없이도 완전한 영상을 제작해야 하는 AI 에이전트(Claude Code, Cursor 등)를 위해 설계되었습니다. ElevenLabs v3 TTS로 내레이션을 먼저 생성하고, 타임라인을 정확히 잡기 위해 전사한 다음, AI 도구나 HTML에서 생성된 정지 이미지를 수집합니다. 이 이미지들은 HyperFrames를 통해 'animate-stills' 레시피로 연결되어 결정론적 카메라 움직임(밀어넣기, 드리프트, 홀드)과 GSAP 분위기 효과(안개, 비, 빛 변화)를 적용합니다. 이 과정은 완전히 재현 가능하므로, 모든 실행에서 동일한 결과물을 얻을 수 있습니다. 프레임 QA, 음량 검사, 자막 내장 등도 포함되어 있어, 다큐멘터리, 설명 영상, 제품 시연, 또는 생성된 비주얼이 필요한 모든 영상물 제작에 적합합니다.

지원 대상✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/assafkip/claude-video-editor/tree/HEAD/skills/generate-footage

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

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

문서

generate-footage

이 플러그인의 또 다른 진입점입니다. video-use는 이미 가지고 있는 푸티지를 편집합니다. 이 스킬은 아직 가지고 있지 않은 푸티지로 영상을 만듭니다: 내레이션과 정지 키프레임을 HyperFrames로 구성하고 애니메이션화하여 결정론적으로 렌더링합니다.

파이프라인 (프로덕션에서 검증됨; 모션 단계가 결정론적인 이유는 docs/rca/ 참조):

스크립트 (v3 오디오 태그 사용)
  → eleven_v3 내레이션            (scripts/tts_v3.py)
  → 전사                           (npx hyperframes transcribe narration.mp3)
  → 장면 창을 문장 경계에 고정       (단어 수준 타임스탬프)
  → 모든 곳에서 정지 이미지 가져오기   (장면당 하나의 키프레임 — 아래 참조)
  → animate-stills 구성            (recipes/04-animate-stills.md, build_scenes.py)
  → 린트 → 렌더 → 모션 + 오디오 QA (scripts/motion_check.py, 접촉 시트)

순서가 중요합니다: 음성을 먼저, 비주얼은 나중에

구성이나 키프레임 수집 전에 내레이션을 생성하고 전사하세요. 말하는 문장 경계가 장면 창이 됩니다. v3 리딩은 박자가 비결정론적입니다 — 120초 예상이 100초 또는 166초로 나올 수 있습니다 — 따라서 먼저 만들어진 비주얼은 항상 다시 타이밍이 조정됩니다.

음성 해설 — ElevenLabs v3 오디오 태그 사용

scripts/tts_v3.py — stdlib만 사용, pip 의존성 없음. 키는 $ELEVENLABS_API_KEY 또는 플러그인의 skills/video-use/.env에서 가져옵니다.

python3 scripts/tts_v3.py --probe                      # eleven_v3 확인 + 음성 목록 보기
python3 scripts/tts_v3.py --voice <id> --stability 0.0 --script SCRIPT.md --out narration.mp3
  • 오디오 태그는 스크립트 텍스트에 넣습니다: [excited], [whispers], [softly], [dramatic tone], [warmly]. v3는 이를 수행하고 v2는 무시합니다.
  • 안정성: 0.0 = 창의적 (최대 표현력), 0.5 = 자연스러움, 1.0 = 강건함. "평탄한" 읽기는 안정성을 낮추고 스크립트에 태그를 다시 추가하여 해결하며, 더 큰 소리가 아닙니다.
  • 전달 레버: 강조할 단어에 대문자, 극적인 멈춤에 ..., 대비 (큰 대사 직전에 [whispers]로 전환).
  • 첫 문장에서 2-3개의 음성을 미리 들어보고 결정하세요. 첫 번째 음성은 최선이 아닙니다.
  • v3는 약간 의역할 수 있습니다. 결과를 전사하고 읽어보세요. 핵심 문장이 변경되었다면 다시 생성하세요.

모든 곳에서 정지 이미지 가져오기

키프레임은 그냥 PNG입니다. 파이프라인은 어디서 왔는지 신경 쓰지 않습니다. 장면당 하나의 정지 이미지, kf-NN.png로 이름을 지정하고 장면 매니페스트에 나열합니다 (recipes/04-animate-stills.md가 스키마를 문서화합니다). 작동하는 소스:

  • AI 이미지 도구 — 이미 가지고 있는 텍스트-이미지 도구 (Gemini, GPT image, Midjourney, 로컬 SD, 또는 호스티드 액터 — 마지막의 선택적 섹션 참조). 장면별 프롬프트에서 하나의 고정된 스타일 접미사를 사용하여 생성합니다.
  • 스크린샷과 사진 — 제품 UI 캡처, 아카이브 자료, 스캔, 실제 사진. Ken Burns 효과는 이를 위해 발명되었습니다.
  • HyperFrames 렌더링 HTML — 스타일이 적용된 HTML 프레임을 만들고 스냅샷합니다; 엔진이 자체 정지 이미지를 생성합니다.

소스에 관계없이 적용되는 규칙:

  • 하나의 스타일을 고정하여 DESIGN.md에 명시하고 모든 프레임에 적용합니다. 프레임 간 스타일 변이는 움직임과 그레이딩이 적용되면 다른 샷으로 읽힙니다.
  • 파일 형식을 확인하십시오. 일부 도구는 .png 이름으로 JPEG를 제공합니다; 구성 전에 매직 바이트를 확인하세요 (file kf-01.png).
  • 모든 프레임을 QA하십시오 (이미지를 읽으십시오). 스타일에 맞지 않는 한 프레임은 유지가 아닌 재생성 대상입니다. 다음을 확인하세요: 텍스트 아티팩트, 워터마크, 시대착오, 클로즈업 얼굴 (드리프트 위험), 잘못된 팔레트.
  • 공개적으로 게시하는 모든 항목에 대해 생성된 프레임에 IP 이름이나 실제 살아있는 사람의 초상을 사용하지 마십시오.

애니메이션 — 결정론적, 리포지토리 내

정지 이미지는 animate-stills 레시피 (recipes/04-animate-stills.md)로 움직임이 됩니다: 매니페스트 기반 HyperFrames 구성으로 각 정지 이미지에 카메라 언어 (밀어넣기, 드리프트, 홀드)와 GSAP 분위기 (안개, 비, 빛 변화, 비네트)를 적용하고, 장면 창을 전사본에 고정합니다. scripts/build_scenes.py가 매니페스트에서 장면 레이어를 생성하고; scripts/motion_check.py가 렌더링된 출력에서 픽셀 차이를 통해 실제 움직임을 증명합니다. 매 실행마다 동일하게 렌더링되며, 비용이 들지 않고, 오프라인에서 작동합니다.

HyperFrames CLI를 위해 Node >= 22가 필요합니다.

자막 및 조립

  • 자막을 영상에 내장합니다 (Reddit/X에서 음소거 자동 재생), 구문 수준, 전사된 단어에서 시간이 지정됩니다.
  • 스토리 전환 시 흰색 플래시 (0.28초); 다른 곳은 부드러운 크로스페이드; 어두운 비네트 그레이드가 다양한 소스의 정지 이미지를 통일하고 자막이 잘 읽히게 합니다.
  • 렌더링에서 움직임을 확인합니다: 한 장면 내에서 4초 간격의 두 프레임을 픽셀 차이로 비교합니다 (scripts/motion_check.py — 평균 회색 차이 > 3 = 실제 움직임).
  • 오디오 QA: ffmpeg -af volumedetect — 다큐멘터리 음성은 -26 dB 평균 근처에 위치합니다.

선택 사항: 호스티드 생성 도구

이들은 의존성이 아닙니다. 정지 이미지나 클립을 얻는 여러 방법 중 하나이며, 통보 없이 사라질 수 있습니다 — 그에 따라 계획하세요.

  • Apify 텍스트-이미지 액터 (예: akash9078/ai-image-generator, ~$0.01/이미지)는 배치 키프레임 생성에 잘 작동했습니다. 조용한 실패 (null URL과 함께 ok:true) 및 잘못된 파일 형식 레이블에 주의하세요.
  • 호스티드 이미지-비디오 액터는 이 파이프라인이 이전에 모션 단계를 유지했던 곳입니다. 2026-06-11에 액터 danitn11/wan22-lightning-image-to-video (총 2명 사용자)가 업스트림에서 중간에 사망했고 모든 실행이 즉시 실패했습니다; 전체 분석은 docs/rca/rca-generate-footage-animation-2026-06-11.md에 있습니다. 생성형 이미지-비디오는 이제 분리된 동반 리포지토리에 있으며 플러그 가능한 BYO-키 백엔드를 사용합니다; 이 플러그인의 모션 단계는 결정론적이며 로컬입니다.

Individual skills in this repo

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

assafkip/claude-video-editor

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

assafkip/claude-video-editor

HyperFrames CLI tool — hyperframes init, lint, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark. Use when scaffolding a project, linting or validating compositions, previewing in the studio, rendering to video, transcribing audio, generating TTS, or troubleshooting the HyperFrames environment.

assafkip/claude-video-editor

Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, and registry discovery.

assafkip/claude-video-editor

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For CLI commands (init, lint, preview, render, transcribe, tts) see the hyperframes-cli skill.

assafkip/claude-video-editor

Beginner-friendly end-to-end video creator for HyperFrames. Use when the user says "make a video", "create a video", "new video", "build a video", "video from scratch", "I want to make a video", "help me create a video", or when someone who's never used HyperFrames before arrives with a concept, script, or rough idea and wants a finished MP4. Interviews the user in one pass, then builds the full video with mandatory preview and visual-verification gates.

assafkip/claude-video-editor

Build and iterate short-form vertical (9:16) videos in Hyperframes — TikTok/Reels/Shorts style. Use when Nate says "short-form video", "vertical video", "TikTok/Reels/Shorts", "make a short", "talking-head + motion graphics", or when the target is a 1080x1920 composition with face video + synced scene overlays + karaoke captions. Encodes the full May Shorts 19 playbook: face-mode choreography, audio-synced scene timing, karaoke captions, and the 10-rule quality checklist.

assafkip/claude-video-editor

Edit any video by conversation — the orchestrator for the bundled video pipeline. Use when the user wants to edit, cut, caption, grade, or add motion graphics to footage; drops a folder of clips and says "edit this"; or asks to make a promo/teaser/tutorial/short. Routes to video-use (the cut engine) and HyperFrames (motion-graphics overlays), with a motion-craft library for taste.

assafkip/claude-video-editor

Production pipeline for mathematical and technical animations using Manim Community Edition. Creates 3Blue1Brown-style explainer videos, algorithm visualizations, equation derivations, architecture diagrams, and data stories. Use when users request: animated explanations, math animations, concept visualizations, algorithm walkthroughs, technical explainers, 3Blue1Brown style videos, or any programmatic animation with geometric/mathematical content.

assafkip/claude-video-editor

Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn this into a video", "make a promo from my site", (3) the user wants a social ad, product tour, or any video based on an existing website, (4) the user shares a link and asks for any kind of video content. Even if the user just pastes a URL — this is the skill to use.

관련 스킬