{"enrichment":{"faq":[{"a":"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.","q":"What does Og Image do?"},{"a":"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.","q":"Can Og Image generate og images automatically?"},{"a":"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.","q":"How does Og Image enhance social media sharing?"},{"a":"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.","q":"What is an open graph image tool used for?"},{"a":"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.","q":"Can Og Image create social preview generator functionality?"},{"a":"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.","q":"How does Og Image work with design tokens?"}],"shadow_tags":["social-media-preview","meta-tag-generation","link-preview-image","seo-visual-asset","sharing-card-builder"],"summary_rewrite":"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."},"gist":{"api_url":"https://skillfed.io/api/skills/dirnbauer/webconsulting-skills/og-image.json","as_of":"2026-07-27","description":"Og Image generates Open Graph preview images optimized for social sharing by analyzing your project's design.","install":{"manual":["git clone https://github.com/dirnbauer/webconsulting-skills","cp -r webconsulting-skills ~/.claude/skills/og-image"],"primary":"npx skillfed install dirnbauer/webconsulting-skills/og-image","version":"e576402f"},"kind":"skill","mirror_url":"https://skillfed.io/dirnbauer/webconsulting-skills/og-image.md","similar":[{"id":"crafter-station/skills/generate-brand-assets","name":"generate-brand-assets","publisher":"crafter-station/skills","url":"https://skillfed.io/crafter-station/skills/generate-brand-assets"},{"id":"inference-sh/skills/og-image-design","name":"Og Image Design","publisher":"inference-sh/skills","url":"https://skillfed.io/inference-sh/skills/og-image-design"},{"id":"dirnbauer/webconsulting-skills/typo3-seo","name":"Typo3 Seo","publisher":"dirnbauer/webconsulting-skills","url":"https://skillfed.io/dirnbauer/webconsulting-skills/typo3-seo"},{"id":"alinaqi/maggy/site-architecture","name":"site-architecture","publisher":"alinaqi/maggy","url":"https://skillfed.io/alinaqi/maggy/site-architecture"},{"id":"alonw0/web-asset-generator/web-asset-generator","name":"web-asset-generator","publisher":"alonw0/web-asset-generator","url":"https://skillfed.io/alonw0/web-asset-generator/web-asset-generator"}],"title":"Og Image by dirnbauer: Generate Open Graph images for social media link previews \u2014 SkillFed","use":{"when":["Yes.","Og Image enhances social media sharing by generating custom visual thumbnails and preview cards tailored to your content."]},"what":{"lead":"Og Image generates Open Graph preview images optimized for social sharing by analyzing your project's design system and configuring all necessary meta tags.","rest":"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."}},"id":"dirnbauer/webconsulting-skills/og-image","install":{"mode":"external","repo":"https://github.com/dirnbauer/webconsulting-skills"},"links":{"html":"https://skillfed.io/dirnbauer/webconsulting-skills/og-image","md":"https://skillfed.io/dirnbauer/webconsulting-skills/og-image.md","repo":"https://github.com/dirnbauer/webconsulting-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":6,"language":"Shell","last_updated":"2026-07-27","license":"NOASSERTION","name":"Og Image","publisher":"dirnbauer","stars":33},"relations":{"similar":[{"id":"crafter-station/skills/generate-brand-assets"},{"id":"inference-sh/skills/og-image-design"},{"id":"dirnbauer/webconsulting-skills/typo3-seo"},{"id":"laguagu/claude-code-nextjs-skills/nextjs-seo"},{"id":"travisjneuman/.claude/seo-analytics-auditor"},{"id":"dirnbauer/webconsulting-skills/image"},{"id":"alinaqi/maggy/site-architecture"},{"id":"alonw0/web-asset-generator/web-asset-generator"},{"id":"kostja94/marketing-skills/open-graph"},{"id":"Pixel-Process-UG/superkit-agents/seo-optimizer"}]},"slug":{"owner":"dirnbauer","repo":"webconsulting-skills","skill":"og-image"},"version":"e576402f"}