YawnsDuzin

Broll Composition — Development skill for Claude Code

Development community

Remotion 데이터 씬 사이에 외부 B-roll(Veo/Pexels)을 끼워 넣는 하이브리드 컴포지션 패턴.

How to install Broll Composition

Installs to ~/.claude/skills/yawnsduzin-remotion-skills-playground-broll-composition/SKILL.md

Terminal
mkdir -p ~/.claude/skills/yawnsduzin-remotion-skills-playground-broll-composition && curl -fsSL https://raw.githubusercontent.com/YawnsDuzin/remotion-skills-playground/HEAD/skills/broll-composition.md -o ~/.claude/skills/yawnsduzin-remotion-skills-playground-broll-composition/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Broll Composition does


name: broll-composition description: Remotion 데이터 씬 사이에 외부 B-roll(Veo/Pexels)을 끼워 넣는 하이브리드 컴포지션 패턴 install_to: .claude/skills/ version: 0.1.0 depends_on: [remotion-composition]

B-roll Composition 스킬

목적

차트/숫자/타이포 같은 **정확성이 중요한 정보**는 Remotion이 코드로 그리고, **분위기 연출용 영상**(스카이라인, 트레이딩 플로어, 도시 풍경)은 외부 mp4로 임포트한다. 이 두 레이어를 합성해 "프로덕션 퀄리티 파이낸스/리포트 영상"을 자동 생성한다.

원칙

  1. 데이터는 코드, B-roll은 파일 — 차트·숫자·타이포는 나
    로, B-roll만 로 임포트
  2. B-roll은 항상 배경 — 데이터 위에 B-r

Alternatives in Development

  • Reset To Ideation — Roll back plugin to ideation stage - keep idea/mockups, remove all implementation 209 ★
  • Vox Collage Broll — Turn one spoken line into a paper-collage explainer video — Claude Code skill + MaxFusion MCP 198 ★
  • Erduo Broll Loop Engineering — SRT 驱动的双后端 B-roll Agent Skill:自动路由 HyperFrames / Remotion,集成 152 张 Shotcraft 镜头卡 166 ★

Full documentation available on GitHub

View Source Repository