twitter-cards
When the user wants to add or optimize Twitter Card metadata for X (Twitter) link previews. Also use when the user mentions "Twitter Card," "twitter:card," "twitter:image," "twitter:title," "X preview," or "tweet preview." For Facebook/LinkedIn previews, use open-graph.
npx skills add kostja94/marketing-skills --skill twitter-cards --agent cursor
Same command for any agent — swap --agent for claude-code, codex, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# SEO On-Page: Twitter Cards Guides implementation of Twitter Card meta tags for X (Twitter) link previews. Twitter falls back to Open Graph if Twitter-specific tags are missing; add both for best results. **When invoking**: On **first use**, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Scope (Social Sharing) - **Twitter Cards**: X-specific meta tags; control how links appear when shared on X/Twitter ## Card Types | Type | Use case | |------|----------| | **summary** | Small card with thumbnail | | **summary_large_image** | Large prominent image (recommended; 1200×675px) | | **app** | Mobile app promotion | | **player** | Video/audio content | ## Recommended Tags (summary_large_image) ```html <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Your Title"> <meta name="twitter:description" content="Your description"> <meta name="twitter:image" content="https://example.com/image.jpg"> <meta name="twitter:site" content="@yourusername"> <meta name="twitter:creator" content="@authorusername"> <
- Scope (Social Sharing)
- Card Types
- Recommended Tags (summarylargeimage)
- Image Requirements
- Common Mistakes
- Implementation
- Next.js (App Router)
- HTML (generic)
- Testing
- Related Skills
What does the twitter-cards skill do?
When the user wants to add or optimize Twitter Card metadata for X (Twitter) link previews. Also use when the user mentions "Twitter Card," "twitter:card," "twitter:image," "twitter:title," "X preview," or "tweet preview." For Facebook/LinkedIn previews, use open-graph.
How do I install it?
Run `npx skills add kostja94/marketing-skills --skill twitter-cards --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From kostja94/marketing-skills, a repository with 848 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.