Parallax Landing Page
Build a scroll-driven cinematic landing page from a short video.
by hoodini
The skill
Build a scroll-driven cinematic landing page from a short video. The user provides a 5–15 second video (often AI-generated); this skill extracts every frame at HD JPEG quality, then produces a single-hero HTML page where the user's scroll gesture scrubs the frames in place (the page itself never scrolls) and 5 dramatic text overlays crossfade in/out — Google Anton headlines, Caveat handwritten accents, locked body, virtual scroll. Use this skill whenever the user wants to "turn this video into a landing page", "make a scroll-scrub landing page", "build a parallax hero from this clip", "add a new landing page to the parasites showcase", "do the same as github/lion/hope for this new video", or any variant that pairs a short clip with dramatic scroll-triggered storytelling. Trigger even if the user only says "use my video for a landing page" — that is this skill.
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/parallax-landing-page-27812908442.
Details
- Publisher
- hoodini
- Category
- Software Development › Frontend & UI
- 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…