Generate animated landing pages with 3D effects
landingpluginsetup L2★17,464
alirezarezvani/claude-skills ↗What it does
Generate premium single-file HTML landing pages with 3D animations
Best for
Shipping premium visual one-pagers with motion design when positioning is locked and no backend/lead-gen conversion tracking is needed.
Inputs
- · Product/pitch narrative (from grill-me Q1)
- · Target audience registration (Q2)
- · Brand color overrides (Q3)
- · Tone/positioning preferences (Q4)
Outputs
- · Single self-contained HTML file with inline CSS/JS
- · GSAP 3D animations and scroll-triggered effects
- · Mouse-parallax depth effects
- · Responsive desktop/mobile layout
Requires
- · Google Fonts (CDN)
- · GSAP 3D library (CDN)
Preconditions
- · Must answer 3-4 grill-me questions before generation
- · Brand positioning must be locked down upfront
- · No external JavaScript frameworks required (runs standalone)
Failure modes
- · Animations may stutter on low-end mobile devices
- · CDN unavailability breaks fonts and GSAP (mitigation: pre-fetch CDN assets)
- · Parallax effects degrade on touch devices (fallback to static layout)
Trust signals
- · Distinct from product-team/landing-page-generator (which outputs conversion-optimized Next.js TSX)
- · Source spec in PR #657 (megaprompts/04-landing-megaprompt.md)
- · Grill-me intake forces positioning before markup generation
- · GSAP 3D is industry-standard motion library