cyberneticlibrary

Generate animated landing pages with 3D effects

landingpluginsetup L217,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