Skills

Video To Superprompt

Turn a reference video into a super detailed recreation or inspiration prompt.

Install

npx skills add MengTo/Skills --skill video-to-superprompt -g -a claude-code -y
Repository
MengTo/Skills7.2k
Category
Design
Updated
3d ago
License
MIT
Context cost
Lightabout 1,264 tokens
Runs scripts
No, instructions only

What it does

Turn a reference video into a super detailed recreation or inspiration prompt. Use when the user provides, mentions, uploads, links, or points to a video and asks to analyze the design, UI, animations, transitions, scroll interactions, typography, colors, assets, WebGL/Three.js, storytelling, section-by-section behavior, or to create a prompt/article that recreates the page, app, interaction, or motion system.

Video To Superprompt

Goal

Convert any usable reference video into a builder-ready prompt that captures what the video shows, how it moves, how it should be rebuilt, and what assets or generated media are needed. The default output is one paste-ready prompt unless the user asks for an article, asset pack, or implementation.

Workflow

  1. Locate the source video.

    • Accept local paths, uploaded files, URLs, browser-visible videos, article assets, or repo media.
    • If the video is referenced but inaccessible, ask for the exact file or URL before inventing details.
    • If the user wants exact recreation, inspect any source HTML/CSS/JS or local page connected to the video before writing the prompt.
  2. Inspect the video technically.

    • For local files, run ffprobe for duration, dimensions, frame rate, codec, and size.
    • Extract representative frames with ffmpeg, favoring timeline beats over uniform thumbnails.
    • Suggested quick pass:
      ffprobe -v error -show_entries format=duration,size:stream=width,height,r_frame_rate -of json "$VIDEO"
      mkdir -p /tmp/video-frames
      ffmpeg -y -i "$VIDEO" -vf fps=1 /tmp/video-frames/frame-%03d.jpg
      
    • For long or scroll-heavy videos, also extract start/middle/end and visible transition moments.
Read the whole SKILL.md on GitHub

More in Design