Immutable. This exact content is served forever at /api/v1/blob/ac84ef617e7e0340.
# video-shotcraft > video-shotcraft is an AI agent skill for Claude Code and Codex that crafts cinematic product promo videos with Remotion. It ships 104 shot recipe cards covering 161 styles with 161 motion previews, reusable Remotion components, SFX assets, a six-stage production methodology, and a production-ready 36.2-second promo template (Ink Press). Each shot recipe card documents a motion technique: purpose, energy level, suggested duration, tuned parameters, implementation notes, and known pitfalls, paired with a tuned Remotion (TSX) reference implementation. ## Docs - [README](https://github.com/Vincentwei1021/video-shotcraft#readme): what the skill does, quick start, showcase videos - [SKILL.md](https://github.com/Vincentwei1021/video-shotcraft/blob/main/SKILL.md): agent entry point and core production rules - [Production pipeline](https://github.com/Vincentwei1021/video-shotcraft/blob/main/references/pipeline.md): six-stage workflow - [Ink Press template](https://github.com/Vincentwei1021/video-shotcraft/blob/main/template/TEMPLATE.md): complete 36.2s promo template - [Gallery landing](https://vincentwei1021.github.io/video-shotcraft/): what the skill is, categories overview - [Shot library](https://vincentwei1021.github.io/video-shotcraft/library.html): browse all shot cards and motion previews ## Shot recipe cards ### Opening & Brand - [brand-ink-open](https://vincentwei1021.github.io/video-shotcraft/library.html#brand-ink-open): Ink crosshairs draw in, the wordmark stamps letter by letter, a subtitle types on, then the lockup holds and lifts away. - [crane-rise-reveal](https://vincentwei1021.github.io/video-shotcraft/library.html#crane-rise-reveal): The camera starts tight on one data row, rises and pulls back, then reveals a full dashboard filling the frame. - [dataviz-landscape-open](https://vincentwei1021.github.io/video-shotcraft/library.html#dataviz-landscape-open): Streams of light merge across a dark data landscape while labels hover and a shallow-depth camera glides forward. - [icon-field-colorize](https://vincentwei1021.github.io/video-shotcraft/library.html#icon-field-colorize): A grid of grayscale icons staggers in to fill the screen, holds a beat, then brand-color bands ripple down and light the whole field at once. - [letterspace-materialize](https://vincentwei1021.github.io/video-shotcraft/library.html#letterspace-materialize): Every letter of a widely tracked wordmark draws itself in parallel, growing like handwriting and finishing together on the same frame. - [magician-card-flourish](https://vincentwei1021.github.io/video-shotcraft/library.html#magician-card-flourish): A blue starburst flashes on black for a third of a second, then a card shoots out of the flash, spinning along an arc toward camera before freezing near full frame. - [spotlight-hero-card](https://vincentwei1021.github.io/video-shotcraft/library.html#spotlight-hero-card): A spotlight selects one card, the camera pushes diagonally, the card lifts for two outline passes, then returns to the page. - [stroke-segment-build](https://vincentwei1021.github.io/video-shotcraft/library.html#stroke-segment-build): Disconnected title strokes illuminate in a scrambled order and become readable only when the final segments snap into place. - [text-as-mask](https://vincentwei1021.github.io/video-shotcraft/library.html#text-as-mask): Product footage moves inside oversized title letters before the type expands until the footage takes over the frame. ### Typography & Title Cards - [cel-flash-stomp](https://vincentwei1021.github.io/video-shotcraft/library.html#cel-flash-stomp): Large words stamp into frame on the beat while flat background colors flash behind the locked typography. - [gradient-word-sweep](https://vincentwei1021.github.io/video-shotcraft/library.html#gradient-word-sweep): A gradient light sweeps left to right across a keyword, charging each character with glow that decays behind the wavefront until the whole word breathes. - [marker-underline-title](https://vincentwei1021.github.io/video-shotcraft/library.html#marker-underline-title): After the headline settles, a marker stroke draws itself under the keyword — tapered, rough-edged, and slightly tilted to follow the italic. - [paper-title-card](https://vincentwei1021.github.io/video-shotcraft/library.html#paper-title-card): A sentence stamps onto paper word by word, highlights one amber italic term, and closes with a short rule. - [pill-slot-cycle](https://vincentwei1021.github.io/video-shotcraft/library.html#pill-slot-cycle): A fixed sentence keeps its trailing pill slot spinning like a slot machine through feature words until the final word locks the sentence. - [split-flap-title](https://vincentwei1021.github.io/video-shotcraft/library.html#split-flap-title): Characters flip through two incorrect glyphs before locking into the title in a left-to-right mechanical wave. - [text-column-converge](https://vincentwei1021.github.io/video-shotcraft/library.html#text-column-converge): Two words pinned at opposite screen edges hard-swap through options, then slide together exactly once to lock into the final phrase. - [title-demote-to-label](https://vincentwei1021.github.io/video-shotcraft/library.html#title-demote-to-label): A centered headline stands for a beat, then shrinks and slides to the top-left corner to become a section label as content grows beneath it. - [type-assembly-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#type-assembly-moves): Four typography assemblies: split-letter rise, drifting convergence, tracking expansion, and text flowing along a path. - [type-entrance-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#type-entrance-moves): Two title entrances: characters decoding from noise and letters falling under gravity before bouncing into alignment. - [type-rhythm-sync](https://vincentwei1021.github.io/video-shotcraft/library.html#type-rhythm-sync): Two voice-and-beat synchronizations: font weight pulsing on percussion and spoken words filling like karaoke. - [typewriter-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#typewriter-moves): Two typing narratives: a terminal command that triggers the scene and a three-act mistake, deletion, and retype. - [document-typewriter-reveal](https://vincentwei1021.github.io/video-shotcraft/library.html#document-typewriter-reveal): A fully typeset document writes itself behind one accent-color caret, opens both side columns, and drops history entries into the rail. - [word-relay-filmstrip](https://vincentwei1021.github.io/video-shotcraft/library.html#word-relay-filmstrip): A filmstrip of page cards steps vertically while a serif word relay swaps only its verb, each swap aligned to the center of the current card. ### UI Entrance & Showcase - [cloner-depth-echo](https://vincentwei1021.github.io/video-shotcraft/library.html#cloner-depth-echo): A card duplicates into a diagonal depth trail, holds briefly, then accelerates back into one springy original. - [deck-deal-flyin](https://vincentwei1021.github.io/video-shotcraft/library.html#deck-deal-flyin): A physical card stack opens the scene, then cards accelerate into a live grid as the camera follows the growing page. - [draw-svg-trace](https://vincentwei1021.github.io/video-shotcraft/library.html#draw-svg-trace): An ink stroke traces an element outline, closes with a dark flash, and hands focus to the revealed content. - [element-body-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#element-body-moves): Two ways to give interface elements physicality: elastic axial stretch and a contact shadow that separates during lift. - [integration-hub-map](https://vincentwei1021.github.io/video-shotcraft/library.html#integration-hub-map): A page flips 180 degrees into an integration hub where five app icons pop in together and rainbow light tubes connect with pulses flowing through them. - [list-stack-press](https://vincentwei1021.github.io/video-shotcraft/library.html#list-stack-press): List cards fly up from below, compress the growing stack on every landing, and advance a synchronized counter. - [morph-from-primitive](https://vincentwei1021.github.io/video-shotcraft/library.html#morph-from-primitive): A circle anticipates with one breath, morphs into a rounded card outline, then reveals its content. - [neon-frame-forerun](https://vincentwei1021.github.io/video-shotcraft/library.html#neon-frame-forerun): A neon frame races ahead to outline the scene in steep perspective while components drop from above and the page brightens as they land. - [neon-frame-orbit-drop](https://vincentwei1021.github.io/video-shotcraft/library.html#neon-frame-orbit-drop): After a neon frame draws itself, the camera arcs left to right while every page component drops from the air and lands on the same frame. - [page-waterfall-wall](https://vincentwei1021.github.io/video-shotcraft/library.html#page-waterfall-wall): Real page captures flow at different speeds across a tilted 3D wall, creating an endless field of content. - [paper-craft-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#paper-craft-moves): Two paper gestures: masking tape slapping a floating card down, and cards rising from the page like a pop-up book. - [row-embed](https://vincentwei1021.github.io/video-shotcraft/library.html#row-embed): Content rows descend with perspective, flatten into the page, and flash a thin amber seam at the moment of insertion. - [runway-ground-skim](https://vincentwei1021.github.io/video-shotcraft/library.html#runway-ground-skim): From a low runway angle, UI cards rain down in overlapping fast drops with zero bounce, then the finished page tilts upright to camera. - [skeleton-reveal](https://vincentwei1021.github.io/video-shotcraft/library.html#skeleton-reveal): Content develops in three stages — wobbling doodle placeholders, gray skeleton bars, then rows resolving into avatars and word-by-word text. - [wall-reveal-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#wall-reveal-moves): Three in-place wall reveals: sequential bento lights, a wave of grid flips, and a wireframe drawing itself into a finished interface. ### Camera & Space - [crash-zoom-punch](https://vincentwei1021.github.io/video-shotcraft/library.html#crash-zoom-punch): A six-frame push races from a wide view to a target close-up, ending with either an elastic overshoot or a heavy impact stop. - [depth-layer-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#depth-layer-moves): Two depth techniques: layered parallax rails and a simulated dolly zoom that pins the subject while the background expands. - [graze-face-tour](https://vincentwei1021.github.io/video-shotcraft/library.html#graze-face-tour): The camera skims low across the UI surface like terrain while page text hovers above the interface and settles down as the shot advances. - [overhead-camera-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#overhead-camera-moves): Two overhead reveals: a tilted scene leveling into view, and a tabletop layout dropping sharply into place. - [space-camera-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#space-camera-moves): Three spatial camera moves: exploded assembly, subject-locked rotation, and a drone-like dive to the landing point. - [steep-tilt-glide](https://vincentwei1021.github.io/video-shotcraft/library.html#steep-tilt-glide): A page stands at a steep 60-degree perspective and glides across a fixed camera with speed ghosting while text settles onto the surface mid-flight. - [tension-camera-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#tension-camera-moves): Four emotional camera tools: frozen orbit, Dutch roll correction, slow pressure push, and an isolating pull-back. ### Data & Metrics - [before-after-slider-scrub](https://vincentwei1021.github.io/video-shotcraft/library.html#before-after-slider-scrub): Before and after views share one frame while a fast-then-slow slider reveals the processed result. - [chart-live-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#chart-live-moves): Three data-driven motions: a live oscilloscope trace, dots regrouping into a figure, and an axis forced to rescale. - [gauge-readout-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#gauge-readout-moves): Two instrument reads: a full-range needle self-test and a moving scale that races beneath a fixed pointer. - [odometer-digit-roll](https://vincentwei1021.github.io/video-shotcraft/library.html#odometer-digit-roll): A full-screen metric rolls each digit like an odometer, overshoots into place, and pulses when every column locks. - [particle-celebrate-hits](https://vincentwei1021.github.io/video-shotcraft/library.html#particle-celebrate-hits): Two celebration accents: crossing confetti cannons and sparks emitted when a counter passes a milestone. - [particle-sand-fill](https://vincentwei1021.github.io/video-shotcraft/library.html#particle-sand-fill): Chart columns form from falling square particles, solidify when full, and finish with a value pop. - [scroll-brake-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#scroll-brake-moves): Two fast-scroll stops: a long page decelerating precisely onto a target, and the same stop paired with a locking reticle. - [timeline-travel](https://vincentwei1021.github.io/video-shotcraft/library.html#timeline-travel): The camera accelerates along a horizontal version timeline, raises cards at each stop, then brakes sharply on the final milestone. ### Interaction & Feature Demo - [ai-stream-response](https://vincentwei1021.github.io/video-shotcraft/library.html#ai-stream-response): A readable AI summary lands first, followed by evidence rows that stream in and resolve into a completed state. - [autolayout-gap-dial](https://vincentwei1021.github.io/video-shotcraft/library.html#autolayout-gap-dial): A gap value dial pushes a row of blocks apart in real time while badge digits tick, then everything springs back into place. - [canvas-materialize-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#canvas-materialize-moves): Two materialize moves: table rows arc out of a panel and morph into canvas cards, and a typed prompt grows a cascading diagram tree. - [collab-cursor-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#collab-cursor-moves): Two cursor performances: a duet of collaborator cursors dancing in a dark scene, and a five-cursor ensemble drifting and typing as ambience. - [command-palette-summon](https://vincentwei1021.github.io/video-shotcraft/library.html#command-palette-summon): The screen dims and blurs as a command palette drops in, populates results, and narrows while the query is typed. - [hashtag-to-pill-materialize](https://vincentwei1021.github.io/video-shotcraft/library.html#hashtag-to-pill-materialize): A typed "#word" hard-cuts into a wide pill tag, holds, shrinks into its slot on the page, then hard-cuts again to reveal the finished view. - [input-trigger-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#input-trigger-moves): Two input triggers: a performing cursor, and a key strike used as a hard-cut fuse. - [segmented-thumb-hero](https://vincentwei1021.github.io/video-shotcraft/library.html#segmented-thumb-hero): An oversized segmented control gets a close-up: a cursor slides in, presses, and the white thumb snaps to the other segment as icons swap with a spring. - [theme-switch-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#theme-switch-moves): Two theme-change patterns: a diagonal sweep that recolors content in place, and a command-palette ripple with a clear cause and effect. - [type-and-filter](https://vincentwei1021.github.io/video-shotcraft/library.html#type-and-filter): A real interface types a search, collapses the grid to one result, then clicks through into the detail view. - [voice-waveform-live](https://vincentwei1021.github.io/video-shotcraft/library.html#voice-waveform-live): A recording capsule shows 64 live bars that surge with speech, shrink to a dotted line in pauses, and collapse on submit. ### Transitions - [bottom-push-stack-wipe](https://vincentwei1021.github.io/video-shotcraft/library.html#bottom-push-stack-wipe): Each new scene pushes up from the bottom edge with its own saturated background color, physically shoving the old scene out of frame. - [bubble-swarm-takeover](https://vincentwei1021.github.io/video-shotcraft/library.html#bubble-swarm-takeover): Pearlescent bubbles drift in and swell until they cover the screen, hiding the scene switch at peak coverage before scattering to reveal the new page. - [card-flip-reveal](https://vincentwei1021.github.io/video-shotcraft/library.html#card-flip-reveal): Feature cards rotate 180 degrees around the Y axis, flash at the edge, and reveal a large result on the back. - [card-flock-tumble](https://vincentwei1021.github.io/video-shotcraft/library.html#card-flock-tumble): Three UI cards tumble in 3D from edge-on to a stepped formation, keep slowly rotating, then collapse inward and burst into a smoke ring under a giant word. - [circle-match-iris](https://vincentwei1021.github.io/video-shotcraft/library.html#circle-match-iris): An iris expands from a circular UI element and lands on a matching circle in the next scene. - [color-block-step-wipe](https://vincentwei1021.github.io/video-shotcraft/library.html#color-block-step-wipe): A color block swallows the screen in three to five discrete hard steps — either expanding from a center strip or eating diagonally from a corner. - [line-carry-transition](https://vincentwei1021.github.io/video-shotcraft/library.html#line-carry-transition): A progress line exits scene A, guides the camera sideways, then turns corners to become the frame of scene B. - [page-turn-transitions](https://vincentwei1021.github.io/video-shotcraft/library.html#page-turn-transitions): Two full-page transitions: adjacent faces rotating like a cube, and an old page splitting open like double doors. - [paper-plane-messenger](https://vincentwei1021.github.io/video-shotcraft/library.html#paper-plane-messenger): After Send is clicked the camera pulls back and a folded paper plane flies a bezier arc through parallax props to land at the receiving window. - [print-texture-transitions](https://vincentwei1021.github.io/video-shotcraft/library.html#print-texture-transitions): A print-based reveal: ink bleeding outward from a drop point to consume the old scene. - [shot-transitions](https://vincentwei1021.github.io/video-shotcraft/library.html#shot-transitions): Six handoff recipes for matching scene energy: flash cut, dark fly-through, focus relay, black title card, whip pan, and mask wipe. - [tear-streak-transitions](https://vincentwei1021.github.io/video-shotcraft/library.html#tear-streak-transitions): A high-energy tear: horizontal glitch strips whose displacement hides the hard cut. - [transition-hidden-cut](https://vincentwei1021.github.io/video-shotcraft/library.html#transition-hidden-cut): Three ways to conceal the edit: foreground occlusion, opposing impacts, and a brief amber light leak at the cut. - [transition-travel](https://vincentwei1021.github.io/video-shotcraft/library.html#transition-travel): Two passage transitions: shared-element relocation, and a push through the counter of a letterform. - [wipe-transitions](https://vincentwei1021.github.io/video-shotcraft/library.html#wipe-transitions): Two geometric wipes: a radial clock sweep and twelve staggered vertical blinds. ### Rhythm & Montage - [beat-cut-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#beat-cut-moves): Two hard-cut rhythms: an accelerating sequence with shrinking intervals, and a three-flash freeze montage. - [beat-step-list-theme-cycle](https://vincentwei1021.github.io/video-shotcraft/library.html#beat-step-list-theme-cycle): An adjective list steps up one row per beat while a fixed center pill catches each word and the background recolors on the same beat. - [montage-rhythm-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#montage-rhythm-moves): Three montage rhythms: blackout anticipation and slam, a three-shot detail burst, and a domino cascade of entrances. - [panel-grid-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#panel-grid-moves): Three grid rhythms: a flashing mosaic takeover, a collective flip-and-reflow, and an angled comic-panel split. - [rhythm-interrupt-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#rhythm-interrupt-moves): Two ways to break cadence: stepped punch-in jump cuts, and strobing black frames. - [sakuga-timing-shift](https://vincentwei1021.github.io/video-shotcraft/library.html#sakuga-timing-shift): Movement begins in stepped, held drawings and suddenly switches to frame-by-frame acceleration at the climax. - [smear-multiples](https://vincentwei1021.github.io/video-shotcraft/library.html#smear-multiples): A fast-moving card leaves four countable translucent copies that collapse back into the original at the landing. - [spectrum-morph-ui](https://vincentwei1021.github.io/video-shotcraft/library.html#spectrum-morph-ui): A title underline breaks into animated spectrum bars for two phrases, then gathers back into a clean line. - [speed-ramp-freeze](https://vincentwei1021.github.io/video-shotcraft/library.html#speed-ramp-freeze): Two nonlinear timing tools: a fast-slow-fast speed ramp and a freeze used for on-screen annotation before motion resumes. - [trailer-grammar-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#trailer-grammar-moves): Three trailer structures: a rapid opening hook, alternating title cards and footage, and a direct smash cut into stillness. ### Light & Emphasis - [brand-frame-snap](https://vincentwei1021.github.io/video-shotcraft/library.html#brand-frame-snap): A thick brand-color frame grows around the screen before content arrives, then hard-flips its color on the same frame the inner layout switches. - [fui-hud-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#fui-hud-moves): Two FUI patterns: a line unfolding into a panel, and a reticle assembling itself around a target. - [glow-flyline-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#glow-flyline-moves): Three dark-scene accents: ambient glow orbs, connecting flight arcs, and a synchronized orb-to-line relay. - [icon-performance-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#icon-performance-moves): Two icon performances: an explosive confirmation burst and an escalating attention bounce that compresses on landing. - [impact-feedback](https://vincentwei1021.github.io/video-shotcraft/library.html#impact-feedback): Two impact layers: a combo counter with damage feedback, and a full anime-style impact frame. - [light-play-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#light-play-moves): Three controlled light effects: spotlight sweep, single sheen pass, and a halation bloom at impact. - [line-boil](https://vincentwei1021.github.io/video-shotcraft/library.html#line-boil): Typography and outlines subtly redraw every few frames so a held image retains a handmade, living texture. - [riso-print-hits](https://vincentwei1021.github.io/video-shotcraft/library.html#riso-print-hits): Two risograph impacts: a single misregistered color split that snaps into alignment, and a beat-driven series that grows stronger. - [slam-entrance-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#slam-entrance-moves): Three high-energy arrivals: a perspective snap, a score drop, and an impact burst that pushes nearby elements. - [spotlight-sweep-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#spotlight-sweep-moves): Three dark-scene spotlight moves: a wake-sleep sweep, an edge-glow pan with purple bleed, and a radial reveal expanding from a corner. ### Outro - [edit-hook-moves](https://vincentwei1021.github.io/video-shotcraft/library.html#edit-hook-moves): An editorial hook: a short logo-button stinger that interrupts the ending with a 12-frame easter egg. - [neon-triple-marquee](https://vincentwei1021.github.io/video-shotcraft/library.html#neon-triple-marquee): Three rows of outlined neon giants scroll in opposite directions across the full screen, lighting up in turn on a one-third phase offset. - [outro-group-photo-launch](https://vincentwei1021.github.io/video-shotcraft/library.html#outro-group-photo-launch): Elements from the film assemble around the wordmark as a crane settle, stage light, and gold dust create a launch-event finale. - [ui-strip-away-outro](https://vincentwei1021.github.io/video-shotcraft/library.html#ui-strip-away-outro): After Publish is clicked the editor UI evaporates layer by layer from the edges inward, leaving one button to slide center, grow, and hand off to the wordmark. - [ui-to-brand-morph](https://vincentwei1021.github.io/video-shotcraft/library.html#ui-to-brand-morph): Two UI-to-brand morphs: an icon flips flat and blooms into a logo mark, and an input field contracts into a capsule as glyphs assemble the logo.