How does it help me fix validation errors?

The skill generates a structured report with prioritized 'Action Items' that provide concrete HTML code examples you can copy and paste into your project.

Does this skill work with localhost?

Yes, it can fetch and validate OG tags from your local development server, though it will warn you to use absolute public URLs for production environments.

Does it support Single Page Applications (SPAs)?

The skill fetches raw HTML. For client-side rendered apps (React/Vue), it may miss tags unless they are rendered server-side (SSR) or included in the static HTML head.

Which social platforms are supported?

It validates against specific standards for Facebook, Twitter (X), and KakaoTalk, including platform-specific image size, aspect ratio, and character limits.

OpenGraph Validator & Social Preview

Name: OpenGraph Validator & Social Preview
Author: mkroo

bymkroo

0•

ソーシャルメディア管理

Validates OpenGraph and Twitter Card meta tags to ensure perfect social media sharing previews across platforms.

The og-validator skill helps developers debug and optimize how their websites appear when shared on social media platforms like Facebook, Twitter, and KakaoTalk. It fetches page HTML from live URLs or localhost, extracts all relevant meta tags, validates them against platform-specific requirements for image dimensions and text length, and provides actionable code fixes to resolve display issues before deployment.

主な機能

01Image dimension and file size validation for platform compatibility

02Localhost development server support for pre-deployment testing

03Automated OG and Twitter Card tag extraction from HTML

04Platform-specific requirement checking for Facebook, Twitter, and KakaoTalk

050 GitHub stars

06Actionable HTML code fix suggestions for failed validation checks

ユースケース

01Ensuring sharing images meet specific aspect ratio and file size limits

02Debugging broken or missing link previews on social media apps

03Optimizing SEO and social sharing meta tags during the development phase

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mkroo/skills og-validator

For use in Claude.ai and ChatGPT