Skip to main content

animated-landing-pages

Use when designing or implementing a premium animated landing page with AI-generated visuals or looping video, especially when the workflow involves Higgfield-style image and video generation, Google AI Studio-style code prompting, React or Tailwind landing-page implementation, dark-mode video blending, scroll-tied playback, aspect-ratio-matched media blocks, or motion-first section design.

Stars
218
Source
draphonix/skills
Updated
2026-05-20
Slug
draphonix--skills--animated-landing-pages
View on GitHubRaw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/draphonix/skills/HEAD/plugins/khuym/skills/animated-landing-pages/SKILL.md -o .claude/skills/animated-landing-pages.md

Drops the SKILL.md into .claude/skills/animated-landing-pages.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.