Broll Composition — Development skill for Claude Code
Remotion 데이터 씬 사이에 외부 B-roll(Veo/Pexels)을 끼워 넣는 하이브리드 컴포지션 패턴.
How to install Broll Composition
Installs to ~/.claude/skills/yawnsduzin-remotion-skills-playground-broll-composition/SKILL.md
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로 임포트한다. 이 두 레이어를 합성해 "프로덕션 퀄리티 파이낸스/리포트 영상"을 자동 생성한다.
원칙
- 데이터는 코드, B-roll은 파일 — 차트·숫자·타이포는
나로, B-roll만로 임포트- 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 RepositoryRelated Skills
Find Footage
Search and download stock footage from Pexels for your Remotion project. Provide a description of what you nee
Add Music
Generate background music and add it to your Remotion project. Describe the mood/genre you want, and this will
Video New Scene
Scaffold a new Remotion scene under scripts/video/final/src/scenes/ — composition + storyboard row + Root.tsx
Tofu At Codex
Codex 하이브리드 팀 (Leader=Opus, Workers=Anthropic Direct, DA=Codex adversarial)
Code Tutorial
코드 블록 타이핑 애니메이션 중심의 개발 튜토리얼/바이브코딩 쇼츠 컴포지션 규칙
Pexels Skill
Claude Code skill for searching royalty-free stock photos via the Pexels API
Related Agents
B Roll
Plans b-roll cutaways and clean boundaries — graphics finish BEFORE b-roll starts, b-roll plays naked, post-b-
Broll Worker
Cheap, narrow B-roll worker. Executes specific footage tasks from a B-roll GOD plan (stock video, images, clip
Broll Researcher
Production step 4 — sources and records every B-roll/proof asset (websites, stats with real sources, objects)