og-image-generator
✓Generate and optimize Open Graph meta images for social media sharing. Use this skill when building web applications that need dynamic OG image generation with support for Vercel's @vercel/og library, pre-generated image storage, and social media optimization (Twitter Cards, Facebook, LinkedIn). Handles dynamic routes, performance optimization, and includes best practices for crawler compatibility and testing.
Installation
SKILL.md
Generate high-performance Open Graph images for social media sharing with support for dynamic generation and pre-generated storage patterns.
Test Visit: https://cards-dev.twitter.com/validator and paste your URL.
For user-generated content or high-traffic pages, pre-generate images when content is created to ensure instant crawler responses.
Generate and optimize Open Graph meta images for social media sharing. Use this skill when building web applications that need dynamic OG image generation with support for Vercel's @vercel/og library, pre-generated image storage, and social media optimization (Twitter Cards, Facebook, LinkedIn). Handles dynamic routes, performance optimization, and includes best practices for crawler compatibility and testing. Source: juanpiriv/x-og-image-generator.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/juanpiriv/x-og-image-generator --skill og-image-generator- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is og-image-generator?
Generate and optimize Open Graph meta images for social media sharing. Use this skill when building web applications that need dynamic OG image generation with support for Vercel's @vercel/og library, pre-generated image storage, and social media optimization (Twitter Cards, Facebook, LinkedIn). Handles dynamic routes, performance optimization, and includes best practices for crawler compatibility and testing. Source: juanpiriv/x-og-image-generator.
How do I install og-image-generator?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/juanpiriv/x-og-image-generator --skill og-image-generator Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/juanpiriv/x-og-image-generator
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01