When should this skill be used?

Use it when it applies to any page intended to be shared on X (Twitter), when auditing social sharing previews, or when adding social meta tags to a new site.

What does the skill do?

It helps an agent audit and fix Twitter card preview tags so pages share correctly on X.

Does it work on existing sites or only new ones?

Both. It can audit previews on pages that already exist and add social meta tags to a new site.

Add Twitter Card meta tags

SkillDev tools

twitter-cards is a skill for AI agents that audits and fixes Twitter card preview tags on web pages. It applies to any page intended to be shared on X, whether you are checking how existing pages render when shared or adding social meta tags to a new site.

Use Add Twitter Card meta tags in Claude, ChatGPT or Ahel Desktop

Free. Sign in, add Add Twitter Card meta tags and connect your AI. About a minute.

Claude ChatGPT Ahel Desktop

Also: Claude Code · Cursor · Codex

Then ask your AI: use the Add Twitter Card meta tags skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

No other account needed.

Have an AI agent that supports loading skills.

Add Twitter Card meta tagsStart free

What your AI can do with it

Audit social sharing previews on existing pages
Fix Twitter card preview tags so pages share correctly on X
Add social meta tags to a new site
Apply to any page intended to be shared on X (Twitter)

Getting started

Have an AI agent that supports loading skills.
Add the twitter-cards skill to the agent's available skills.
Ask the agent to audit the social sharing previews of a page or to add social meta tags to a new site.

What this skill tells your AI

The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/twitter-cards/SKILL.md and read by ahel’s review.

Pages shared on X without Twitter Cards show only a bare link; Cards add an image and description that significantly increase click-through rates from social traffic.

Quick Reference

Add <meta name="twitter:card" content="summary_large_image"> to enable rich previews when shared on X (Twitter)
Minimum required tags: twitter:card, twitter:title, twitter:description
X falls back to Open Graph tags (og:title, og:image) if Twitter-specific tags are absent
Recommended image size for summary_large_image: 1200×630 px, max 5 MB, JPG/PNG/WebP

Check

Inspect <head> for <meta name="twitter:card">, <meta name="twitter:title">, <meta name="twitter:description">, and <meta name="twitter:image">. Verify the card type is valid (summary or summary_large_image). Test the URL in the X Card Validator.

Fix

Add the required Twitter Card meta tags to the <head>. For article/blog pages use summary_large_image. Ensure twitter:image points to an absolute URL of an image at least 300×157 px (ideally 1200×630 px) under 5 MB.

Explain

Explain how Twitter Cards enhance shared links, the difference between summary and summary_large_image card types, and how X falls back to Open Graph tags.

Code Review

Review metadata generation, rendered HTML, structured data, and response headers related to Add Twitter Card meta tags. Flag exact routes or templates where search-facing output violates the rule, and describe how to verify the final page output.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/seo/twitter-cards

Signals

GitHub stars: 74k
Forks: 7k
Last commit: Oct 2026

Questions

When should this skill be used?: Use it when it applies to any page intended to be shared on X (Twitter), when auditing social sharing previews, or when adding social meta tags to a new site.
What does the skill do?: It helps an agent audit and fix Twitter card preview tags so pages share correctly on X.
Does it work on existing sites or only new ones?: Both. It can audit previews on pages that already exist and add social meta tags to a new site.

Advanced

Item type: skill
Key: twitter-cards-thedaviddias
Source: github.com/thedaviddias/front-end-checklist

github.com/thedaviddias/front-end-checklist