skills.rest
kostja94
kostja94COMMUNITY
Explore all skills by this author →
WebsiteGitHub

twitter-cards

Generate Twitter Card meta tags for link previews on X.

872|122|Updated Feb 26, 2026
Search Tags:#social media#seo#meta tags#x#twitter cards#link preview
One-click install
npx skills add https://github.com/kostja94/marketing-skills --skill twitter-cards
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: twitter-cards
Source: https://github.com/kostja94/marketing-skills/tree/main/skills/seo/on-page/twitter-cards
Command: npx skills add https://github.com/kostja94/marketing-skills --skill twitter-cards

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you ensure that when your links are shared on X (formerly Twitter), they display attractively with the correct title, description, and image, maximizing click-through rates.

Core Features & Use Cases

  • Twitter Card Metadata Generation: Provides the necessary HTML meta tags for summary_large_image, summary, app, and player card types.
  • Image Optimization Guidance: Details image aspect ratios, dimensions, and file size limits for optimal display.
  • Use Case: You've just published a new blog post and want to ensure it looks great when shared on X. This skill will generate the twitter:card, twitter:title, twitter:description, and twitter:image tags to make your link preview compelling.

Quick Start

Generate the recommended HTML meta tags for a summary_large_image Twitter Card.

Frequently Asked Questions about twitter-cards

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add Twitter Card meta tags for X link previews?▼

Twitter Card meta tags for X link previews are generated as HTML elements specifying card type, title, description, and image. This Skill outputs the necessary tags for summary_large_image, summary, app, and player card types to control shared link appearance.

What's the difference between summary_large_image and summary Twitter Card types?▼

Summary_large_image Twitter Card types display a large prominent image above the title and description. Summary cards show a smaller square thumbnail beside the text. This Skill generates the specific meta tags needed to implement either X link preview format.

What are the image size and aspect ratio limits for X Twitter Cards?▼

Image optimization for X Twitter Cards requires specific aspect ratios, dimensions, and file size limits. This Skill provides detailed guidance for image constraints across different card types to ensure optimal display in link previews.

Do I need Open Graph tags if I already have Twitter Card metadata?▼

Twitter Card metadata can fall back to Open Graph tags when specific Twitter tags are absent. This Skill ensures proper implementation of social sharing tags while supporting fallback behavior to Open Graph data for X link previews.

Can I use Twitter Cards for app install or video player link previews on X?▼

App and player Twitter Card types are supported for generating X link previews. This Skill creates the specific meta tags required for app install cards and video player cards, controlling how shared application or media links appear.

Why does my X link preview show the wrong title or broken image?▼

Incorrect X link previews often result from missing or malformed Twitter Card meta tags. This Skill generates properly structured twitter:card, twitter:title, twitter:description, and twitter:image tags to ensure shared links display attractively and maximize click-through rates.

Related Skills

Explore More Marketing & Sales Skills→
naporin0624naporin0624
3

seo-lookup

Return official SEO guidance for meta tags, Open Graph, Twitter Cards, and structured data.

Community
Basic
686f6c61686f6c61
105

meta-tags

Audit page URLs and generate corrected HTML meta tag snippets.

Community
Intermediate
raduceucaraduceuca

OG Image Generator

Generate Open Graph images with HTML/CSS templates or React components.

Community
Intermediate
ambush0421ambush0421

seo-meta

Generate SEO metadata including titles, Open Graph tags, and JSON-LD schema.

Community
Advanced