
wilwaldon/claude-code-video-toolkit
Browser automation이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
Skills, MCP 서버 및 Claude Code로 비디오를 제작하기위한 도구. programmatic 비디오 (Remotion, Manim), 화면 녹화, YouTube 클립 및 FFmpeg 포스트 처리.
개요
Skills, MCP 서버 및 Claude Code로 비디오를 제작하기위한 도구. programmatic 비디오 (Remotion, Manim), 화면 녹화, YouTube 클립 및 FFmpeg 포스트 처리. - Programmatic Video (Remotion) - React 구성 요소는 MP4로 렌더링 - Math & Science Animation (Manim) - 3Blue1Brown-style 설명자 - Screen Recording & Demo - Playwright를 통해 제품 연습 - YouTube Clipping & Subtitles - 다운로드, 장, 클립, 번역 - FFmpeg & Post-Processing - Encode, resize, Compression, concat - 권장 스택 - 추가 읽기 React 컴포넌트를 작성합니다. MP4를 가져옵니다. 타임 라인 편집기 없음, After Effects. Claude는 TypeScript의 각 프레임을 설명합니다. Remotion은 렌더링합니다. Claude Code의 공식 Remotion 기술. 1 월 2026 년 Went 바이러스 - 출시 데모에서 6M +보기, 25k + 첫 주에 설치. 올바른 모션 코드를 작성하는 방법 : useCurrentFrame(), interpolate(), Spring(), .
개요(AI 번역)
Skills, MCP 서버 및 Claude Code로 비디오를 제작하기위한 도구. programmatic 비디오 (Remotion, Manim), 화면 녹화, YouTube 클립 및 FFmpeg 포스트 처리.
February 2026] [T0]] [T0]] [T0]] [T0]] [T0]] [T0]] [T0]] [T0] [T0] [T0]] [T0] [T0] [T0]] [T0]] [T0] [T0] [T0] [T0] [T0]] [T0] [T0]] [T0] [T0] [T0]] [T0]] [T0] [T0] [T0]] February 2026] February 2026]]] February 2026]]]]]] [[February 2026]]]]]]] [[[[[[February 2026]]]]]]]]]]]]]] [[[[[[[February 2026]]]]]]]]]]]]]]]]]] [[[[[[[[[[[[[[[[[[[[[[
내용 표
- Programmatic Video (Remotion) - MP4에 렌더링 된 React 구성 요소
- 수학 및 과학 애니메이션 (Manim) - 3Blue1Brown-style 설명자
- 화면 녹화 및 데모 - Playwright를 통해 제품 연습
- 유튜브 클립 및 자막 - 다운로드, 챕터, 클립, 번역
- FFmpeg & Post-Processing - 인코딩, 크기, 압축, concat
- 권장 스택
- 더 읽기
프로그램 비디오 (Remotion)
Write React 구성 요소. MP4를 가져옵니다. 타임 라인 편집기 없음, After Effects. Claude는 TypeScript의 각 프레임을 설명하고, Remotion은 그것을 렌더링합니다.
Remotion Agent 스킬 (공식)
Claude Code의 공식 Remotion 기술. 1 월 2026 년 Went 바이러스 - 출시 데모에서 6M +보기, 25k + 첫 주에 설치. 정정 리 모션 코드를 작성 하는 방법: useCurrentFrame(), interpolate()], spring()], ], . 이없이, Claude는 렌더링 중 휴식 웹 애니메이션 패턴을 사용합니다.
인포메이션 |—|||
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
Claude Code Video Toolkit
Skills, MCP servers, and tools for producing video with Claude Code. Covers programmatic video (Remotion, Manim), screen recording, YouTube clipping, and FFmpeg post-processing.
February 2026
Table of Contents
- Programmatic Video (Remotion) — React components rendered to MP4
- Math & Science Animation (Manim) — 3Blue1Brown-style explainers
- Screen Recording & Demos — Product walkthroughs via Playwright
- YouTube Clipping & Subtitles — Download, chapter, clip, translate
- FFmpeg & Post-Processing — Encode, resize, compress, concat
- Recommended Stacks
- Further Reading
Programmatic Video (Remotion)
Write React components. Get MP4s. No timeline editor, no After Effects. Claude describes each frame in TypeScript, Remotion renders it.
Remotion Agent Skills (Official)
The official Remotion skill for Claude Code. Went viral in January 2026 — 6M+ views on the launch demo, 25k+ installs in the first week. Teaches Claude how to write correct Remotion code: useCurrentFrame(), interpolate(), spring(), , . Without this, Claude tries to use web animation patterns that break during rendering.
| Install | npx skills add remotion |
| Docs | remotion.dev/docs/ai/claude-code |
One command to install. Then just describe what you want: “Create a 30-second product launch video with logo animation, feature callouts, and a CTA at the end.” Claude writes the React components, Remotion renders to MP4.
What it’s good for: marketing videos, product demos, data visualizations, explainers, branded content, onboarding videos. Anything that’s motion graphics rather than live footage.
Claude Code Video Toolkit (digitalsamba)
The most complete video production setup for Claude Code. Not just a skill — it’s a full project template with skills, slash commands, reusable components, transitions, a theme system, brand profiles, and a multi-session project lifecycle.
| Author | digitalsamba |
| Source | digitalsamba/claude-code-video-toolkit |
What’s in the box:
- Skills — Remotion, ElevenLabs, FFmpeg, Playwright expertise
- Commands —
/video(start a new video project),/record-demo(screen recording),/brand(create brand profile),/contribute - 9 reusable components — titles, callouts, transitions, lower thirds
- 7 custom transitions + 4 official Remotion transitions
- Theme system —
ThemeProvider+useThemefor consistent styling - Brand profiles — define colors, fonts, voice settings in
brands/my-brand/
설치
npx skills add remotion