landing-page-mvp
CommunityCreate cinematic landing pages with GSAP animations and scroll-driven effects.
Marketing & Sales#web design#GSAP animation#parallax effect#cinematic landing page#scroll-driven page
AuthorNewEarthAI
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the problem of creating visually stunning and interactive landing pages with GSAP animations and scroll-driven effects, tailored for cinematic experiences.
Core Features & Use Cases
- GSAP Animation: Integrate GSAP animations for cinematic transitions and effects.
- Scroll-Driven Effects: Implement scroll-driven animations and parallax effects for engaging user experiences.
- Aesthetic Presets: Choose from 8 aesthetic presets with coupled motion choreography, color system, and typography pairing.
- Quality Gate: Runs executable quality gates post-build to ensure the output meets standards.
- Use Case: Ideal for marketing agencies or businesses looking to create an impactful first impression with a high-end landing page.
Quick Start
To create a cinematic landing page with this skill, use the command: /launch landing-page-mvp preset:A include_seo: true noise_overlay: auto output_dir: ./new-landing-page
Dependency Matrix
Required Modules
gsapreactvitetailwindcss
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: landing-page-mvp Download link: https://github.com/NewEarthAI/vibecode-project-template/archive/main.zip#landing-page-mvp Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.