og-image

This skill creates professional Open Graph images for social media sharing. It analyzes the existing codebase to match the project's design system, generates a dedicated OG image page, screenshots it, and configures all necessary meta tags.

Create a dedicated route at /og-image (or equivalent for the framework):

Audit and update the project's meta tag configuration. For Next.js App Router, update layout.tsx. For other frameworks, update the appropriate location.

ソーシャルメディアのプレビュー画像（Open Graph）を生成し、メタタグを設定します。プロジェクトの既存のデザイン システムを使用してスクリーンショットに最適化されたページを作成し、それを 1200x630 でキャプチャし、すべてのソーシャル共有メタ タグを設定します。 ソース: dirnbauer/webconsulting-skills。