Source Premium Imagery from Unsplash

Unsplash Integration sources imagery from Unsplash, the world's largest open collection of high-quality photos, for websites, apps, and marketing materials. It exists to eliminate low-quality placeholders and generic stock photography in favor of a premium, modern visual aesthetic. The skill enforces a four-step execution workflow: (1) Search Intentionally - define highly descriptive, artistic keywords such as "neon cyberpunk street aesthetics" or "minimalist brutalist architecture texture" rather than generic terms like "meeting room" or "happy people"; (2) Filter - select orientation and color themes that complement the UI's existing color palette; (3) Download via API - source the imagery through the Unsplash API or a direct URL; (4) Dynamic Resizing - use Unsplash's dynamic image parameters (for example ?w=1600&q=85&fit=crop) so the image fits the layout exactly without sacrificing load performance.

Trigger it when creating hero sections, editorial layouts, or product galleries that need stunning visual impact, when sourcing specific artistic textures, abstract backgrounds, or high-end thematic imagery, or when replacing generic placeholder images with assets that convey emotion and quality. The skill's own rules frame this as an absolute mandate: agents must use it to build modern, creative, visually stunning UI rather than falling back on generic, cliche, or corporate-looking stock photography, and must never substitute a plain colored box when a relevant Unsplash asset is available instead.

Input is a design context (section type, desired mood, existing color palette) that gets translated into an artistic, specific search query rather than a literal description of the subject matter. Output is a properly sized, performance-optimized image URL or downloaded asset, resized via Unsplash's own query parameters rather than shipping an oversized raw file.

Integrates with the Unsplash API and its dynamic image-parameter system for on-the-fly resizing, quality, and crop control - the mechanism that keeps sourced images both visually correct and performant without a separate image-processing pipeline.

Frontend and product designers building UI that needs premium visual polish - hero sections, galleries, editorial layouts - who want an enforced discipline against defaulting to generic stock photography or placeholder boxes.