open-graph-creator

Open Graph Creator - Auto-activating skill for Frontend Development. Triggers on: open graph creator, open graph creator Part of the Frontend Development skill category.

1.00x

Quality

Does it follow best practices?

Impact

97%

1.00x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/open-graph-creator/SKILL.md

Evaluation results

92%

Social Media Preview Setup for a SaaS Landing Page

Production-ready OG tag generation

Criteria

Without context

With context

og:title present

100%

og:description present

100%

og:image present

100%

og:url present

100%

og:type present

100%

Absolute image URL

100%

Absolute og:url

100%

Twitter card tag

100%

og:site_name or og:locale

Tags in <head>

100%

Validation notes file

100%

No broken HTML structure

100%

Without context: $0.2248 · 56s · 12 turns · 13 in / 2,839 out tokens

With context: $0.3787 · 1m 18s · 24 turns · 312 in / 4,228 out tokens

100%

Dynamic Open Graph Tags for a React Blog Application

Framework-specific OG implementation (React)

Criteria

Without context

With context

Framework head API used

100%

Homepage og:title

100%

Homepage og:description

100%

Article og:title dynamic

100%

Article og:description dynamic

100%

Article og:image dynamic

100%

og:type on article

100%

Twitter card on article

100%

Absolute image URLs

100%

Implementation notes present

100%

og:url on article

100%

Original page content preserved

100%

Without context: $0.3794 · 1m 27s · 20 turns · 21 in / 5,245 out tokens

With context: $0.3855 · 1m 23s · 22 turns · 56 in / 4,898 out tokens

100%

Fix Broken Social Previews for an E-commerce Product Page

OG standards validation and compliance audit

Criteria

Without context

With context

og:title fixed

100%

og:image absolute URL

100%

og:url absolute URL

100%

og:type corrected

100%

Twitter card tag added

100%

twitter:description added

100%

twitter:image added

100%

Audit report present

100%

Audit cites standards

100%

Audit platform coverage

100%

Original content preserved

100%

og:image:width or og:image:alt

100%

Without context: $0.3533 · 1m 37s · 19 turns · 20 in / 5,580 out tokens

With context: $0.4614 · 2m 1s · 25 turns · 58 in / 6,197 out tokens

Repository: jeremylongshore/claude-code-plugins-plus-skills
Commit: 994edc4

Evaluated: 18 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Social Media Preview Setup for a SaaS Landing Page Dynamic Open Graph Tags for a React Blog Application Fix Broken Social Previews for an E-commerce Product Page

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.