Can I use this for Twitter/X specifically?

Absolutely. It includes detailed configurations for all Twitter Card types, including summary_large_image, app cards, and video player cards.

Does this skill support the latest Next.js features?

Yes, it is specifically designed for the Next.js Metadata API, covering both static exports and dynamic generateMetadata functions.

What is the recommended size for Open Graph images?

The recommended size is 1200 x 630 pixels (1.91:1 aspect ratio), which ensures high-quality previews across Facebook, LinkedIn, and Slack.

How does this improve my website's performance?

Proper social metadata improves click-through rates (CTR) from social platforms by 2-3x and ensures your brand is represented accurately during organic sharing.

Open Graph & Twitter Card Optimizer

Name: Open Graph & Twitter Card Optimizer
Author: antoineschaller

byantoineschaller

•

Social Media Management

Implements and optimizes social media metadata to maximize engagement and click-through rates across platforms like Facebook, Twitter/X, and LinkedIn.

About

The Open Graph & Twitter Cards skill provides specialized guidance for implementing high-performance social metadata, specifically optimized for modern frameworks like Next.js. It helps developers standardize how their content appears when shared, covering everything from the four critical OG properties to platform-specific image requirements and domain-specific types like Article, Product, and Video. By utilizing these implementation patterns, developers can significantly increase their social media click-through rates and ensure consistent brand visibility across the web.

Key Features

1 GitHub stars
Standardizes Next.js 16 Metadata API implementation for social platforms.
Provides domain-specific patterns for Article, Product, Profile, and Video types.
Optimizes Twitter Card formats including summary, summary_large_image, app, and player.
Enables dynamic metadata generation for blog posts and e-commerce listings.
Includes precise image specifications and aspect ratios for Facebook, Twitter, and LinkedIn.

Use Cases

Configuring branded social previews for landing pages to ensure professional visual consistency.
Optimizing a blog's social sharing preview with dynamic article metadata and author profiles.
Implementing rich product tags for e-commerce sites to display price and availability in social feeds.

About

Key Features

1 GitHub stars
Standardizes Next.js 16 Metadata API implementation for social platforms.
Provides domain-specific patterns for Article, Product, Profile, and Video types.
Optimizes Twitter Card formats including summary, summary_large_image, app, and player.
Enables dynamic metadata generation for blog posts and e-commerce listings.
Includes precise image specifications and aspect ratios for Facebook, Twitter, and LinkedIn.

Use Cases

Configuring branded social previews for landing pages to ensure professional visual consistency.
Optimizing a blog's social sharing preview with dynamic article metadata and author profiles.
Implementing rich product tags for e-commerce sites to display price and availability in social feeds.