opengraph-images

Official

Create dynamic OG images for pages.

Authorsgcarstrends
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps build dynamic OpenGraph images using Next.js ImageResponse to improve social sharing previews.

Core Features & Use Cases

  • Dynamic OG images per page (blog, about, etc.).
  • Font integration for branded typography.
  • Standard OG config with alt text and size.

Quick Start

Add an opengraph image for a blog post path and reference it in the page metadata.

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: opengraph-images
Download link: https://github.com/sgcarstrends/sgcarstrends/archive/main.zip#opengraph-images

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.