skills.rest
hungv47
hungv47COMMUNITY
Explore all skills by this author →
Website𝕏@hungv47GitHub

preview-og

Run the metaprev CLI against a URL to validate Open Graph tags.

14|Updated Apr 1, 2026
Search Tags:#automation#validation#open-graph#og#social-preview#share-card#metaprev
One-click install
npx skills add https://github.com/hungv47/meta-skills --skill preview-og
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: preview-og
Source: https://github.com/hungv47/meta-skills/tree/main/skills/marketing/preview-og
Command: npx skills add https://github.com/hungv47/meta-skills --skill preview-og

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Open Graph / Twitter share cards often render incorrectly when a page is shared; this skill validates and fixes og:image references, ensures absolute URLs, and re-verifies results to prevent broken previews.

Core Features & Use Cases

  • Runs the metaprev CLI against a URL to detect issues with og:image, title/description, and other OG tags; fixes in the codebase; re-verifies.
  • Ensures absolute og:image URLs, correct dimensions, and re-verification; supports before shipping a page or when a preview is broken.
  • Guides via playbook, fixes, and artifact outputs for review and collaboration.

Quick Start

Run metaprev against the target URL to validate and fix Open Graph share cards.

Frequently Asked Questions about preview-og

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

FAQPage Schema
Why does my Open Graph image not show up when I share a link on Facebook or X?▼

Broken Open Graph previews usually stem from relative og:image URLs or incorrect dimensions. This skill validates og:image references, enforces absolute URLs, and re-verifies the share card renders correctly across Facebook, X, LinkedIn, and Discord.

How do I validate Open Graph tags before shipping a web page?▼

To validate Open Graph tags before shipping, run the metaprev CLI against the target URL. The skill detects og:image, title, and description issues, applies codebase fixes, and produces a repeatable artifact confirming the share card is correct.

Can I use this to fix broken share previews across multiple social platforms?▼

Yes, this skill supports fixing broken share previews across Facebook, X, LinkedIn, and Discord. It runs validation, enforces absolute og:image URLs, verifies dimensions, and re-verifies the results after applying fixes.

What's the best way to ensure my og:image URL is valid for social share cards?▼

The best way to ensure a valid og:image URL is to enforce absolute paths and verify image dimensions. This skill automates that validation using the metaprev CLI and re-verifies the share card after fixes are applied.

Do I need any external dependencies to validate my social share cards?▼

No external dependencies are required. The skill operates independently using the metaprev CLI to validate social share cards, check Open Graph tags, and generate review artifacts without needing additional packages.

What limitations exist when validating Open Graph tags with this approach?▼

Validation focuses on og:image references, absolute URLs, and dimensions across Facebook, X, LinkedIn, and Discord. It addresses rendering issues by verifying tags before shipping but does not modify external platform caching behavior.

Related Skills

Explore More Marketing & Sales Skills→
aaron-he-zhuaaron-he-zhu
142

meta-tags-optimizer

Generate SEO meta titles, descriptions, and Open Graph tags for web pages.

Community
Basic
dirnbauerdirnbauer
33

og-image

Generate Open Graph images and configure social meta tags for web frameworks.

Community
Intermediate
marcusmarcus
3

rich-link-previews

Generate and validate Open Graph and Twitter Card metadata for link previews.

Community
Intermediate
KylerDKylerD
14

web-discoverability

Configure SEO meta tags, OpenGraph, sitemaps, and robots.txt for web discoverability.

Community
Intermediate