How mherick/video-shotcraft works
video-shotcraft combines a catalog of Remotion motion recipes with a ready-made promo template and a browser-based editor. The main workflow is to browse or select motion ideas, assemble and preview a film in the workbench or use the Ink Press template, then render the result; the README also documents JianYing draft export. The tree supports the gallery, demos, template, workbench, and export modules, but does not expose the agent-skill instructions or all runtime wiring, so those details are not modeled.
Main entry points: app.js Motion gallery · App.tsx Workbench app · Main.tsx Ink Press template · PreviewPanel.tsx Film preview
Components 21
Recipe catalog
- Motion gallery
gallery/app.js
Motion recipes
- Camera moves
demos/camera - Data motion
demos/data - Visual effects
demos/effects - UI interactions
demos/interaction - Edit rhythm
demos/rhythm - Shot transitions
demos/transition - Motion typography
demos/typography - UI entrances
demos/ui-entrance
Video production
- Ink Press template
template/src/aifl/Main.tsx - Template scenes
template/src/aifl/live
Browser workbench
- Workbench app
workbench/src/App.tsx - Motion library
workbench/src/panels/LibraryPanel.tsx - Clip inspector
workbench/src/panels/Inspector.tsx - Timeline editor
workbench/src/timeline/Timeline.tsx - Film preview
workbench/src/preview/PreviewPanel.tsx - Project composition
workbench/src/preview/Composition.tsx - Project state
workbench/src/store.ts
Delivery
- Remotion renderer
- JianYing draft export
jianying-export
Other components
- Product creator
Connections 20
- Product creator → Motion gallery: browse recipes
- Product creator → Workbench app: edit film
- Product creator → Ink Press template: use template
- Motion gallery → Camera moves: browse previews
- Motion gallery → Data motion: browse previews
- Motion gallery → Visual effects: browse previews
- Motion gallery → UI interactions: browse previews
- Motion gallery → Edit rhythm: browse previews
- Motion gallery → Shot transitions: browse previews
- Motion gallery → Motion typography: browse previews
- Motion gallery → UI entrances: browse previews
- Ink Press template → Template scenes: renders sequences
- Workbench app → Motion library: shows
- Workbench app → Clip inspector: shows
- Workbench app → Timeline editor: shows
- Workbench app → Film preview: shows
- Workbench app → Project state: reads and updates
- Film preview → Project composition: previews project
- Workbench app → Remotion renderer: submits render
- Product creator → JianYing draft export: export draft