Video Interaction Mapper

Turn a UI recording into a static, annotated Figma storyboard. Extract the important before/after states, infer what triggered each change, then place clean screenshots, blue interaction markers, and concise annotations into a Figma Design file.

Required Inputs and Tools

Start with:

• A local video file path (.mp4, .mov, .webm, or .avi).
• ffmpeg and ffprobe available on the machine.
• Python with Pillow installed.
• Figma MCP tools available: create_new_file, use_figma, upload_assets, and get_screenshot or get_design_context.

Run the bundled files in scripts/ as executable workflow helpers. They are part of the skill's implementation, not reference material. Read or modify them only when debugging, adapting to an unusual environment, or changing the skill itself.