# Video To Landing Page

> Turn any video into a cinematic scroll-driven landing page — Apple-style hero where scrolling pro…

Turn any video into a cinematic scroll-driven landing page — Apple-style hero where scrolling progresses the visible frame through the video. Use when the user provides a video file and asks for "a landing page from this video", "scroll-frame website", "Apple-style scroll site", "hero that scrubs the video", "like the GitHub Copilot landing", or any equivalent. Extracts N evenly-spaced frames via ffmpeg, builds a self-contained HTML page with a sticky hero + JS scroll listener that swaps the visible frame as you scroll, plus headline, sections and CTA below. For YUV.AI projects, applies the yuv-design-system skill in Neon mode (pink/cyan/white, default for YUV.AI web) — Decks (purple/yellow) is reserved for slides only. For generic / non-YUV.AI projects, picks an appropriate palette per the source video. Output is one folder with `index.html` and a `frames/` directory — drop on any static host.

- Page: https://ss33.ai/skills/hoodini/video-to-landing-page-47831855980
- Publisher: hoodini
- Category: [Creative & Media](https://ss33.ai/skills/category/creative-and-media-0j3x01) › [Video](https://ss33.ai/skills/category/creative-and-media-0j3x01/video-yerjjv)
- Source: https://github.com/hoodini/ai-agents-skills/blob/f7a43d8f852550a4f834240dc874cf9f56e7eec7/skills/video-to-landing-page/SKILL.md

## Skill

This skill's licence does not allow redistribution, so the store does not serve its text. Get it from the author: https://github.com/hoodini/ai-agents-skills/blob/f7a43d8f852550a4f834240dc874cf9f56e7eec7/skills/video-to-landing-page/SKILL.md