Last commit on October 28, 2026 · Created on October 28, 2026
win4r/ video-director
“Build and render code-based motion graphics.”
Combined rank #673
across all skills
Stars 331
+131.5% in last 7d
Traction score GitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance. TL;DR D irect the creation of short videos written as code and rendered frame by frame using HTML, Canvas, SVG, Three.js, GSAP, or Remotion.
WHO IT'S FOR Creative Technologists
building code-rendered motion graphics and promos
Frontend Engineers
creating data stories and animated product explainers
Motion Designers
storyboarding and directing code-based animations
Marketing Content Creators
producing social reels and animated loops for apps
1 skill file View names & sources → Repository contents
1 skill file × Compatible Agents The repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
I’m using Claude Code Claude apps
Claude Code personal skill Claude Code project skill
Claude Code personal skill Installs: Install the video-director skill folder into personal skills. · Claude Code
Before you start Select Claude Opus 5.5 in Claude Code. QA scripts require ffmpeg, ffprobe, and Python 3 with numpy and Pillow. HTML rendering requires Node with Playwright and Chromium; Remotion is a documented alternative. Select Claude Opus 5.5 in Claude Code.
Run this command in a terminal to clone the repository.
git clone https://github.com/win4r/video-director.git Copy In the same terminal directory where you ran the clone command, copy the inner skill folder into your personal Claude Code skills.
cp -R video-director/video-director ~/.claude/skills/ Copy Claude Code project skill Installs: Install the video-director skill folder into one project's .claude/skills/ directory. · Claude Code
Before you start Select Claude Opus 5.5 in Claude Code. QA scripts require ffmpeg, ffprobe, and Python 3 with numpy and Pillow. HTML rendering requires Node with Playwright and Chromium; Remotion is a documented alternative. Select Claude Opus 5.5 in Claude Code.
Run this command in a terminal to clone the repository.
git clone https://github.com/win4r/video-director.git Copy Manually copy the cloned repository's inner video-director/ skill folder into your project's .claude/skills/ directory.
Claude apps custom-skill upload Installs: Upload the inner video-director skill folder as a custom skill. · Claude apps
Before you start QA scripts require ffmpeg, ffprobe, and Python 3 with numpy and Pillow. HTML rendering requires Node with Playwright and Chromium; Remotion is a documented alternative. Actual video output depends on available code execution and rendering tools. Run this command in a terminal to obtain the repository.
git clone https://github.com/win4r/video-director.git Copy Zip the repository's inner video-director/ folder and upload that ZIP as a custom skill in the Claude app.
Give it something to do. Suggested first task Create a short CLI launch loop Uses video-director
Use the video-director skill to make a 15-second looping launch video for my CLI using the README I provide. Keep it focused on one supported claim. Use the compact short-loop workflow, show stills before rendering, and deliver the video with an honest report of the checks performed. Copy 
Claude