Regret not knowing sooner — through my GitHub radar I discovered a treasure repository: video-shotcraft

106 shot recipes, 162 styles, 161 dynamic previews, and it has organized storyboarding, camera movements, rhythm, sound effects, and Remotion implementations into Agent Skills.

Lately I’ve been tinkering with video editing and created a promotional video Skill. Looks like my HyperFrames Motion Director can get another upgrade round.

https://vincentwei1021.github.io/video-shotcraft/…

My promo Skill: https://github.com/geekjourneyx/hyperframes-motion-director…

video-shotcraft — AI Video Skill for Claude Code & Codex

Source: https://vincentwei1021.github.io/video-shotcraft/

ai-stream-response

A readable AI summary lands first, followed by evidence rows that stream in and resolve into a completed state.

Styles: ai-stream-response

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.

Styles: autolayout-gap-dial

beat-cut-moves

Two hard-cut rhythms: an accelerating sequence with shrinking intervals, and a three-flash freeze montage.

Styles: beat-cut-accelerando, paparazzi-flash

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.

Styles: beat-step-list-theme-cycle

before-after-slider-scrub

Before and after views share one frame while a fast-then-slow slider reveals the processed result.

Styles: before-after-slider-scrub

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.

Styles: bottom-push-stack-wipe

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.

Styles: brand-frame-snap

brand-ink-open

Ink crosshairs draw in, the wordmark stamps letter by letter, a subtitle types on, then the lockup holds and lifts away.

Styles: brand-ink-open

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.

Styles: bubble-swarm-takeover

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.

Styles: panel-to-canvas, diagram-cascade

card-flip-reveal

Feature cards rotate 180 degrees around the Y axis, flash at the edge, and reveal a large result on the back.

Styles: card-flip-reveal

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.

Styles: card-flock-tumble

cel-flash-stomp

Large words stamp into frame on the beat while flat background colors flash behind the locked typography.

Styles: cel-flash-stomp

chart-live-moves

Three data-driven motions: a live oscilloscope trace, dots regrouping into a figure, and an axis forced to rescale.

Styles: oscilloscope-stream, unit-dot-swarm-regroup, axis-rescale-shock

circle-match-iris

An iris expands from a circular UI element and lands on a matching circle in the next scene.

Styles: circle-match-iris

cloner-depth-echo

A card duplicates into a diagonal depth trail, holds briefly, then accelerates back into one springy original.

Styles: cloner-depth-echo

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.

Styles: dialogue-duet, cast-ensemble

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.

Styles: color-block-step-wipe

command-palette-summon

The screen dims and blurs as a command palette drops in, populates results, and narrows while the query is typed.

Styles: command-palette-summon

crane-rise-reveal

The camera starts tight on one data row, rises and pulls back, then reveals a full dashboard filling the frame.

Styles: crane-rise-reveal

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.

Styles: crash-zoom-punch

dataviz-landscape-open

Streams of light merge across a dark data landscape while labels hover and a shallow-depth camera glides forward.

Styles: dataviz-landscape-open

deck-deal-flyin

A physical card stack opens the scene, then cards accelerate into a live grid as the camera follows the growing page.

Styles: deck-deal-flyin

depth-layer-moves

Two depth techniques: layered parallax rails and a simulated dolly zoom that pins the subject while the background expands.

Styles: multiplane, dolly-zoom

draw-svg-trace

An ink stroke traces an element outline, closes with a dark flash, and hands focus to the revealed content.

Styles: draw-svg-trace

edit-hook-moves

An editorial hook: a short logo-button stinger that interrupts the ending with a 12-frame easter egg.

Styles: logo-sting-button

element-body-moves

Two ways to give interface elements physicality: elastic axial stretch and a contact shadow that separates during lift.

Styles: axial-stretch, contact-shadow-lift

fui-hud-moves

Two FUI patterns: a line unfolding into a panel, and a reticle assembling itself around a target.

Styles: line-unfold-panel, reticle-lock-on

gauge-readout-moves

Two instrument reads: a full-range needle self-test and a moving scale that races beneath a fixed pointer.

Styles: needle-sweep-selftest, tape-scroll-fixed-pointer

glow-flyline-moves

Three dark-scene accents: ambient glow orbs, connecting flight arcs, and a synchronized orb-to-line relay.

Styles: glow-orb-ambient, flyline-arc, orb-flyline-relay

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.

Styles: gradient-word-sweep

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.

Styles: graze-face-tour

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.

Styles: hashtag-to-pill-materialize

hires-rasterize-3d-text

Keep text crisp in 3D perspective by rasterizing at high resolution and scaling the layout instead of enlarging a low-resolution texture.

Styles: hires-rasterize-3d-text

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.

Styles: icon-field-colorize

icon-performance-moves

Two icon performances: an explosive confirmation burst and an escalating attention bounce that compresses on landing.

Styles: pop-burst-confirm, attention-bounce

impact-feedback

Two impact layers: a combo counter with damage feedback, and a full anime-style impact frame.

Styles: hit-counter, anime-impact

input-trigger-moves

Two input triggers: a performing cursor, and a key strike used as a hard-cut fuse.

Styles: cursor-performance, keycap-smash-cut

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.

Styles: integration-hub-map

letterspace-materialize

Every letter of a widely tracked wordmark draws itself in parallel, growing like handwriting and finishing together on the same frame.

Styles: letterspace-materialize

light-play-moves

Three controlled light effects: spotlight sweep, single sheen pass, and a halation bloom at impact.

