Open Graph & Social Preview Generator

This skill automates the creation of high-quality social media sharing assets by detecting your project's framework, design tokens, and branding. It creates a dedicated, screenshot-optimized page at 1200x630, captures it using Playwright, and automatically injects the necessary Open Graph and Twitter/X meta tags into your application. By matching your existing Tailwind config or CSS variables, it ensures consistent branding across platforms like LinkedIn, Facebook, and Discord without requiring manual design work or external tools.

Key Features

Use Cases