Create code-rendered videos using Claude Skill
Use the video-director skill to guide Claude Opus 5.5 (in Claude Code) through planning, writing, rendering, and QA-checking short code-rendered videos (HTML/Canvas/SVG converted to MP4). It ensures video quality through a phased workflow, QA scripts, and an evaluation system.
Added 2026-11-02 · originally published 2026-10-30
Steps
- 1Clone the repository locally: git clone https://github.com/win4r/video-director.git
- 2Copy the video-director folder to your personal skills directory (such as ~/.claude/skills/) or your project's .claude/skills/ directory
- 3Select the Claude Opus 5.5 model in Claude Code
- 4Submit your video requirements to the AI using natural language (e.g., make a 15-second CLI release loop video)
- 5Run the check script to validate the timeline: python3 video-director/scripts/check_timeline.py timeline.json
- 6Run the QA script to measure the rendering results: python3 video-director/scripts/qa_video.py film.mp4 --out qa/ --beats timeline.json
Ideas for Chinese platforms
Can be adapted for automated short videos or data storytelling on platforms like Xiaohongshu and Douyin: by delegating video requirements (such as product launches or data stories) to AI combined with code (HTML/Canvas/Remotion) for generation, and then utilizing QA scripts to check visuals and audio, enabling batch production of standardized short video content.
Please help me create a [15-second CLI release loop video], using the video-director skill to guide the planning, writing of animation code, rendering, and result inspection.
Related use cases
Summarized by AI from the original source - refer to the original post for details. Copyright belongs to the original author.