What problem does it solve? Marketing and landing pages need real photographic backgrounds, but sourcing stock images usually requires API keys, and unoptimized multi-megabyte images hurt page load performance. This Skill discovers royalty-free Pexels CDN photos without any API key, converts them to lightweight webp files, and commits them locally so the site never depends on an external CDN at runtime. ## Core Features & Use Cases - Keyless photo discovery: Fetches Pexels search pages and extracts direct CDN image URLs without needing an API key, with Unsplash direct CDN links as an alternative. - Local webp optimization: Converts downloaded JPEGs to webp at quality 80 using sharp, typically shrinking multi-MB images to roughly 30-235KB for a real LCP improvement, and writes them to public/backgrounds/. - Story-driven image planning: Plans a before → during → after narrative across page sections and pairs each CTA image with matching copy. - Use Case: You are building a landing page for a fitness app. Use this Skill to pull real gym and lifestyle photos from Pexels, convert them to webp, place them in public/backgrounds/, and wire them into hero and CTA sections with legible overlay gradients. ## Quick Start Find royalty-free Pexels photos for my landing page, convert them to optimized webp files in public/backgrounds, and wire them into the hero and CTA sections.
