Skills
.Work. You
Rest

og-image-generator

Community

Dynamic OG Image Generation

Software Engineering#social media#image generation#next.js#seo#og image#dynamic metadata
Author0mar2090
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of dynamic Open Graph images, enhancing social media previews for web content without manual design work.

Core Features & Use Cases

  • Dynamic Image Generation: Creates custom OG images based on content (e.g., blog post titles, product details).
  • Next.js Integration: Leverages Next.js's ImageResponse for server-side generation.
  • Use Case: Automatically generate unique social media images for each blog post on your website, featuring the post's title and author, improving click-through rates.

Quick Start

Use the og-image-generator skill to create a dynamic Open Graph image for a blog post titled 'My Awesome Article'.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: og-image-generator
Download link: https://github.com/0mar2090/hotelchavin/archive/main.zip#og-image-generator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.