
wilwaldon/claude-code-video-toolkit
Browser automationこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
スキル、MCP サーバー、Claude コードでビデオを作成するツール。 カバー プログラマティックビデオ(Remotion、Manim)、画面録画、YouTubeのクリッピング、およびFFmpegのポスト処理.
概要
スキル、MCP サーバー、Claude コードでビデオを作成するツール。 カバー プログラマティックビデオ(Remotion、Manim)、画面録画、YouTubeのクリッピング、およびFFmpegのポスト処理。 - プログラマティックビデオ(Remotion) — MP4 - 数学と科学アニメーション(Manim)にレンダリングされた反応コンポーネント — 3Blue1Brown-styleの解説 - スクリーン録画とデモ - Playwright - YouTubeのクリッピングとサブタイトル - ダウンロード、チャプター、クリップ、翻訳 - FFmpeg & Post-Processing - Encode、リサイズ、圧縮、コンカット - 推奨スタック - さらなる読書 React コンポーネントを書く。 MP4sを入手してください。 タイムラインエディタは、エフェクトの後にはありません。 Claude は TypeScript の各フレームを記述し、Remotion はそれをレンダリングします。 クロードコードの公式リモーションスキル。 1月2026日 - 6M +のリリースデモでウイルス性ウイルス, 25k +最初の週にインストール. 正しいRemotionコードを書く方法: useCurrentFrame(), interpolate(), Spring(), .
概要(AI 翻訳)
スキル、MCP サーバー、Claude コードでビデオを作成するツール。 カバー プログラマティックビデオ(Remotion、Manim)、画面録画、YouTubeのクリッピング、およびFFmpegのポスト処理。
[February 2026]
お問い合わせ
コンテンツの表
- プログラマティックビデオ(Remotion) — MP4 にレンダリングされた React コンポーネント
- 数学と科学アニメーション(Manim) — 3Blue1ブラウンスタイルの解説
- スクリーン録画とデモ - Playwrightによる製品ウォークスルー
- YouTubeのクリッピングと字幕 — ダウンロード、チャプター、クリップ、翻訳
- FFmpeg及び後処理 — 符号化、サイズ変更、圧縮、concat
- 推奨スタック
- さらなる読書
お問い合わせ
プログラマティックビデオ(リモーション)
Write Reactコンポーネント。 MP4sを入手してください。 タイムラインエディタは、エフェクトの後にはありません。 Claude は TypeScript の各フレームを記述し、Remotion はそれをレンダリングします。
###リモーションエージェントスキル(公式)
クロードコードの公式リモーションスキル。 1月2026日 - 6M +のリリースデモでウイルス性ウイルス, 25k +最初の週にインストール. useCurrentFrame(), [interpolate()]], [spring()]], [ ]], [[ ]]). この限り、Claude はレンダリング中に壊れる Web アニメーション パターンを使用するしようとします。
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | お問い合わせ
このページは 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