Styles: spotlight-sweep, sheen-sweep, halation-bloom

line-boil

Typography and outlines subtly redraw every few frames so a held image retains a handmade, living texture.

Styles: line-boil

line-carry-transition

A progress line exits scene A, guides the camera sideways, then turns corners to become the frame of scene B.

Styles: line-carry-transition

list-stack-press

List cards fly up from below, compress the growing stack on every landing, and advance a synchronized counter.

Styles: list-stack-press

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.

Styles: magician-card-flourish

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.

Styles: marker-underline-title

montage-rhythm-moves

Three montage rhythms: blackout anticipation and slam, a three-shot detail burst, and a domino cascade of entrances.

Styles: drop-blackout-slam, wright-triple-cut, domino-cascade

morph-from-primitive

A circle anticipates with one breath, morphs into a rounded card outline, then reveals its content.

Styles: morph-from-primitive

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.

Styles: neon-frame-forerun

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.

Styles: neon-frame-orbit-drop

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.

Styles: neon-triple-marquee

odometer-digit-roll

A full-screen metric rolls each digit like an odometer, overshoots into place, and pulses when every column locks.

Styles: odometer-digit-roll

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.

Styles: outro-group-photo-launch

overhead-camera-moves

Two overhead reveals: a tilted scene leveling into view, and a tabletop layout dropping sharply into place.

Styles: tilt-reveal, overhead-tabletop-drop

page-turn-transitions

Two full-page transitions: adjacent faces rotating like a cube, and an old page splitting open like double doors.

Styles: cube-rotate, barn-door-split

page-waterfall-wall

Real page captures flow at different speeds across a tilted 3D wall, creating an endless field of content.

Styles: page-waterfall-wall

panel-grid-moves

Three grid rhythms: a flashing mosaic takeover, a collective flip-and-reflow, and an angled comic-panel split.

Styles: grid-flash-mosaic, flip-grid-reflow, comic-panel-split

paper-craft-moves

Two paper gestures: masking tape slapping a floating card down, and cards rising from the page like a pop-up book.

Styles: masking-tape-slap, popup-book-rise

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.

Styles: paper-plane-messenger

paper-title-card

A sentence stamps onto paper word by word, highlights one amber italic term, and closes with a short rule.

Styles: paper-title-card

particle-celebrate-hits

Two celebration accents: crossing confetti cannons and sparks emitted when a counter passes a milestone.

Styles: confetti-crossfire, counter-tick-sparks

particle-sand-fill

Chart columns form from falling square particles, solidify when full, and finish with a value pop.

Styles: particle-sand-fill

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.

Styles: pill-slot-cycle

print-texture-transitions

A print-based reveal: ink bleeding outward from a drop point to consume the old scene.

Styles: ink-bleed-reveal

rhythm-interrupt-moves

Two ways to break cadence: stepped punch-in jump cuts, and strobing black frames.

Styles: jump-cut-punch-in, strobe-black-frames

riso-print-hits

Two risograph impacts: a single misregistered color split that snaps into alignment, and a beat-driven series that grows stronger.

Styles: misregistration-hit, beat-pump

row-embed

Content rows descend with perspective, flatten into the page, and flash a thin amber seam at the moment of insertion.

Styles: row-embed

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.

Styles: runway-ground-skim

sakuga-timing-shift

Movement begins in stepped, held drawings and suddenly switches to frame-by-frame acceleration at the climax.

Styles: sakuga-timing-shift

scene-locked-title

A large title is anchored inside the page perspective so it shares the same vanishing point while the camera moves.

Styles: scene-locked-title

scroll-brake-moves

Two fast-scroll stops: a long page decelerating precisely onto a target, and the same stop paired with a locking reticle.

Styles: changelog-scroll-brake, brake-reticle-lock

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.

Styles: segmented-thumb-hero

shot-transitions

Six handoff recipes for matching scene energy: flash cut, dark fly-through, focus relay, black title card, whip pan, and mask wipe.

Styles: flash-cut, shot-transitions-4, shot-transitions-5, shot-transitions-6, whip-pan, mask-wipe

skeleton-reveal

Content develops in three stages — wobbling doodle placeholders, gray skeleton bars, then rows resolving into avatars and word-by-word text.

Styles: skeleton-reveal

slam-entrance-moves

Three high-energy arrivals: a perspective snap, a score drop, and an impact burst that pushes nearby elements.

Styles: kanada-perspective-snap, score-slam, impact-burst-kit

smear-multiples

A fast-moving card leaves four countable translucent copies that collapse back into the original at the landing.

Styles: smear-multiples

space-camera-moves

Three spatial camera moves: exploded assembly, subject-locked rotation, and a drone-like dive to the landing point.

Styles: exploded-view, snorricam-lock, drone-dive-landing

spectrum-morph-ui

A title underline breaks into animated spectrum bars for two phrases, then gathers back into a clean line.

Styles: spectrum-morph-ui

speed-ramp-freeze

Two nonlinear timing tools: a fast-slow-fast speed ramp and a freeze used for on-screen annotation before motion resumes.

Styles: speed-ramp, freeze-annotate

split-flap-title

Characters flip through two incorrect glyphs before locking into the title in a left-to-right mechanical wave.

Styles: split-flap-title

spotlight-hero-card

A spotlight selects one card, the camera pushes diagonally, the card lifts for two outline passes, then returns to the page.

Styles: spotlight-hero-card

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.

Styles: spotlight-sweep-moves

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.

Styles: str