generate-consistent-og-images

What problem does it solve?

Inconsistent, off-brand OpenGraph share imagery makes Lossless sites look unprofessional when links are unfurled on social media, chat apps, and collaboration tools, and manually generating aligned images for each page and format is time-consuming and error-prone.

Core Features & Use Cases

• Locked visual recipe: Enforces a project-wide design standard (color palette, style reference, fixed seed, negative prompt) so all generated images form a coherent visual family, eliminating drift between assets.
• Mobile-first optimization: Prioritizes tall aspect ratios for WhatsApp and iMessage chat previews, while also supporting standard banners, portraits, and squares for all major social and collaboration platforms.
• Built-in preservation: Automatically archives raw generation candidates and old canonical images so visual history is never lost, even when refreshing outdated assets.
• Use Case: When launching a new Astro Knots splash page, use this skill to generate a full set of matching OG images (standard banner, tall WhatsApp card, square avatar) that align with the project's brand guidelines in minutes.

Quick Start

Use the generate-consistent-og-images skill to create a full set of on-brand OpenGraph images for the new product splash page, including the standard banner and tall WhatsApp/iMessage card variants.