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.

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

011 GitHub stars

02Standardizes Next.js 16 Metadata API implementation for social platforms.

03Provides domain-specific patterns for Article, Product, Profile, and Video types.

04Optimizes Twitter Card formats including summary, summary_large_image, app, and player.

05Enables dynamic metadata generation for blog posts and e-commerce listings.

06Includes precise image specifications and aspect ratios for Facebook, Twitter, and LinkedIn.

Use Cases

01Configuring branded social previews for landing pages to ensure professional visual consistency.

02Optimizing a blog's social sharing preview with dynamic article metadata and author profiles.

03Implementing rich product tags for e-commerce sites to display price and availability in social feeds.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add antoineschaller/cortex-skills open-graph-twitter

For use in Claude.ai and ChatGPT

Download Skill