What problem does it solve? Turning a frontend project or webpage into a polished product promo video normally requires motion design expertise, camera choreography, and audio editing skills that most developers lack. This Skill provides a complete production system—157 tuned shot recipe cards, a validated reference template, reusable components, and a staged pipeline—so an AI agent can produce a cinematic product video from real page captures. ## Core Features & Use Cases - 157 Shot Recipe Cards: A vocabulary of motion shots (openings, UI entrances, camera moves, transitions, outros) across ten categories, each with parameter tables, known pitfalls, and tuned Remotion demo implementations to copy. - Three Production Modes: Direct template replacement (Ink Press), autonomous free creation, or co-creation with user sign-off gates at brief, visual direction, shot mapping, and storyboard stages. - Real-Page Capture Workflow: Headless-browser capture of full-page 2x screenshots, element cutouts, and layout coordinates so animations land in real page slots instead of floating mockups. - Beat-Synced Sound Design: librosa-based BPM/beat-grid analysis, a 149-file categorized SFX library, frame-pinned SFX tables, and post-render audio offset verification. - Use Case: Point the agent at your web app's local dev server, pick shots from the hosted gallery, and receive a rendered 1080p promo video with captions, transitions, and sound—plus an optional Jianying (CapCut) editable project export. ## Quick Start Use video-shotcraft to turn my frontend project into a product promo video, starting with a read-only product inspection and mode recommendation.