A Claude Code skill that turns a website URL into a 60 fps product launch video, built from HTML animations rendered with Playwright and ffmpeg.
30247JavaScriptMITUpdated 3 days ago
Vincentwei1021/video-shotcraft
A Claude Code and Codex agent skill that builds cinematic product promo videos in Remotion from your own screenshots and copy.
- Stars
- 12,281
- Forks
- 1,100
- Open issues
- 10
- Last commit
- 24 hours ago
What is it?
video-shotcraft is an agent skill for Claude Code and Codex. You ask the agent for a product promo, and it captures your real pages, picks shots from a library of 124 recipe cards (150 shots in total), storyboards the film, and animates it with Remotion. The workflow also covers beat sync, sound design, and frame-level QA, ending with an MP4 and an editable Remotion project.
The project is not a generative video model. Every frame is drawn by code from your own screenshots and copy, so output stays sharp and can be edited directly in the React source of each shot.
After delivery, a browser-based Motion Workbench lets you adjust shot copy, timing and colors, and export again. Optional outputs include a JianYing (CapCut CN) draft and social publishing through Upload-Post.
Key features
- 01Captures real product pages and builds shots from your own screenshots and copy.
- 02Provides 124 shot recipe cards covering transitions, typography, camera moves and data animation.
- 03Outputs a 1920×1080, 30 fps MP4 along with the full Remotion source.
- 04Syncs cuts to background music beats and includes 149 sound effects and 5 BGM tracks.
- 05Includes a browser-based Motion Workbench for editing and re-rendering after delivery.
- 06Can export an editable JianYing (CapCut CN) draft.
Use cases
- Making a launch or promo video for a product or open-source repo without a video editor.
- Producing short feature-announcement clips from existing web app screenshots.
- Prototyping motion-graphics styles by adapting individual shot recipes to your own product.
Topics
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
Agent Skills that make coding agents design distinctive frontends with art direction, real photos and in-browser visual checks instead of generic AI landing pages.
98.4K6.7KJavaScriptMITUpdated 4 days ago
A toolkit that lets AI coding agents clone a viral video into an editable, re-runnable video workflow with swappable footage, captions, and B-roll.
23K2.7KTypeScriptOtherUpdated 3 days ago
An agent skill that designs AI-generated motion and wires it to scroll, mouse, drag, touch, or device orientation on web pages.
2.6K196PythonMITUpdated 14 days ago
An MCP server that lets AI agents reverse engineer native binaries, JavaScript/Electron apps, .NET assemblies, websites and more, with evidence for each finding.
305.4K77.3KTypeScriptMITUpdated 22 hours ago
An agent skill that turns ideas, plans, or codebases into interactive HTML diagrams, working with Claude Code, Codex, Cursor, and OpenCode.
84.8K5.7KJavaScriptMITUpdated 24 hours ago