Og Image
This skill automates creation of professional Open Graph images for social sharing. It examines your project's framework, design tokens, and branding to generate a screenshot-optimized preview page, captures it at the correct dimensions, and sets up complete meta tag configuration for social platforms.
Og Image generates Open Graph preview images optimized for social sharing by analyzing your project's design system and configuring all necessary meta tags.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
Og Image generates Open Graph preview images optimized for social sharing by analyzing your project's design system and configuring all necessary meta tags. This skill automates creation of professional Open Graph images for social sharing. It examines your project's framework, design tokens, and branding to generate a screenshot-optimized preview page, captures it at the correct dimensions, and sets up complete meta tag configuration for social platforms.
Use it when
- Yes.
- Og Image enhances social media sharing by generating custom visual thumbnails and preview cards tailored to your content.
Install
dirnbauer/webconsulting-skills/og-image · repository language: Shell
generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does Og Image do?
Og Image automates creation of professional Open Graph images for social sharing. It examines your project's framework, design tokens, and branding to generate a screenshot-optimized preview page, captures it at the correct dimensions, and sets up complete meta tag configuration for social platforms.
Can Og Image generate og images automatically?
Yes. Og Image creates dynamic og:image meta tags automatically by analyzing your project's design system and branding. It generates screenshot-optimized preview pages, captures them at the correct social media dimensions, and configures the necessary meta tags without manual intervention.
How does Og Image enhance social media sharing?
Og Image enhances social media sharing by generating custom visual thumbnails and preview cards tailored to your content. When links are shared on social platforms, Og Image ensures professional, branded preview images appear instead of generic placeholders, improving click-through rates and engagement.
What is an open graph image tool used for?
An open graph image tool like Og Image is used to create and automate the generation of preview images that appear when content is shared on social media. Og Image builds these social sharing preview cards by examining your framework and design tokens, then automatically configuring the og:image meta tags needed for proper display across platforms.
Can Og Image create social preview generator functionality?
Yes. Og Image functions as a social preview generator by automating the creation of preview cards for web content. It captures optimized screenshots at social media dimensions and generates the complete og:image meta tag configuration, enabling dynamic open graph image generation for social sharing without manual setup.
How does Og Image work with design tokens?
Og Image examines your project's design tokens and branding guidelines to generate visually consistent Open Graph images. By understanding your design system, it creates screenshot-optimized preview pages that align with your brand identity, then captures them at the correct dimensions and configures the meta tags for social platforms.
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Generate Open Graph images for social media link previews”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Create professional social media preview images and favicon assets in one command using your brand colors and project details. The skill generates correctly sized OG images for Twitter, LinkedIn, and Facebook, plus multiple favicon formats for web and mobile. Customize with brand colors, text, logos, and patterns, then integrate into your framework with provided code snippets.
Concept to Image transforms design ideas into polished visuals by rendering HTML and CSS through an intermediate artifact layer, then exporting to PNG or SVG. Refine colors, layout, and content directly in the HTML before finalizing the image output.
OG Image Design helps you create social sharing images optimized for Facebook, Twitter, LinkedIn, and other platforms. It provides platform-specific dimensions, design rules for text and safe zones, and ready-to-use templates for blog posts, product launches, and tutorials.
This skill equips TYPO3 administrators with practical SEO enhancements to boost search engine visibility and organic reach. Configure metadata, optimize page structure, and implement best practices directly within your TYPO3 environment to drive measurable improvements in search rankings and user discovery.
Build a solid SEO foundation by implementing core technical elements like robots.txt directives, XML sitemaps, and structured meta tags. This skill guides you through configuring each component to ensure search engines can discover and properly index your site's content. Establish best practices that support long-term organic visibility.
Create production-ready web assets including favicons, PWA app icons, and social media meta images for Facebook, Twitter, LinkedIn, and WhatsApp. Source from uploaded logos, text slogans, or emoji characters, and get ready-to-use HTML tags for integration.
More skills seo-optimizer (MIT)