Video To Landing Page
Turn any video into a cinematic scroll-driven landing page — Apple-style hero where scrolling pro…
by hoodini
The skill
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.
This skill's licence does not allow redistribution, so the store does not show its text. Read it at the source.
Use this skill
Connect your agent to the Skill Store MCP server and ask for it by ref: hoodini/video-to-landing-page-47831855980.
Details
- Publisher
- hoodini
- Category
- Creative & Media › Video
- Updated
- 2026-07-12
References
More from hoodini
- Analytics Metrics Build data visualization and analytics dashboards.
- Aws Account Management Manage AWS accounts, organizations, IAM, and billing.
- Aws Harness Build a new AI agent on AWS and deploy it easily, OR wrap and deploy an agent you already have, u…
- Aws Strands Build AI agents with the Strands Agents SDK - the open-source framework (the agent "brain") for w…