Generate motion-first landing pages with hero media and responsive layouts.
npx skills add https://github.com/anionzo/skill --skill animated-landing-pages
Please help me install this Agent Skill. Skill: animated-landing-pages Source: https://github.com/anionzo/skill/tree/main/skills/animated-landing-pages Command: npx skills add https://github.com/anionzo/skill --skill animated-landing-pages
This skill helps teams convert a motion-first landing-page concept into a cohesive, production-ready site by preserving the alignment between art direction, AI-generated media, layout structure, and frontend implementation within the repository's existing stack.
Read references/workflow.md to determine the repo's stack, then generate the hero media and implement a motion-first landing page using the repository's existing frontend stack.
High-intent search queries and answers about installing and using this skill.
Generate motion-first landing pages by following a phased workflow that turns concepts into cohesive heroes, AI media assets, and responsive layouts. It enforces asset-hosting discipline and aspect-ratio alignment while respecting existing frontend frameworks.
A motion-first landing page workflow aligns art direction, AI-generated media, layout structure, and frontend implementation. It ensures cohesive motion across hero and body sections while adapting to the repository's existing tooling and design language.
Yes, you can generate layouts for your existing frontend framework. The workflow detects the real repository stack and adapts the hero, media, and layout to the project's frontend framework instead of forcing a generic tutorial stack.
Plan AI media assets for responsive landing pages by using the references workflow to guide prompts and section layout. This ensures proper media ratios, asset-hosting discipline, and performance considerations across hero and follow-on sections.
Automating landing page motion design requires strict alignment with the repository's tooling and references. It is limited by the need to enforce asset-hosting discipline, aspect-ratio alignment, and performance considerations, making it unsuitable for projects lacking established frontend stacks.
gfcampos1Detect existing backend stacks and recommend language, framework, and ORM choices.
TheGoat395Direct image, video, and generated media use for website hero sections and galleries.
Hans3010Design landing pages with optimized layout, hero sections, and CTA psychology.
ivan-magdaTranslate design goals into reusable HTML/CSS/JS frontend components.
