Skill Details
Runtime
(gpt-5.5)
Example user message
[userMessage]: Create a premium scroll-driven landing page using my two uploaded blender images. Start with the assembled blender, then transition into the exploded engineering view as I scroll. Use one complete HTML file, keep the camera locked, and make the animation reverse when scrolling upward.
Example agent response
I’ll use the two uploaded blender images as the primary visual assets, layer them in a locked product frame, and map scroll progress to a reversible crossfade and separation sequence.
The completed page will include:
- One production-ready HTML file
- A pinned cinematic product section
- Forward and reverse scroll animation
- Stable image alignment
- Responsive mobile behavior
- Reduced-motion fallback
- Premium typography and product copy
- Accessible navigation and CTA controls
I’ll first verify the image dimensions and alignment, then build and test the complete scroll sequence.
By purchasing this skill, you agree to our terms of service
GPT-5.5
Turn any uploaded product image, architectural render, vehicle photo, screenshot, or Figma design into a premium animated landing page or immersive website. Generates production-ready HTML, React, Vite, or Next.js experiences with GSAP, ScrollTrigger, Framer Motion, Lenis, Three.js, responsive layouts, reversible scroll animation, accessibility, performance controls, and strict no-placeholder asset handling.
...more
Added 3 weeks ago
