LogoClawIndex
CasesSkillsAbout
LogoClawIndex

og-images - Create OpenGraph and Twitter share images for Next.js applications

Generate dynamic OpenGraph and Twitter share images using next/og ImageResponse

Tags

Updated: 2026-03-09
Next.jsOpenGraphTwitterSocial MediaImage GenerationSEO

Capabilities

Create OpenGraph imagesGenerate Twitter cardsUse next/og ImageResponseLoad custom fonts

Typical Inputs

Next.js projectFont TTF filesAvatar images

Typical Outputs

OpenGraph image filesTwitter card imagesDynamic API endpoints

What this skill does

  • Create OpenGraph images
  • Generate Twitter cards
  • Use next/og ImageResponse
  • Load custom fonts
  • Include avatars in images
  • Apply title case formatting
  • Test share images in browser

Inputs

  • Next.js project
  • Font TTF files
  • Avatar images
  • Title content
  • Subtitle content
  • Page slug

Outputs

  • OpenGraph image files
  • Twitter card images
  • Dynamic API endpoints
  • ImageResponse objects

Requirements

  • Next.js framework
  • Edge runtime environment
  • Satori rendering engine
  • Public fonts directory
  • ImageResponse API

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.