Og Image Skill
Generate 1200×630 Open Graph preview pages from your existing design system, capture screenshots, and wire full social meta tags before you share a launch URL.
Overview
og-image-skill is a plugin marketplace for the Launch phase that generates Open Graph preview images at 1200×630 and configures social meta tags from your design system.
What is this marketplace?
- Builds a screenshot-optimized page using the project’s existing design system
- Captures social preview image at 1200×630 standard OG size
- Configures Open Graph and related social sharing meta tags
- Single og-image plugin (v1.0.0) in productivity-oriented marketplace listing
- End-to-end flow from preview page to share-ready assets
- Marketplace bundles 1 plugin (og-image) at version 1.0.0
- Capture standard explicitly 1200×630 for Open Graph previews
Community signal: 97 GitHub stars.
What problem does it solve?
Shared launch links show empty or off-brand previews because OG images and meta tags were never aligned with the live product UI.
Who is it for?
Indie SaaS or content launches where the codebase already has a design system and you need trustworthy link previews fast.
Skip if: Mobile-app-only products without a web surface, or teams wanting full technical SEO crawls instead of OG asset generation.
What do I get? / Deliverables
After install, you get a captured 1200×630 preview and configured meta tags so social and messaging apps display a professional card.
- Screenshot-optimized preview page aligned to project design
- 1200×630 captured image suitable for Open Graph
- Configured social sharing meta tags for the target pages
Plugins in this marketplace
1 plugin — install individually after you add the marketplace.
Recommended Marketplaces
Journey fit
Launch is the canonical shelf because the plugin exists so shared links look credible on Twitter, LinkedIn, and Slack the moment you promote a ship. SEO subphase covers Open Graph images, Twitter cards, and meta tag configuration that affect click-through from search and social surfaces.
How it compares
Launch-time OG/meta generator, not a WeChat analytics or smart-contract security marketplace.
Common Questions / FAQ
Who is Og Image Skill for?
It is for developers shipping web products who need Open Graph images and meta tags that match their existing UI before distribution.
When should I use Og Image Skill?
Use it at Launch when you are about to post URLs publicly and need 1200×630 previews plus correct og:title, og:image, and related tags.
How do I add Og Image Skill to my agent?
Install the stevysmith/Og Image Skill marketplace in Claude Code, enable the og-image plugin, and run it against your web project with its design system in place.