nextjs-social-metadata
Generate and implement favicon, OG images, and complete social media metadata for any Next.js project.
When this skill is meant to trigger
Generate and implement favicon, OG images, and complete social media metadata for any Next.js project. Automatically detects project branding from README, tailwind config, and existing layout; generates brand-appropriate image assets (favicon, apple-touch-icon, og-image); extracts or infers metadata (title, description); and updates layout.tsx with full Metadata export plus head meta tags. Use this skill whenever a user wants to add favicon, OG images, social sharing previews, twitter cards, meta tags, or SEO metadata to a Next.js app — including phrases like 'add favicon', 'social preview', 'og:image', 'unfurling', 'twitter card', 'meta tags', 'how do I make my site look good when shared', 'share preview', or 'social media sharing'. Also use when a user mentions making their site's link preview look better on Slack, Discord, Twitter, or other platforms.
Parts of this skill expect files, a shell, or a browser. It works from your input and returns any files inline.
Fast and cheap. The default for most skills. Catalog rates $0.3 in and $2.5 out per million tokens. The receipt uses OpenRouter's billed cost.
Paste your input and run the skill. The result is written here as it streams.