---

name: nano-banana-scroll-stop-hero description: Use the Nano Banana 2 asset-generation skill plus a scroll-stop prompter to produce two paired images and a transition video, then wire them into a website hero.

Nano Banana Scroll-Stop Website Hero

What This Does

The creator installs an asset-generation skill in Claude Code that produces two paired hero images (assembled then exploded) with matching logo and brand assets, then chains into an image-to-video model. Claude Code drops both into a website hero with a scroll-driven animation that fires as the visitor scrolls.

What You Get

• Asset-generation skill installed globally
• assembled and exploded paired images
• matching logo and vehicle brand assets
• image-to-video transition prompt
• scroll-driven hero animation wired into HTML

Customize

• brand_logo: PNG or SVG to embed
• palette_source: firecrawl brand extraction or manual
• motion_prompt: how items should move between frames
• hero_layout: full-width or split
• iterations: how many image variants to generate

Sample Output

For AnyVan, Claude produces a packed van image, an exploded version with furniture flying out, and a 7-second Kling transition ready to drop into the website hero.

Target Audience

Freelance web designers pitching premium landing pages

Source

https://youtube.com/watch?v=TZUTe7s11-I