frontend-dev

Build a landing page with AI-generated media and motion design by orchestrating layout, Framer or GSAP animations, and local asset generation into a production-ready frontend. This skill converts copy and generative art into cinematic marketing pages without manual asset creation.

The best way to create cinematic scroll animation without mixing GSAP and Framer Motion is to enforce selected motion tool boundaries within your build. This skill applies one motion strategy at a time, maintaining performance guardrails while producing scroll storytelling.

Yes, you can use Next.js and Tailwind for a marketing landing page with locally generated images and copy. This skill enforces Next.js conventions and mandates local-only assets, ensuring no placeholders are used while wiring AI-generated media directly into the frontend build.

Building a production-ready marketing frontend does not require separate tools for generative art and copywriting. This skill unifies AI asset generation, structured copywriting frameworks, and generative art integration, eliminating the need to manually synchronize external design and content tools.

Marketing frontends fail accessibility and performance constraints when using Three.js and Lottie due to uncontrolled visual density and heavy runtime animations. This skill enforces mandatory quality gates, applying performance constraints and typography rules to ensure cinematic experiences remain accessible.

Yes, you need an API key to generate AI videos and audio for a React campaign landing page. This skill requires a configured API key and base URL to orchestrate local media generation, producing interactive generative art and media assets directly for your frontend build.