Take a UI screen recording (mobile/desktop/web/marketing video) and do one of four things — your
pick: (1) just extract the frames as PNGs, (2) analyze the design system shown in the video and
list the distinct screens, (3) compare the video against files in your codebase and produce a
concrete list of edits to make those files feel like the video, or (4) scaffold a real frontend
app (Vite + React + TypeScript + Tailwind) that recreates the UI's behavior — not just its
appearance — with working interactions and animations. Option 3 always shows you the proposed
changes first and waits for your approval before editing. Requires ffmpeg; mode 4 additionally
needs Node.js to run the generated app. Mode 4 reads the `frontend-design` skill (if installed)
before generating to inherit its component-quality and aesthetic guidance.
Trigger whenever the user mentions a screen recording, video walkthrough, mobile-app demo,
desktop-app capture, marketing/product video, or wants to extract design insights from a clip —
ev
2026-05-05